Photoshop绘制立体质感效果的UFO图标教程

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

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



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Step 1



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

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 2



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Step 3



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

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 4



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



Photoshop绘制立体质感效果的UFO图标教程



Step 5#p#分页标题#e#



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



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

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 6



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 7

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 8



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 9

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Step 10



现在轮到中间的椭圆,添加渐变叠加,设置数值如下,把渐变放在椭圆的中下位置。#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 11



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程



Step 12#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 13



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程



Step 14#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 15



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程



Step 16#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 17



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



Photoshop绘制立体质感效果的UFO图标教程



Step 18#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 19



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程



Step 20#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 21



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



Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Step 22



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

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 23



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 24

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 25



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 26

#p#分页标题#e#

添加内阴影,参数如图。



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Step 27



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



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 28



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Step 29



使用下面的设置。(可以忽略)#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 30

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 31



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Step 32



添加渐变叠加,如图。

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 33



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



Photoshop绘制立体质感效果的UFO图标教程



Step 34#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 35



#p#分页标题#e#再给f添加内发光,如图所示。



Photoshop绘制立体质感效果的UFO图标教程



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Step 36



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

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 37



#p#分页标题#e#回到图层面板,给f图层添加矢量蒙版。



Photoshop绘制立体质感效果的UFO图标教程



Step 38#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 39



#p#分页标题#e#根据他们的距离,用画笔工具画边缘的灯,使它们尽可能的对称。



Photoshop绘制立体质感效果的UFO图标教程



Step 40#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 41



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Step 42



命名组。#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 43

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 44



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



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



Photoshop绘制立体质感效果的UFO图标教程



Step 45

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程



#p#分页标题#e#Step 46



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



Photoshop绘制立体质感效果的UFO图标教程#p#分页标题#e#



Step 47



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

#p#分页标题#e#

Photoshop绘制立体质感效果的UFO图标教程



Step 48



#p#分页标题#e#添加一个锚点,编辑成曲线,如图。



Photoshop绘制立体质感效果的UFO图标教程



Step 49#p#分页标题#e#



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



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 50



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Step 51



设置羽化半径为3像素。#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 52

#p#分页标题#e#

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



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



#p#分页标题#e#使用同样的羽化选区技巧,画地面的光圈。



Photoshop绘制立体质感效果的UFO图标教程



Step 53#p#分页标题#e#



增强地面光感。



Photoshop绘制立体质感效果的UFO图标教程

#p#分页标题#e#

Step 54



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



#p#分页标题#e#Photoshop绘制立体质感效果的UFO图标教程



Step 55



把它从背景中切出来,缩小放到图中的位置。#p#分页标题#e#



Photoshop绘制立体质感效果的UFO图标教程



Step 56

#p#分页标题#e#

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



Photoshop绘制立体质感效果的UFO图标教程

原创文章,作者:admin,如若转载,请注明出处:https://www.2233cn.com/%e5%b9%b3%e9%9d%a2%e8%ae%be%e8%ae%a1/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/640.html

(0)
上一篇 2014年8月1日 上午7:57
下一篇 2014年8月1日 上午8:03

相关推荐

  • Photoshop制作天体星球简易教程

    效果: 素材: 步骤:

    经典设计 2014年9月19日
  • Photoshop制作金属立体字效果

    本教程主要使用Photoshop制作金属立体字效果,效果很漂亮的,光线的表现恰当,加上立体效果,金属效果的表现都非常的恰当,下面让我们一起来学习吧。 来源:Psawesome.com 作者:PS真功夫翻译 虽然这个国外博客没开多久,从最近更新的几篇教程,看,都挺不错

    经典设计 2014年9月25日
  • Photoshop制作个性的钻石艺术字教程

    今天的教程非常简单,只是运用了图层样式、纹理和笔刷工具就能变出一个bling bling闪闪的钻饰文字效果了,这类效果雅而不俗,可以应用到很多场景,童鞋们不要放过了。 先看看效果图 1、创建ps文件600*300像素,背景填充深灰色。写上一串文本,设置个特殊点儿

    经典设计 2014年11月13日
  • Photoshop制作发光效果的灯丝艺术字教程

    今天为大家带来一篇非常有趣的教程将文字做成灯丝发光的效果。教程非常简单,大家一起来学习一下吧。 先看看效果图 第1步: 打开Photoshop,创建一个新的文档后,(大小自定)确定背景是黑色的。 第2步: 为了使效果更加逼真,让我们用一个素材。 这时候我们把

    经典设计 2014年12月23日
  • Photoshop磨皮教程:长发飘逸美女美白

    这个Photoshop效果使皮肤发光、美白同时保持它的暗部区域。 文章出处:78ps教程 作者:78ps 效果图: 1.打开人物特写图 2.按CTRL+J复制背景图层得到图层1,模式为滤色 图片看起来就亮了很多,同时皮肤也白了很多 3.然后为图层1添加一个蒙版,点击图层面板底

    经典设计 2014年9月25日
  • Photoshop图像合成教程:艺术化普通照片

    下面我们用一张艺术图片为普通照片做个效果 ,photoshop初学者入门教程. 先看下效果图: 图1原图和素材: 图2 图3 简单方法: 打开原图和素材图,在素材图层上用ctrl+a全选,ctrl+c复制。在原图图层上ctrl+v粘贴。设置混合模式为线性光不透明度设50%,ok。请

    经典设计 2014年10月10日
  • Photoshop调出颓废的冷黄调色效果

    原图 效果图 附教程如下:1.打开图片,并复制一层为图层1(CTRL+J) 2.对图层1做色相/饱和度调整(CTRL+U),着色前面打勾,参数如图 3.将图层模式改为柔光 4.对背景图层进行色相/饱和度调整(CTRL+U),参数如图 5.对图层1进行色彩平衡调整(CTRL+B),参

    经典设计 2014年11月1日
  • Photoshop调出夏季外景美女朦胧清新色调

    本教程主要使用Photoshop调出夏季外景美女朦胧清新色调,素材图片以黄色及暗绿色为主,我们需要的是淡绿色,调色的时候可以把暗绿色调亮调淡,黄色转为较淡的黄绿色,再把人物部分调红润即可。喜欢的朋友让我们一起来学习吧。 来源:PS联盟 作者:Sener 最终

    经典设计 2014年12月8日
  • Photoshop调出美女人像质感的黑白冷色调

    电脑配置好点的话,PS操作反应快一点,5秒钟搞定一个去年软摄影3000个客人里,90%的客人都超喜欢的色调,提前敬告一下事后诸葛的数码后期PS大师们:再简单,你就没出来过,再小技巧,也是迷住客人的经验,别的摄影师或工作室,打死不会告诉你他们赖以生存的

    经典设计 2014年8月20日
  • Photoshop调出人像照片唯美的艺术油画效果

    本教程主要使用Photoshop调出人像照片唯美的艺术油画效果,一张好的照片不单单是指形式上的好看,还要像酒一样,有情,有爱,有人懂,今天我们一起来学习这种唯美复古的优化风格,喜欢的朋友可以跟着教程一起来学习。 前期准备 要想拍出好的油画复古效果,前

    经典设计 2015年1月6日

发表评论

您的电子邮箱地址不会被公开。