论坛 › 网页logo教程 › 写实相机图标制作

教程 发表于 2020-3-31 20:37:51

写实相机图标制作

教程作者：Anyouees
本篇教程通过ps制作一款写实的相机图标，相机图标同学们做了很多了，每个制作方法大同小异，但是造型不尽相同，本篇又是一个新造型，和以往做过有所不同，各位爱好设计的同学们一起来制作一下吧。

效果图：

http://pic1.16xx8.com/allimg/180412/4-1P4122056412F.jpg

下面是详细的制作步骤：

第一步：新建六600x600，颜色：eeeeee。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-0.png

第二步：用圆角矩形工具拉出以下形状，填充颜色8e909c。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-1.png

设置以下图层样式

http://pic1.16xx8.com/allimg/180412/16xx8-77517-2.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-3.png

载入上面给的金属拉丝图案。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-4.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-5.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-6.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-7.png

第三步：新建图层 ，椭圆

http://pic1.16xx8.com/allimg/180412/16xx8-77517-8.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-9.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-10.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-11.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-12.png

第四步：新建图层 做，做出十字图形，我这里用的是矩形工具合成。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-13.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-14.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-15.png

第五步：选择ps自带图案灰色花岗岩花纹纸，没有的可以到上面我给的图案中下载。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-16.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-17.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-18.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-19.png

拷贝多两颗螺丝钉放在另外的两个角。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-20.png

用矩形工具新建下面形状。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-21.png

设置下面图层样式

http://pic1.16xx8.com/allimg/180412/16xx8-77517-22.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-23.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-24.png

效果图

http://pic1.16xx8.com/allimg/180412/16xx8-77517-25.png

第六步：新建图层，载入上面的矩型选区。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-26.png

设置描边矩形描边的图层样式，设置如下。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-27.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-28.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-29.png

第七步：在添加个文字，做显示屏的时间用。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-30.png

用椭圆工具分别新建三个图层的圆

http://pic1.16xx8.com/allimg/180412/16xx8-77517-31.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-32.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-33.png

第七步：三个椭圆形状的颜，颜色分别是红ff6464，绿64ff73，蓝6464ff

另外两个椭圆形状的其他样式都一样，只改变颜色叠加。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-34.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-35.png

第八步：用矩形工具新建11层矩形形状排列如下。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-36.png

每个矩形形状的图层样式设置如下。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-37.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-38.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-39.png

新建椭圆形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-40.png

样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-41.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-42.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-43.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-44.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-45.png

选择多边形工具，设置参数。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-46.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-47.png

第九步：在多边形形状上面新建多个椭圆。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-48.png

样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-49.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-50.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-51.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-52.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-53.png

第十步：到这里已经完成了一面，新建个组，归纳进去，这样方便打理。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-54.png

第十一步：开始第二面

用矩形工具做出图形，注意左右两个角的弧度。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-55.png

设置一下图层样式

http://pic1.16xx8.com/allimg/180412/16xx8-77517-56.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-57.png

选择金属拉丝图案

http://pic1.16xx8.com/allimg/180412/16xx8-77517-58.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-59.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-60.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-61.png

选择椭圆选框工具，描边参数。新建图层，框选出正圆蚂蚁线，点击描边，得到该图。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-62.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-63.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-64.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-65.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-66.png

第十一步：新建多层椭圆形状，大小比上层的圆圈小点，记住要露出底下的圆圈。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-67.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-68.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-69.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-70.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-71.png

第十二步：选择自定义形状工具，选择箭头形状。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-72.png

图层样式如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-73.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-74.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-75.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-76.png

第十二步：选择椭圆选区，新建图层，描边得到圆圈。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-77.png

擦去不需要的部分

http://pic1.16xx8.com/allimg/180412/16xx8-77517-78.png

第十三步：新建一个20x30的透明背景图层，画个黑色矩形做笔刷用。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-79.png

点击编辑 ——定义画笔预设，然后会跳出下面的窗口点击确认，记得画笔名称。

点击画笔预设，找到刚刚做的矩形你笔刷，设置参数如左边。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-80.png

回到半圆圈这里，用钢笔勾勒出大概的路径，再新建图层。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-81.png

设置前景色fd3f3f，鼠标对准路径，点击右键选择描边。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-82.png

合并这两个图层，再把边缘多出来的部分擦掉，设置不透明度85%。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-83.png

第十四步：新建三个矩形图层。图示如下。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-84.png

把之前做的螺丝钉拷贝两个过来，第二层做好，新建个组归纳进去。哦！

http://pic1.16xx8.com/allimg/180412/16xx8-77517-85.png

这里已经完成了两面了，在后层下面新建个镜头组，等下归纳镜头部分。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-86.png

镜头部分的制作

http://pic1.16xx8.com/allimg/180412/16xx8-77517-87.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-88.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-89.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-90.png

新建巨矩形工具，拉扯描点得到下面图案。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-91.png

图层样式如下嗯

http://pic1.16xx8.com/allimg/180412/16xx8-77517-92.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-93.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-94.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-95.png

第十五步：新建圆角矩型，拉扯瞄点得到下面形状。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-96.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-97.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-98.png

新建矩形形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-99.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-100.png

第十七步：新建两条直线形状，然后合并形状更改混合模式和不透明度。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-101.png

新建圆角矩形形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-102.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-103.png

新建矩形形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-104.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-105.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-106.png

第十八步：镜头这层已经完成适当的调动与前层之间的距离。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-107.png

主体部分已经完成，新建命名，胶卷轮大。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-108.png

新建椭圆形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-109.png

选择多边形工具

http://pic1.16xx8.com/allimg/180412/16xx8-77517-110.png

拉出以下等边三角形状。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-111.png

第十九步：用直角选择工具，选出三角形的所有路径，Ctrl+C复制多层，再粘贴。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-112.png

角度设置60

http://pic1.16xx8.com/allimg/180412/16xx8-77517-113.png

复制粘贴路径，然后按住Ctrl+shift+T如此重复五次。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-114.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-115.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-116.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-117.png

第二十步：新建图层，用椭圆选框工具拉出正圆蚂蚁线点击描边。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-118.png

图层样式设置如下哦！

http://pic1.16xx8.com/allimg/180412/16xx8-77517-119.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-120.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-121.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-122.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-123.png

第二十一步：新建椭圆形状，不透明度设置3%

http://pic1.16xx8.com/allimg/180412/16xx8-77517-124.png

新建图层在，载入上个圆形的选区，选择描边，参数设置如上。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-125.png

设置不透明度10%

http://pic1.16xx8.com/allimg/180412/16xx8-77517-126.png

第二十二步：新建3根圆角矩形，颜色设置2c2c2c，每跟变形角度为60°在把形状合成。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-127.png

新建椭圆形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-128.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-129.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-130.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-131.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-132.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-133.png

新建椭圆形状

http://pic1.16xx8.com/allimg/180412/16xx8-77517-134.png

图层样式如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-135.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-136.png

新建图层，用黑白画笔画出如图的暗底和地光

http://pic1.16xx8.com/allimg/180412/16xx8-77517-137.png

图层样式设置如下

http://pic1.16xx8.com/allimg/180412/16xx8-77517-138.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-139.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-140.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-141.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-142.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-143.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-144.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-145.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-146.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-147.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-148.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-149.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-150.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-151.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-152.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-153.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-154.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-155.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-156.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-157.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-158.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-159.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-160.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-161.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-162.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-163.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-164.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-165.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-166.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-167.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-168.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-169.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-170.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-171.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-172.png

第二十四步：完成后新建个支架2归纳进去，拖到支架1下面

http://pic1.16xx8.com/allimg/180412/16xx8-77517-173.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-174.png

第二十五步：新建图层，用矩形工具做出3条卷轮间的拉动带，颜色填充：000000

http://pic1.16xx8.com/allimg/180412/16xx8-77517-175.png

http://pic1.16xx8.com/allimg/180412/16xx8-77517-176.png

在再添加多字体以及阴影下去，这样我们的播影机就完成了。

http://pic1.16xx8.com/allimg/180412/16xx8-77517-177.png

完成：

http://pic1.16xx8.com/allimg/180412/4-1P4122056412F.jpg

步骤有点多图标制作，贵在一个耐心，相信同学们一定可以制作漂亮的图标。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

1621905027 发表于 2020-3-31 20:39:36

我的作业：

查看完整版本: 写实相机图标制作