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

点赞
收藏
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏