Photoshop设计时光穿越效果的立体图标

2016-02-16 03:26 27 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop设计时光穿越效果的立体图标吧。

【 tulaoshi.com - PS 】

先看看效果图

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

1.新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

2.创建两个红色和绿色的圆圈,在图层B上。

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

重新命名为M圈(红色)和S圆(绿色)。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

3.选择B圈图层,双击图层打开图层样式对话框,设置如图。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

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

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

4.复制B圈图层,设置如下。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

5.选择M圆圈添加图层样式,设置如下。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

6.设置好以上4个圆圈,就得到以下效果。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

7.在其他圈中,新建一个圆圈,渐变如下。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

8.新建图层,首先确定背景和前景是黑色和白色。滤镜渲染云彩,混合模式为叠加。Ctrl键+(鼠标)

点击云彩图层。确保云层被选中,图层图层蒙版显示选区。

9.复制云彩图层,混合模式为颜色减淡,Ctrl键+(鼠标)点击云彩图层3,然后滤镜扭曲旋转扭曲 角度这里是845 也可自定。确定。在滤镜液化,并选择折叠工具(S)。使它的屏幕尺寸和改变100的密度和压力,并率60。这将给更深入的漩涡。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

10.选择橡皮擦工具(e)选择一个30像素的直径和0%硬度圆刷。

抹去的旋转扭曲层的某些部分,大多在边缘。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

11.新建图层名为XX 补充为黑色,混合模式为颜色减淡。之后滤镜像素化铜版雕刻,使用该类型的粒状点。 滤镜模糊径向模糊。数量90 模糊方法缩放,品质最好。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

12.新建图层,混合模式为颜色减淡。 笔刷设置如下。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

13.在上一个图层上面用刚刚设置好的笔刷 ,画点小圆圈 效果如下。重复第11步 滤镜模糊径向模糊。数量50左右。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

14.新建图层选择椭圆选框工具(L),在图层里弄一个小点的圈 然后去图层图层蒙版显示选区。调整渐变叠加的位置,并改变图层不透明度为40%。效果如下。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

15.新建图层,创建小圆圈 重复步骤1和2。然后图层样式 设置如下。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

16.复制图层放好位置 按CTRL+T 旋转90°选择4圈,重复一遍,旋转45°。你可以通过按住Alt + Shift的同时旋转。

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

Photoshop设计时光穿越效果的立体图标,PS教程,图老师教程网

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

延伸阅读
本教程在选素材图上有一定的讲究。所选的人物或其它素材中主体部分的跨度要大,如脚伸得很长或有一定的动感动作等。制作的时候也要注意好空间的划分,把跨度较大的局部单独放在一个空间里,其它部分就选区主要部分放在一个有透视感的画框里面,再适当勾图及设置即可。 原图 最终效果 1、创建一个尺寸比照片要大一些的白色背景...
Photoshop绘制iPhone立体图标教程 iPhoneTulaoshi.Com立体图标制作教程 Photoshop绘制iPhone立体图标教程(2) 本文由 Fancy006 原创,如需商业用途或转载请与 Fancy006 联系,谢谢配合!
本教程主要是用一个很小的例子教你使用Photoshop制作一枚质感立体图标,通过体验我们才能知道设计师们制作这样一枚枚小小图标的不容易,感谢原作者的制作:
效果图主要由两部分构成:泡泡及图形。泡泡部分制作稍微繁琐一点,因为高光部分比较多,需要用钢笔或其它选区工具做出所需选区,填充颜色或渐变色,再用蒙版控制好边缘过渡。 最终效果 1、新建一个800 * 800像素文档,背景填充蓝色。 2、选择椭圆工具,在背景图层上画一个圆形,填充紫色,并添加蒙版拉上透明度渐变。 3...
本教程图标制作过程介绍的不是很详细,不过主要思路及图片的构造都有图示说明。制作的时候尽量多思考,根据作者提供的一些效果图去慢慢摸索。 最终效果 1、新建一个大小适当的文件,背景填充暗灰色。选择圆角矩形工具,画一个512 * 512像素的圆角矩形,圆角半径是90像素。 新建一个图层,用矩形选框工具拉一个矩形选区填充红色,然后...

经验教程

64

收藏

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