Photoshop绘制精致逼真的相机图标教程

飞飞人民共和国

飞飞人民共和国

2016-02-15 21:34

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop绘制精致逼真的相机图标教程教程,希望对大家能有一点小小的帮助。

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

教程源文件:逼真的相机图标PSD教程源文件

最终效果:

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

2,新建一个图层,然后随便填充一个颜色。

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

15、用画笔画出这样。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

效果如图。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

然后前景设置为屎黄色。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

效果如图。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

效果如图。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

再画一个,如图。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

52、打上字,SAMSUNG

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

一个渐变圆。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

再加一个渐变圆

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

56、加一个渐变圆。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

76、打上字:BAMBUNG ZOOMLEBNB。

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

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

Photoshop绘制精致逼真的相机图标教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop绘制精致逼真的相机图标教程

PS PS基础
Photoshop绘制精致逼真的相机图标教程

Photoshop设计逼真的相机图标教程

PS PS基础
Photoshop设计逼真的相机图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制逼真的回形针图标教程

电脑网络
Photoshop绘制逼真的回形针图标教程

Photoshop绘制逼真的围棋图标教程

PS PS基础
Photoshop绘制逼真的围棋图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop绘制立体逼真的相机镜头教程

PS PS基础
Photoshop绘制立体逼真的相机镜头教程

Photoshop设计逼真的复古相机图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计逼真的复古相机图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作卡片式镂空艺术字教程

Photoshop制作卡片式镂空艺术字教程

Photoshop调出铁轨美女照片柔美的逆光效果

Photoshop调出铁轨美女照片柔美的逆光效果
下拉加载更多内容 ↓