手把手教你用PS制作简约清新图标,收藏学习( 二 )


文章插图
图21

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图22

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图23

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图24
效果图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图25
8. 新建椭圆4,设置样式效果 。
再复制一个椭圆(快捷键 Ctrl+J),先按(快捷键Ctrl+T) 缩小到80%,居中对齐,为了区分起个名字,如:椭圆4(不重要可自定),依次设置椭圆4样式效果如下图 。
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图26
 
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图27

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图28

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图29
 
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图30
效果图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图31
9. 创建图标刻度,用【图层样式】设置(目的是为了图标看起来更加真实突出有质感) 。
找到【工具栏】中的【圆角矩形】单击空白处创建,并把宽度设置为3px,高度为38px,半径180px,从中心,然后点击确定,居中对齐 。依次设置样式效果如下图 。
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图32

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图33

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图34

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图35
 
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图36
 
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图37
10. 创建左侧半周刻度 。
首先打开标尺(快捷键 Ctrl+R),复制一层(快捷键 Ctrl+J),重复复制(快捷键 Ctrl+T) 选中刚复制的【圆角矩形】将中心点移动到中心位置,角度设置-15°,重复12次(快捷键 Ctrl++shift+alt+T) 。
 
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图38
得到如下效果图:
 
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图39
11. 创建右侧半周刻度 。
选中圆角矩形拷贝13,设置图层效果如下图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图40

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图41

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图42
打开标尺(快捷键 Ctrl+R),复制一层(快捷键 Ctrl+J),重复复制(快捷键 Ctrl+T) 选中刚复制的圆角矩形,将中心点移动到中心位置,角度设置-15°,重复12次(快捷键 Ctrl++Shift+Alt+T)得到如下效果图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图43
最终刻度效果图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图44
12. 输入英文“BUTTON”,用图层样式设置文字效果,具体设置如下图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图45

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图46

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图47

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图48

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图49

手把手教你用PS制作简约清新图标,收藏学习

文章插图
图50
效果图:
手把手教你用PS制作简约清新图标,收藏学习

文章插图
图51
13. 为了使图标更具效果,添加一个背景颜色(自由选择哦~)完成图标的绘制 。


推荐阅读