多语言展示
当前在线:1844今日阅读:60今日分享:41

Photoshop打造靓丽质感图标

看到效果图,蛮以为一个小 图标应该很容易就能搞定。没想到需要这么多步骤。细节,细节,还是细节!切记!
步骤/方法
1

最终效果图:  看到效果图:分析!分析!再分析!我们将怎么完成这个图标的制作呢?

2

经观察得:

3

一:背景制作(灰白色,加一条高光线)这步应该比较简单。

4

二:图标的雏形(关键地方,颜色的搭配漂亮,因为给你第一感觉就是色彩。高光,浮雕,影子等细节的制作,看上去很立体就是这些因素造成的啦!)

5

三:邮件图标的添加(这个跟第二步类似)

6

四:文字的添加(关键点,文字排版,图层样式的设置。)   这都是我自己主观的分析。嘿嘿,仅供参考。我觉得最关键的就是:色彩的搭配了,图标影调的分布!   第一步:   新建一个文档200x200px   背景色:白   分辨率:72dpi   现在给按钮做辅助线,Ctrl+R显示辅助线   在尺寸区域里面按住鼠标左键,把拽辅助线 拉下来   如下图:  按快捷键:Ctrl+Alt+C,打开调整画布大小的窗 口。    设置如下:(画布扩大区域颜色的选则,窗口最下面的那个选项)   下面是效果图:第二步:   制作背景   作者使用的是灰白色的渐变注意这步小技巧:   作者在背景 上新建一层空白图层   命名为“backlight”,使用小笔刷在背景中间和顶部分别画一个小光圈调整这层大小如下图:

7

8

9

10

11

OK,我们的背景搞定!   第三步:   新建一层,按U,选择圆角矩形工具,羽化值:10,如下图画:

12

重命名为“button bg”

13

关键部分:图层样式的设置   投影:

14

渐变叠加:

15

描边:

16

效果:

17

第四步:   关键:高光和阴影的制作   在按钮下面添加一层   使用矩形选取工具画 个阴影:

18

重命名 为:“shadow”   影子太生硬了,必须模糊一下。   滤镜—高斯模糊—13

19

按快捷键Ctrl+T 调整阴影大小,位置。   不透明度30%

20

在按钮图层 上面,新添加一层并命名“Highlight”(高光)   设置图层混合模式为: 叠加,选择白色笔刷,在按钮上部单击一下。如下图

21

效果还不是很满意,复制一层   混合模式改回 “正常”   按Ctrl+T改变大小和位置   如下图:

22

效果:

23

第五步:   新建图层,画“信封”图标了,选择矩形选取工具, 画出如下图矩形。

24

重命名为“envelope”(信封)   注意步骤:图层样式的设置   投影:

25

外发光:

26

描边:

27

注意颜色的选择!   最终效果

28

第六步:   新建一层,继续制作信封的图标,按U选择多边形工具。

29

设置如下:

30

画出一个三 角形如下图。使用自由变换工具调整位置,大小

31

、图层样式设置   投影:

32

内阴影:

33

渐变叠加:

34

描边:

35

最终效果:

36

复制一层,Ctrl+T自由变换,选择垂直翻转,并调节大小如下图:

37

记得把这复制的小三角形的图层选项:描边去掉!   在大三角和小三角形中间新建一层,做一个小圆选区,我们使用笔刷画一下大三角形投影到小三角形上的阴影。

38

记得 使用模糊和调整图层透明度来使阴影柔和   效果:

39

内阴影:

40

渐变叠加:

41

描边:

42

最后一个小技巧,看到描边的颜色选择吗?

43

OK,最终效果图:

44

总结   对于新手,多练习图层样式就能搞定。还是要说的:细节的 处理!颜色的搭配!

推荐信息