Photoshop轻松绘制Web2.0图标

  我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。

  先看看效果图:


  步骤1:

  创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。


  步骤2:

  双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。

  小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。


  步骤3:

  参照下图,复制圆形图层,并调整到合适大小。


  步骤4:

  双击刚复制好的新图层,打开图层样式窗口,去掉所有前面设置的效果(渐变叠加、斜面和浮雕效果)。选择“描边”,在“填充类型”下来菜单中选择“渐变”,将渐变颜色设置为白色,透明度从100%至0%。其他设置参照下图。


  步骤5:

  选择“横排文字工具”(T)创建一个文字图层,使文字图层在最顶层。选中文字图层,打开图层样式窗口。选择“颜色叠加”将文字颜色设置成白色,然后选择“内阴影”,参照下图进行设置。


分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-11-29 13:39:29

Photoshop轻松绘制Web2.0图标的相关文章

Photoshop轻松绘制打太极拳的像素熊猫

天极设计在线曾经为大家详细介绍过像素画的绘制方法和技巧,今天我们一起在Photoshop里画一只像素风格的可爱熊猫,瞧,它还在打太极拳呢! 1.在Phtosshop里新建画布并新建层,用小号画笔画出大致的轮廓,画好以后调整图像到自己想要的尺寸,我的是100*100像素大小. 2.为了便于勾线,我选了一个深绿的颜色作为背景填充背景层图片如下: 3.降低轮廓图层的透明度,在层之上再新建层.放大视图.开始勾线. 注意保持线条的平滑度和单一像素宽.图片如下: 4.勾线完毕以后删除轮廓层,其实际大小效果如

Photoshop轻松绘制逼真MP3

笔者今天演示是的是MP3的绘制过程.这个教程比较适合初学手绘效果图的朋友,希望通过这教程能够给大家带来些帮助.小弟做的不够详细的地方希望给予指出.也欢迎大家平时能和小弟多多交流,共同进步,联系QQ:95512068.先来看效果图: (1) 打开新建对话框,设置名称为手绘MP3,宽度800像素,高度600像素,模式RGB颜色模式.这个步骤很简单,就不截图了. (2) 单击钢笔工具如图(1),勾画MP3出大的形来.大家可参考最终效果图进行勾线.够线时需要注意各个转折面的节点,尽量画的准确些.这样对后

Photoshop轻松绘制韩式卡通风格云朵一

我们经常在一些韩国图片上看到被处理成蓝绿绿效果的云朵,很是可爱.其实用Photoshop处理起来很简单.    1.这是一张用手机拍摄的照片,我们用Photoshop打开它,并复制一层. 2.给照片做一些光滑处理,可以参考<Photoshop修图:为扫描图像去网纹>.<为照片MM打造幼嫩光滑又不失真的好皮肤>. 这里推荐使用NeatImage外挂滤镜进行降噪处理. Neat Image 是一款功能强大的专业图片降噪软件,非常适合处理曝光不足而产生大量噪波的数码照片,尽可能地减小外界

Photoshop轻松绘制粉色的透明水晶蝴蝶

水晶蝴蝶制作重点是把蝴蝶翅膀部分的高光渲染出来,过程也比较简单.先渲染整体的高光,做出水晶底色,然后再慢慢细化局部的高光和暗部即可.最终效果

Photoshop简单绘制水晶按钮图标

教程介绍非常简单的水晶按钮的制作方法.制作的时候只要用圆角矩形拉出按钮的大小,然后加上图层样式和高光即可.教程只是个参考,其他形状的按钮制作方法类似. 本教程介绍非常简单的水晶按钮的制作方法.制作的时候只要用圆角矩形拉出按钮的大小,然后加上图层样式和高光即可.教程只是个参考,其他形状的按钮制作方法类似. 最终效果     1.新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下图.       2.新建一个图层

Photoshop轻松绘制韩式卡通风格云朵三

我们再简单地加一个阳光透射的效果.将前面的图层按住shift全部选取,复制,并拼合.让其转换为智能对象.之所以这样是为了方便我们更好地控制滤镜效果,随时可以修改而不必全部重做. 执行滤镜-模糊-径向模糊  然后将该图层的不透明度进行更改. 然后添加蒙版,用柔边画笔对中间的云朵沿边缘进行遮盖. 8.我们还可以添加想要的文字,并设置简单的发光效果.然后把满意的图片保存为我们喜欢的格式. (不带放射效果的)

用photoshop绘制邮件盒图标教程

  用photoshop绘制邮件盒图标教程,每个部位都分析的很到位,设计师最重要的技能是审美和视觉传达,可以自己绘绘看 分类: PS入门教程 ps图标制作教程

WEB2.0图形设计样式指南

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 web2.0 :我一直听到说这个时髦的词,不管是喜欢还是讨厌web2.0,它都是这种特定的web2.0设计风格的一个主要的部分.这个指南的目的是想给一些设计新 手一些参考,或者是做为一个清单,给那些还在挣扎着适应着好多社会性网络/社会性媒体网站风格的页面图形设计师们. 首先我们知道web2.0有很多技术定义,比如新媒体或者分享信息或者媒体等等

Photoshop制作可爱的钢琴图标

  Photoshop制作可爱的钢琴图标.效果图非常有创意,用一些极简的图形表现出钢琴的效果;绘制的时候先要把构造分解一下,大致了解每一部分的材质和光影;然后逐层刻画即可. 最终效果 1.绘制钢琴图标轮廓. 2.绘制钢琴的整体轮廓. 3.绘制盖子和内部细节. 4.绘制钢琴身部的细节. 5.绘制钢琴的底部和钢琴键. 6.添加阴影和英文字母. 7.添加背景图片和整体调色,完成最终效果. 分类: PS入门教程 ps图标制作教程