第九软件网:打造最安全放心的免费绿色软件下载站!

Photoshop制作专属精致APP图标

2013-10-10来源:第九软件网
教你用Photoshop制作专属精致APP图标。

想要制作属于自己的APP图标吗?做一套手机用,羡煞旁人吧~~~

效果图:

Photoshop制作专属精致APP图标

Adobe Photoshop下载:
Photoshop制作专属精致APP图标
  • 软件名称:Adobe Photoshop CS5简体中文绿色版
  • 大小:125.35MB版本:CS5简体中文绿色版类别:设计软件
  • 语言:中文使用平台:Win_xp/Win7/Win8/Ubuntu

第一步:

新建一张 600*350的空白画布。

图片名称

第二步:

按住Alt键双击背景图层,是背景图层转换为普通图层。

图片名称

第三步:

双击图层打开图层样式设置,依次勾选并设置“颜色叠加(颜色为#262523)”“渐变叠加”“内发光”,具体数据设置参考图片所示。

图片名称

得到背景图:

Photoshop制作专属精致APP图标

第四步:

新建一个图层,使用圆形柔角画笔在背景正中间画一个圆形,按住ctrl+T将其压扁拉宽,并设置图层不透明度为20%。

图片名称
Photoshop制作专属精致APP图标

第五步:

使用“圆角矩形工具”在刚画好的阴影上画一个半径40像素,大小适宜的圆角矩形作为icon的主体。

图片名称

第六步:

使用矩形工具在圆角矩形上方画一个尺寸更大一些的矩形,为我们后面的剪贴蒙版做准备。

图片名称

第七步:

双击图层调出图形样式,使用渐变叠加,具体设置参数如图所示。

图片名称

第八步:

按住Alt键在该图层与“形状1”之间点击一下,使其变为剪贴蒙版。

图片名称

第九步:

右键单击图层,在菜单中点击“转换为智能对象”

图片名称

第十步:

执行“滤镜—像素化—马赛克”对图形进行分块处理。

图片名称

第十一步:

将使用了马赛克效果的图层按住ctrl+j复制一层,同样转换为剪贴蒙版。接下来执行“滤镜—风格化—照亮边缘”具体参数参考图片。

图片名称

第十二步:

接下来我们将图层的混合模式调整为“线性减淡(添加)”图层不透明度调整为“30%”

图片名称

第十三步:

将上一步的图层再次复制(ctrl+j),将图层混合模式设置为“排除”,图层不透明度设置为“20%”。并使用“移动工具”,将其位置向下方和右方分别移动1像素,使产生凹槽的效果。

图片名称

第十四步:

接下来再圆角矩形中间画一个正圆,图层样式勾选设置“渐变叠加”“内阴影”“投影”,具体参数设置如图。

图片名称

效果如图:

图片名称

第十六步:

接下来在圆形的中心再画一个较小一点的正圆形。依然需要设置图层样式,勾选设置“颜色叠加”“内发光”“内阴影”,具体参数设置如图。

图片名称
Photoshop制作专属精致APP图标

得出的效果如图:

图片名称

第十七步:

接下来我们在icon的中心添加自己喜欢的文字。

图片名称

第十八步:

设置文字图层样式,具体参数设置如图。

图片名称

第十九步:

是不是觉得icon依然黯淡无光呢,我们选中之前的“形状1”图层,按住Alt键将其向上拖动复制一张,把填充调为0%,这样接下来的操作就不会收到图层本身的颜色控制了。

图片名称

第二十步:

我们将复制出的图层设置图层样式,勾选设置“内发光”“内阴影”,具体参数设置如图。

图片名称

得出发光效果。会不会觉得上方的光亮面积太大以至于看不到网格的细节了?不用担心,现在我们就来解决。

图片名称

第二十一步:

我们打开图层样式,在混合选项中,勾选“图层蒙版隐藏效果”

图片名称

第二十二步:

给图层添加蒙版。

图片名称

第二十三步:

用黑色的画笔将上方多余的光亮处擦去,是网格边缘细节凸现出来。

最终效果:

图片名称

转载请注明出处:第九软件网 www.dijiu.com

Adobe Photoshop下载:
Photoshop制作专属精致APP图标
  • 软件名称:Adobe Photoshop CS5简体中文绿色版
  • 大小:125.35MB版本:CS5简体中文绿色版类别:设计软件
  • 语言:中文使用平台:Win_xp/Win7/Win8/Ubuntu