Photoshop制作立体圆柱图标教程

2016-02-16 06:42 160 1 收藏

下面图老师小编要跟大家分享Photoshop制作立体圆柱图标教程,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

先看效果图。

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

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

新建文档300x300像素,背景做一蓝色直线渐变。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

建新层,做一椭圆选区,填充#1287d7。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

添加投影样式。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

效果如下。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

复制一层,网上挪一堆距离,修改图层样式,去掉投影,添加描边样式。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

图层不透明度50%,效果如下。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

建新层,调出复制层选区,填充白色,之后做一椭圆选区,删除,形成月牙状,水平方向压缩一点。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

效果如下。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

重复这个步骤,改变渐变叠加颜色,把这个图层挪到描边层底部,得到下图效果。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

选择描边层,增添浮雕样式。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

之后类似下图效果。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

还是那个步骤:建新层,调出描边层选区,填充白色,之后做一椭圆选区,反选删除。

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

图层不透明度20%,最终效果如下。

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

Photoshop制作立体圆柱图标教程,PS教程,图老师教程网

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

延伸阅读
来源:站酷 作者:郭郭guoguo_ 本教程重点是球体部分的制作,需要先用图层样式做出大致的底色,然后渲染球体边缘及局部的一些高光及暗部加强球体的立体感。最后再加上纹理及小坑等即可。 最终效果 1、新建文件,大小自定。再找一张星空图当背景。 2、在星空层上新建一层添加渐变叠加与蒙版,并对星空适当调色。 3、开始画月亮,第一...
标签: PS PS教程
教程虽然没有详细介绍按钮如何制作,不过作者在这里分享了很多按钮制作的经验,先从一些简单的效果入手,多尝试,多运用图层样式等,就可以做出自己想要的效果。 最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状,请不要做太多奇形怪状,不要忘记按钮本身的作用“吸引用户点击”。 2、颜色 设计师应该具备审美能力...
标签: PS PS基础
教程主要使用Photoshop制作金属质感的图标特效,其实这个图标的构思并不是很好,说白了也是我个人做质感练习用的。光学镜头和金属边框的诡异搭配,大家也就不用追究这个图标是什么了。因为其实这个图标的细节不是很到位,经不起推敲,以下的教程只是和大家分享一下我的步骤和思路,大家有选择的学习吧。
本教程介绍较为专业的图标创作及制作方法。大致分为两个大的部分:前期线稿和后期的制作。尤其是前期的线稿制作非常重要,需要用简单的线条把实物勾画出来,需要自己不断的修改,直到画出自己满意的效果。 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍,解决物体角度透视问题,确保线稿不会太变形。 ...
Photoshop绘制iPhone立体图标教程 iPhoneTulaoshi.Com立体图标制作教程 Photoshop绘制iPhone立体图标教程(2) 本文由 Fancy006 原创,如需商业用途或转载请与 Fancy006 联系,谢谢配合!

经验教程

435

收藏

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