Photoshop制作立体圆柱图标教程

ps基础教程,艺考

ps基础教程

2011-4-24 07:45:36 文/裴雨婷

关注

先看效果图。

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%,最终效果如下。

Photoshop制作立体圆柱图标教程,PS教程,思缘教程网



艺考相关文章

发现更多好内容

艺考用户说说

友善是交流的起点
带你看艺考艺考推送时光机
位置:艺考-设计-Photoshop教程-ps基础教程-Photoshop制作立体圆柱图标教程
咦!没有更多了?去看看其它艺考内容吧