Photoshop精准的设计八度旋转的相机镜头图标

2016-02-15 21:31 60 1 收藏

今天图老师小编给大家精心推荐个Photoshop精准的设计八度旋转的相机镜头图标教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - PS 】

先看看效果图

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

要想做这个图,首先我们得学好数学才行,幸好楼主的数学是数学老师教的,所有数学不差,首先我们要了解这个图的基本框架是什么,没错就是八条线段。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

但是这八条线段到底要如何旋转才能得到呢,这个就得请教一下数学老师了,数学老师就会告诉你每次旋转了45度,共旋转了八次。那么旋转点该如何选择,才能让线条旋转后有一个端点在上一条直线上呢,而不会出现线条交叉的现象呢。于是通过精确的计算,发现了下面的一个比例关系。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

接下来可以打开PS来进行绘制了,我用的是PS CC2014版本,首先我新建了一个800X800像素的画布,然后水平和垂直拉了两条辅助线。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

使用矩形工具绘制一个300X10像素的矩形,随便选择一个颜色,颜色可以最后再调。然后将左上角调整到屏幕的中心。我的参数设置如下

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

然后我们旋转这条直线,按CTRL+T用自由变换工具进行旋转,旋转点为画布中心,旋转角度为-45度,然后按CTRL+SHIFT+ALT+T用再次变换并复制命令,按八次就可以得到如下的图形。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

然后我们在在下面画一个两个大小不同的圆形,放到画布的中心,然后减去顶层形状,制作出来环形的形状,外面的那个圆尽量画大一点,差不多能包住线条,留下一点线条的菱角也没关系因为圆外边还有一个描边。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

然后我们开始做这个圆环的描边,描边的颜色最好和线条的颜色一致,方便以后的调色,我们把这个环形图层复制一份,放到下面,然后以中心等比例放大这个环形就形成了描边了。

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

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

制作部分基本上做完了,接下来就是调色部分了,由于PS是位图处理工具,所以我们要盖印形状图层转换成普通图层来进行调色比较方便,可以先关闭背景图层,按CTRL+ALT+SHIFT+E盖印图层。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

最后用油漆桶工具来填充色块,可以配合色板来填充你喜欢的颜色,再新建一个你喜欢的颜色作为背景,我调完色效果如下。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

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

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

最后如果觉得线条太窄了的话,可以用滤镜里面的最大值滤镜来调合适的数值。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

最后的后期处理大家随意,由于是位图,边缘还是有些细微的锯齿,大家处理一下边缘,基本上就可以完成了。我处理的渣图如下,大家快来交交作业,做出更好的图片出来。

Photoshop精准的设计八度旋转的相机镜头图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564180.html

延伸阅读
标签: PS PS基础
主要通过不规则形状来完成各种软件图标的绘制,有什么不懂的地方可以下载PSD源文件下载,喜欢的朋友让我们一起来学习吧。 先看看效果图 下面是教程 Step01:点击 【文件】 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。 Step02...
标签: PS PS基础
本教程主要使用Photoshop绘制立体逼真的相机镜头图标,立体效果主要使用图层叠加来完成,质感效果主要通过图层样式来完成,喜欢的朋友让我们一起来学习吧。 教程素材: 立体逼真的相机镜头PSD源文件
标签: PS PS基础
本教程主要使用Photoshop绘制立体逼真的数码相机镜头图标,整体的立体感图标非常的漂亮,质感表现也非常好,主要通过图层样式来完成,喜欢的朋友一起来学习吧。 看一下最种效果 1、新建文件如图 2、选择椭圆工具,按shift键绘制一个正圆 4、ctrl+J复制一层,ctrl+T自由变换缩小,更改渐变颜色叠加颜色 5、ctrl+J复制...

经验教程

573

收藏

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