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

2016-02-15 21:34 4 1 收藏

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

【 tulaoshi.com - PS 】

今天的教程难度不小,而且步骤特别多,光教程截图就有整整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教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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.点击这个渐变圆的缩略图,得到它的选区,然后新建一个图层,用画笔在两侧画上高光。

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

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

Photoshop绘制精致逼真的相机图标教程,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教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1564203.html

延伸阅读
Photoshop绘制逼真的变色龙图标教程 图标原尺寸是240*240,为了看得更清楚,我把图标放大了点,表面的皮肤纹理稍微有点受损。 1.画出草稿,按照草稿,用路径勾出变色龙的几个部分,填充上鲜艳的颜色。我草稿的图层弄丢了,不过这个不重要。 2.给变色龙各个部位添加上合适的图层样式,相信经常使用图层样式的朋友一眼就能...
标签: PS教程
这是一个逼真的瓷器闹钟图标的Photoshop作品,喜欢就跟小编一起学习吧。
标签: PS PS基础
最终效果 1、画一个如下图左侧的矢量图形作为毛线质感构成的基础图形。栅格化图层后,选择画好的图形复制粘贴到新建文件里,选择菜单:编辑 定义画笔。 2、调出画笔预设面板,设置如下图。然后用路径描边或手工绘制所需的条纹。可以给画出的毛线加上合适的图层样式加上颜色,浮雕及投影效果。底层再叠加一个深色图层。 3、画出...

经验教程

549

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部