PS制作闹钟图标设计教程
1.新建一个画板
2.背景(background)填充为#aab6bb用蒙版工具做一个亮光,得到下面效果(effect)。
3.建立一个512x512pi的圆角矩形,半径为120pi,颜色(Color)填充#2c2e30。复制一层,不透明度10%,建立图层蒙版,可以得到上面的亮光,这样我们就是把光源设置(set up)为顶光之前讲了一个物体有暗面就会有亮面,当然有亮面,也会有暗面。所以我们复制一个,不透明度为80%,建立一个图层蒙版,得到最后效果(effect)就是下面。
4.做完上半部分,我们需要给图标一个阴影,让图标立起来我把阴影拉开给大家看一下,同学可以观察一下阴影用了高斯模糊和降低(reduce)透明度。移动端UI设计设计从工作内容上来说分为3大类别,即研究工具,研究人与界面的关系,研究人。 与之相应, UI设计师的职能大体包括三方面:一是图形设计,即传统意义上的“美工”。做过很多练习的同学应该都很清楚,高斯模糊在制图时广泛(extensive)被运用,包括你在做不锈钢(不锈耐酸钢)物体时候可以用高斯模糊在加颗粒感,最后风化,就可以得到不锈钢(不锈耐酸钢)拉丝的效果(effect)。
高斯模糊的数值希望大家可以多练习,感受过渡(transition)。-2的部分是图标上面的部分,不透明度为40%。-1的部门是下面一层,不透明度要低一点,为10%。前后叠加得到阴影的部分相对来说比较麻烦。大家要仔细观察,做到自然舒服。
5.接下来就是做闹钟的表盘,这个闹钟的刻度(Scale),一个个画上去比较浪费时间和头疼,画出来效果(effect)也很差,先画一条线,宽为1,颜色(Color)为b5b5b5
先复制一个,按住ctrl+t,变换工具,倾斜角度(angle)为6,得到一个第二根线。
在复制一根,倾斜角度(angle)为6接下来按住ctrl+shift+alt不松,在一直点T,连续(Continuity)复制,得到删掉其余线段
ctrl+E布尔运算减去顶上图层
在建立一个外面的大圆,合并图层,利用布尔运算,与重复(repeat)区域结合,就是留下相切的部分。最后我们得到了闹钟的刻度(Scale)
写下闹钟的数字
建立闹钟的中间部分,建立一个180×180的正圆,颜色(Color)填充为#343636。
复制一层得到一个,颜色(Color)填充为#26282c。建立图层蒙版最后效果(effect)为
指针部分画出指针的造型,接下来做指针的阴影
指针的阴影做完是这个效果(effect),用高斯模糊或着形状填充为零做阴影,用混合模式(pattern)做阴影,要把对号去掉,自己调节(adjust)角度(angle)。UI视觉设计一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。大家可以交作业看看,你们阴影的使用(use)。我会去查看哦。
得到最后效果(effect)。
今天就结束了,本文重点是布尔运算,和连续(Continuity)复制,学会了对作图会更快更方便。
同学们加油,好好练习。UI视觉设计承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。