PS设计教程网欢迎你!

Photoshop制作简单时尚的网页开关图标

文章来源于 站酷,感谢作者 残酷de乐章 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2014-05-16
制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。

制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。

最终效果

Photoshop制作简单时尚的网页开关图标

1、先建立一个1136 * 640的画布。

Photoshop制作简单时尚的网页开关图标

2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。

Photoshop制作简单时尚的网页开关图标

3、建立一个新图层,画一个同样大小的同心圆,再选中底边锚点,向上拖到锚点位置如图,作为按钮正面,命名图层为“按钮-上”。

Photoshop制作简单时尚的网页开关图标

4、编辑“按钮-上”,绘制开关按钮正面的形状和质感,图层样式如下图。

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

Photoshop制作简单时尚的网页开关图标

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa