PS高能教程!手把手教你绘制一枚精致的相机图标(附PSD) - 优设网 - UISDC

PS高能教程!手把手教你绘制一枚精致的相机图标(附PSD)

2015/05/19 12887评论区

photoshop-samsung-camara-icon-1

编者按:今天的教程难度不小,而且步骤特别多,光教程截图就有整整92张,当然也是因为写得特别特别细致。不多说,考验PS基础功的时候了,来动手,做得出效果小编大号小号齐上给你点赞 >>>

源文件PSD  微盘下载

** 本文作者心中永远是胡歌,已授权发布。未经授权请手下留情,先谢过 :)

最终效果:

36bdtb20150519

1,新建一个2000*2000的画布

(因为之后需要设置一些参数是根据画布大小而定的,所以不想自己调参数的话就跟我设置同样大小的画布吧)

1bdtb20150519

2,新建一个图层,然后随便填充一个颜色(太简单不上图了)

3,双击图层一,打开图层样式,使用渐变叠加。

2bdtb20150519

4、拉好参考线,画出一个圆角矩形。

3bdtb20150519

5、再画一个圆角矩形,圆角半径设置如图,颜色设置为灰色。将图层取名为右边。

4bdtb20150519

6、按住Ctrl点击“右边”图层的缩略图,得到此图层的选区,并且新建一个图层取名为“右边白边”。

5bdtb20150519

7、选择选框工具,然后在图上右建单击一下选择“描边”,设置如图,然后确定。

6bdtb20150519

8、给“右边白边”的图层建立个白蒙板,用黑色画笔涂抹图中红色区域。

7bdtb20150519

9、双击“右边”图层,打开图层样式,使用渐变叠加,然后确定。

8bdtb20150519

10、然后将“右边”复制一层,并且双击打开图层样式,更改下渐变设置。然后确定,然后更改图层不透明度为50%。

9bdtb20150519

11、再新建一个图层,取名为右边阴影,按住alt点击“右边 拷贝”图层缩略图,得到图层的选区。

12、将前景色改为灰色,再将画笔设置为软角画笔。

10bdtb20150519

13,设置好画笔大小和流量,给左边两个角添加一些阴影,红色区域。

11bdtb20150519

14、将前景色设置为一个屎黄色。

12bdtb20150519

15、用画笔画出这样。

14bdtb20150519

16、画一个圆角矩形,圆角半径为200。并且降低不透明度,要对齐好来。

13bdtb20150519

17、再画一个圆角矩形,设置如图。

15bdtb20150519

18、将上面这个圆角矩形的左下角的半径设置为400,其他三只角不用管了。

16bdtb20150519

19、新建一个图层取名为“黑线”,并且用钢笔工具沿着边勾出这么一条路径。

17bdtb20150519

20、我们还需要对这条路径做一点修改,用钢笔工具来控制这个控制柄,使这一段路径变的更圆。

18bdtb20150519

21、接下来就是描边了,前景色设置为纯黑色,画笔大小设置为25。

19bdtb20150519

22、选择钢笔工具,在图上右键点击一下选择“描边路径”,设置如图,然后确定。

20bdtb20150519

效果如图。

22bdtb20150519

23、新建一个图层取名为“左边”,用钢笔勾出如图路径,并且转化为选区,把“左边”图层放到最大的圆角矩形图层上面,然后给“左边”图层建立剪切蒙板。

21bdtb20150519

24、新建一个图层,取名为“左边阴影”,也建立一个剪切蒙板。

23bdtb20150519

25、我们要画阴影啦,前景色为灰色,画笔设置为软角画笔,流量降低。

24bdtb20150519

26,按住alt,点击“左边”图层的缩略图得到选区,用画笔在”左边阴影”图层上画出阴影,红色区域。

25bdtb20150519

然后前景设置为屎黄色。

26bdtb20150519

用画笔在这画一点黄色,别太多了,效果如图。

28bdtb20150519

27、新建一个图层取名为“黑线高光”,在“黑线”图层的上面。

27bdtb20150519

28、用钢笔勾出这样的路径。

29bdtb20150519

29、设置好画笔,前景色为纯白色,要软角画笔,画笔大小为20,然后再钢笔描边。

30bdtb20150519

效果如图。

32bdtb20150519

用以上的方法画出其他几条高光。

31bdtb20150519

30、降低“黑线高光”图层的不透明度为65%。

31、新建一个图层取名为“阴影”,放到下面,要剪切蒙板。

33bdtb20150519

32、前景色设置为灰色,画笔设置为软角,降低画笔流量,画出阴影,红色区域。

34bdtb20150519

效果如图。

35bdtb20150519

32、画一个圆,双击图层打开图层样式,使用渐变叠加和投影。

37bdtb20150519

38bdtb20150519

39bdtb20150519

33、复制这个圆形图层,双击图层打开图层样式,把投影关掉,更改渐变。

40bdtb20150519

34、ctrl+t(自由变换),如图。

41bdtb20150519

35、将这两个图层放到一个组里,取名为按钮,然后复制一个,然后ctrl+t(自由变换)变小,如图。

42bdtb20150519

46、画一个圆角矩形,设置如图。

43bdtb20150519

双击图层打开图层样式,设置如图。

44bdtb20150519

47、画一个只有描边的圆。

45bdtb20150519

再画一个,如图。

46bdtb20150519

48、按住atl再画个矩形,然后调整好矩形的大小和位置。

47bdtb20150519

49、画一个白色的圆角矩形,圆角半径为20,双击图层打开图层样式,设置如图。

48bdtb20150519

50,画一个黑色的圆,取名为“黑圆”。

49bdtb20150519

画一个白色的方形,降低透明度,建立剪切蒙板。

50bdtb20150519

51bdtb20150519

52bdtb20150519

51、画一个小白圆,添加外发光。

53bdtb20150519

52、打上字,SAMSUNG

54bdtb20150519

53、画镜头了,一个白圆。

55bdtb20150519

一个渐变圆。

56bdtb20150519

再加一个渐变圆

57bdtb20150519

将这两个渐变圆放到一个组里,并且复制一个,然后ctrl+t(自由变换)往下移。

58bdtb20150519

54、画一个灰色的圆,然后斜面浮雕。

59bdtb20150519

55、再加一个黑色的圆,也是像上面的一样斜面浮雕。

60bdtb20150519

56、加一个渐变圆。

61bdtb20150519

7、画一个填充色为黑色,描边色为淡灰色的圆。

62bdtb20150519

58,再画一个更小一点的渐变圆。

63bdtb20150519

再画一个,填充为黑色,描边为黑白渐变色。

64bdtb20150519

59.点击这个渐变圆的缩略图,得到它的选区,然后新建一个图层,用画笔在两侧画上高光。

65bdtb20150519

60、用以上方法画出第三个。

66bdtb20150519

61,加一个紫色的渐变圆。

67bdtb20150519

62、画一个这样的形状取名为“四角。

68bdtb20150519

63、复制“四角”图层,ctrl+t,缩小一点,然后进行透视。

69bdtb20150519

64、将“四角拷贝”复制一层,然后缩小一些。

70bdtb20150519

65、按alt点击小的“四角”图层,得到选区之后选择大的“四角”图层,然后按delete删除,得到如图。

70bdtb20150519

66、添加图层样式,如图。

72bdtb20150519

73bdtb20150519

67、给这个图层建立个白色蒙板,拉一个黑白渐变,将上部分隐藏起来。

74bdtb20150519

68、再复制这个图层,ctrl+t,进行缩小,如图。

75bdtb20150519

69、该画里面的圆环了,跟前边的一样,就不多说了,直接跟着过程做吧。

76bdtb20150519

84bdtb20150519

83bdtb20150519

82bdtb20150519

81bdtb20150519

80bdtb20150519

79bdtb20150519

78bdtb20150519

77bdtb20150519

70、画一个小圆,打开图层样式,使用渐变,并且降低图层不透明度为50。

85bdtb20150519

71、再画一个比它更小一些的黑圆,放在它中间,如图。

86bdtb20150519

72、最后要做镜头阴影了。画三个不同大小的圆加到一起做成阴影的形状,然后合并这三个圆,把阴影图层放到镜头图层的下面。

87bdtb20150519

88bdtb20150519

73、把阴影的边缘模糊一下,滤镜 – 模糊 – 高晰模糊。

89bdtb20150519

74、将阴影图层降低不透明度为40%。

90bdtb20150519

75、给阴影图层建立蒙板,拉一个黑白渐变。

91bdtb20150519

76、打上字:BAMBUNG   ZOOMLEBNB。

92bdtb20150519

到最后再整体看一下,哪里该调整的,哪里没做好的再改一下,最后就得到的最终效果。

36bdtb20150519

【优设五月PS教程人气榜】

Top 1:高手教你调出澄澈纯净色调!
《PS高手教程!后期如何调出画面文艺澄净的风格?》

Top 2:效果超级赞的时钟图标!
《PS图标教程!手把手教你绘制一枚幻彩绚丽的时钟》

Top 3:清新淡雅的图标教程一枚!
《PS新手教程!手把手教你绘制一枚淡雅的播放器图标》

作者:心中永远是胡歌

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量95万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-samsung-camera-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里