您的位置: 善知识与道 > 教育

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

2019-04-16来源:善知识与道


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

最终效果

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

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

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

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

5、接着我们编辑“按钮-上”,绘制开关按钮侧下方的形状和质感,图层样式如下。

6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名“凹槽”,然后添加下图所示的样式。

7、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。

8、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。



相关资源请回复如: AE    PR    AI    CDR    PS    LR下载    Adobe最新版    office下载    更多    高端人像修图    商业摄影2季合集    庐山手绘教程    PPT模板    影视配乐    51课上    PS直播    滤镜快捷键    ps视频    基础    727    728    补丁     抠图    公开课回放


击购买 : >>>PSCS6基础视频介绍 11小时教学视频


往期推荐>电商美工9大资讯
往期推荐>cameraw修片私房调色
往期推荐>深度分析电商美工

近期公开课回放视频+素材后台回复:1118素材

点阅读全文加入Q群试学免费直播课体验

本文由善知识与道整理,内容仅供参考,未经书面授权禁止转载!图片来源图虫创意,版权归原作者所有。

相关阅读