当前位置:Gxlcms > 前端框架 > Photoshop一款怀旧小电视机图标

Photoshop一款怀旧小电视机图标

时间:2021-07-01 10:21:17 帮助过:63人阅读

来源:不详 作者:Uiforces 最终效果 1、准备画图标之前先搜集一些相关的素材作为参考。这一步很重要,了解得越多越好,可以扩宽你的想法。但不能照抄,或者真拿来主义。 2、脑海里有初步的创意和想法后,信用草图形式记录下拉,确定图标的位置、轮廓和透视 来源:不详 作者:Uiforces
最终效果

1、准备画图标之前先搜集一些相关的素材作为参考。这一步很重要,了解得越多越好,可以扩宽你的想法。但不能照抄,或者真拿来主义。
#p# 2、脑海里有初步的创意和想法后,信用草图形式记录下拉,确定图标的位置、轮廓和透视关系。

3、打开PS新建一个大小适当的文件,用圆角矩形工具,在画板画出圆角半径为30PX,的380 * 250像素的长方体。

4、选中长方体按Ctrl + T调出“自由变换编辑框”,右键进入菜单选用“透视”工具使长方体变成梯形。
#p# 5、再按Ctrl + T调出“自由变换编辑器”,右键进入菜单选用“变形”工具使倒梯形成稍微有点发胖。

6、把倒梯形另外复制2个,调整它们大小后,用“居中对齐”叠在一起。

7、新建形状层,用“钢笔工具”描出电视机前盖顶部的厚度。
#p# 8、继续用“钢笔工具”描出2个新的形状层,作为电视机的后盖顶部,现在图标的基本轮廓框架我们已经画好了,下一步我们开始为电视机图标添上质感。

9、下图是已经添上质感的电视框架。

10、电视机框架图层样式效果拆解图,下图分成7个部分,后面详细介绍这7个部分的细节制作。
#p# (01部分)、图层所需的样式效果。

(02部分)、图层所需的样式效果。
#p# (03-07部分)、图层所需的样式效果。



#p# 11、现在我们看到的是已经加上电视机荧光屏的效果图。荧光屏图层的制作方法同电视机轮廓框架。

12、荧光屏图层拆解成下面6个部分08--13,下面详解介绍细节部分制作。

(08,10部分)、图层样式设置。
#p# (11部分)、荧光屏高光图层画法及所需的样式设置。

(12部分)、高光反射图层的创建方法及所需的样式设置。

#p# (13部分)、底部反射光图层画法及所需的样式效果。

(09部分)、荧光屏黑边图层所需的样式效果。


#p# 13、现在我们看到的是已经加上电视机按钮等的效果图。

14、放大后的按钮。
#p#

最终效果。

人气教程排行