Photoshop绘制逼真质感的UFO图标教程

2016-02-16 03:51 68 1 收藏

图老师小编精心整理的Photoshop绘制逼真质感的UFO图标教程希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

尽管有些效果比较旧了,希望从中学到一些技巧哈,但其实它不仅效果比较旧,资源也比较纠结,原文提供的下载有各种问题。字体的下载还是有效的,Facebook和3D小人就没有了,所以大家自由发挥哈!你们的创意更加好。

这个就是我们最后制作成的UFO

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 1

创建一个600*450像素的文档,填充黑色背景。

然后设置图层样式 渐变叠加,选择径向渐变,中心颜色为#353535,边缘颜色为黑色#000000,缩放值为150%。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 2

创建一个椭圆形状(图中色为#595959),这将成为我们UFO的基底。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 3

复制这个椭圆,点击图层 复制图层,颜色改为更深的灰色。(图中颜色为#424041)

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 4

现在再次复制第一个椭圆,使用直接选择工具改变它的上节点,效果如图所示。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 5

制作抛光金属质感,设置图层样式 渐变叠加,选择径向渐变,缩放值为150%。

(有一些参数的步骤我加上了自己截的图,有任何错漏请尽管拍砖~~)

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 6

双击渐变条打开渐变编辑器窗口,使用两个灰色调, #CCCCCC 和 #666666 ,每个色标位置相隔10%。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 7

保持图层样式 渐变叠加窗口打开,把径向渐变的中心拖动到形状的上端,以加强圆锥体的体感。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 8

制作顶层椭圆的厚度,设置图层样式 内阴影,混合模式为正片叠底,角度为–90º,阴影颜色为黑色,阻塞为100像素,大小为0。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 9

还有添加内发光,设置数值如下,可以让顶层椭圆的内边缘有反光。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 10

现在轮到中间的椭圆,添加渐变叠加,设置数值如下,把渐变放在椭圆的中下位置。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 11

添加一个白色的投影,来模拟底层椭圆的边缘光。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 12

拷贝顶层椭圆的图层样式,粘贴到底层椭圆上。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 13

降低底层椭圆渐变叠加的不透明度至50%。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 14

现在我们再在顶层椭圆上面创建一个椭圆。图中椭圆颜色为#565455。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 15

给这个椭圆添加渐变叠加,参数如下。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 16

Also add a stroke in gradient mode, using colors white #FFFFFF and grey #CCCCCC.

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 17

现在是时候制作UFO的玻璃罩子了,画一个椭圆形状,如下图所示,颜色为#1D408A。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 18

编辑椭圆锚点,如图所示。按住Alt键(Windows)就可以分离锚点,分别控制两边控制杆。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 19

开始添加图层样式吧。首先,添加光泽,参数如图。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 20

然后添加内发光,颜色为 #1D408A。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 21

添加径向渐变,颜色为#76B9FD和#000000,混合模式为线性减淡(添加)。然后把渐变拖到下方。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 22

然后添加内阴影,用作罩子的顶光,参数如下。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 23

最后添加投影,用作提亮罩子的底部边缘。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 24

现在制作球体的高光,建一个小一些的椭圆然后编辑它的锚点,如图所示。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 25

把高光图层填充改为0%,添加图层样式渐变叠加,颜色从黑色到#44A9FE,把混合模式改为滤色,如图所示。

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

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 26

添加内阴影,参数如图。

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

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 27

下载EPS格式的Facebook标志,如果你更喜欢Twitter,你也可以从这下载一个。

(原文提供的下载的文件貌似不可用,而且从步骤来看不一定需要矢量,大家自己找哈)

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 28

直接在PS里打开矢量标志。(可以忽略)

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 29

使用下面的设置。(可以忽略)

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 30

选择字母f,编辑复制,或者Ctrl+ C.

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 31

把字母f粘贴到画布中,缩小放在玻璃罩子中,图层顺序在球体和高光之间。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 32

添加渐变叠加,如图。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 33

添加描边,制作3D效果,如图所示(图中颜色为#666666)。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 34

加强描边,使用斜面与浮雕。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 35

再给f添加内发光,如图所示。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 36

利用玻璃罩子来隐藏一部分f,在路径面板选择罩子路径作为选区载入。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 37

回到图层面板,给f图层添加矢量蒙版。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 38

隐藏蒙版内的效果,在图层样式窗口里点选图层蒙版隐藏效果。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 39

根据他们的距离,用画笔工具画边缘的灯,使它们尽可能的对称。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 40

添加外发光,颜色为#0099FF。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 41

把UFO主体的所有图层编组。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 42

命名组。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 43

复制组,安全起见备份你的作品。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 44

把这个组转换为智能对象,或者合并组。

这样做是为了把整个UFO变成一个图层,当我们缩小UFO就不会影响到图层样式的比例。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 45

把UFO缩小到它原来大小的65%,把它放到图中的位置。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 46

现在来制作UFO投射到地面的光线。画一个长方形,宽度与罩子宽度一致。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 47

编辑长方形的锚点,如图所示。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 48

添加一个锚点,编辑成曲线,如图。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 49

利用路径面板把形状转换成选区。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 50

羽化选区,选择-修改-羽化。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 51

设置羽化半径为3像素。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 52

回到图层面板,新建图层,用流量为10%的画笔在选区内涂画,接近光源处加强光。

(也可以用左边工具栏的渐变工具,渐变条颜色从白色到透明)

使用同样的羽化选区技巧,画地面的光圈。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 53

增强地面光感。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 54

添加以下图片到我们的作品中区,或者找别的你觉得适合的。(大家自由发挥哈~~)

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 55

把它从背景中切出来,缩小放到图中的位置。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

Step 56

制作人物的影子,通过复制,变换,模糊,变形成图中的样子。

Photoshop绘制逼真质感的UFO图标教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567705.html

延伸阅读
标签: PS PS基础
最终效果! 图层分解: 具体参数设置: 纹理添加: 高光及阴影 再来看看最后的结果,邮件什么的,可以画一个放进去,然后再多复制几层做出厚度就可以了。
标签: PS PS基础
先看看效果图 效果如下: 如惯例用圆角矩形工具画出长宽为512px,R值为92px的标准iphone图标框架 添加图层样式:内阴影、渐变叠加 增加ihero面板 复制框架图层作为新的图层,命名为面板图层,去除图层样式,调整框架下部份节点,作为面板的基底 利用这层面板基底分化出不同的图层 添加图层样式,深入细化 为...
标签: PS PS基础
今天的教程难度不小,而且步骤特别多,光教程截图就有整整92张,当然也是因为写得特别特别细致。不多说,考验PS基础功的时候了,来动手,做得出效果图老师小编大号小号齐上给你点赞。 教程源文件: 逼真的相机图标PSD教程源文件 最终效果: 1,新建一个2000*2000的画布 (因为之后需要设置一些参数是根据画布大小而定的,所以不想自己...
标签: PS PS基础
本教程主要使用Photoshop绘制立体橙色的筹码图标教程,想入行设计的新同学,前期的大量临摹是必不可少的,不多说,这类教程收藏后记得练习呦。  

经验教程

277

收藏

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