Photoshop设计蓝色立体效果APP图标

已婚未成年艹

已婚未成年艹

2016-02-15 23:21

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计蓝色立体效果APP图标,手机电脑控们准备好了吗?一起看过来吧!

作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。

最终效果

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为底板,添加图层样式如下图。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

2、Ctrl + J 复制底板层,并在图层上右键选择清除图层样式,改名为厚度层,移到底板层的下层,用选择工具向下移动10个像素,并修改图层样式如下图。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

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

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

3、Ctrl + J 复制厚度层,改名为发光层,并在图层上右键选择清除图层样式,移到厚度层的下层,将图层样式的填充修改为0%,并修改图层样式如下图。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

4、在底板层上新建一层命名为高光,前景色设置为#4dc9f0,选择画笔工具画一个边硬度为0%的点,然后Ctrl + T 将圆压扁,同时选区工具删除一半的圆,Ctrl + T 调整高光层到合适的位置,回车确认调整不透明度为60%,效果如下图。

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

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

5、将底板的图层组成一个组,命名为底板,用椭圆工具画出一个205 * 205的正圆置于底板组上并居中,命名凸出效果,并添加图层样式。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

6、Ctrl + J 复制凸出效果层,右键选择清除图层样式,并命名为平滑外发光层,修改颜色为#80b5e1,添加图层样式如下。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

7、Ctrl + J 复制凸出效果层,保留平滑外发光层的图层样式,并命名为大渐变层,添加图层样式如下。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

8、Ctrl + J 复制大渐变层,右键选择清除图层样式,命名为小渐变层,Ctrl + T ,然后按照Alt + Shift 等比例居中将小渐变层缩小成195 * 195,添加图层样式如下。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

9、将凸出效果的几个图层合成一个组,命名凸出效果。

Ctrl + J 复制小渐变层,拉出凸出效果组,并修改名字为立体球,Ctrl + T然后按住Alt + Shift中间等比例缩小,将立体球层缩小185 * 185px的圆,并清楚立体球的图层样式,重新添加下面的图层样式。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

9、将凸出效果的几个图层合成一个组,命名凸出效果。

Ctrl + J 复制小渐变层,拉出凸出效果组,并修改名字为立体球,Ctrl + T然后按住Alt + Shift中间等比例缩小,将立体球层缩小185 * 185px的圆,并清楚立体球的图层样式,重新添加下面的图层样式。

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

Photoshop设计蓝色立体效果APP图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop设计蓝色立体效果APP图标

PS PS基础
Photoshop设计蓝色立体效果APP图标

Photoshop设计立体效果的开关APP图标

PS PS基础
Photoshop设计立体效果的开关APP图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计金属立体效果的APP图标

PS PS基础
Photoshop设计金属立体效果的APP图标

Photoshop设计蓝色立体效果的圆形图标

PS PS基础
Photoshop设计蓝色立体效果的圆形图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计立体效果的开关APP图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计立体效果的开关APP图标教程

Photoshop设计银色立体效果的APP图标教程

PS PS基础
Photoshop设计银色立体效果的APP图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出人像照片秋季淡黄色调

Photoshop调出人像照片秋季淡黄色调

Photoshop绘制精美螺旋圆点花纹图标

Photoshop绘制精美螺旋圆点花纹图标
下拉加载更多内容 ↓