ui图标的设计,在ui设计领域中可以说是考验一名ui设计师的基础能力所在,如何绘制出一个让人满意的图标,其实是需要经过很多的思考,包括它的构图,设计,立意等等,都需要去仔细思量的,那么今天就让小编来教大家如何利用PS来绘制出漂亮的色板图标吧。
今天带给同学们的是一个临摹的色板图标,效果好到发指,重点是图层样式的运用,关键部分都有大字标示,方便大家练习。话不多说,让我们一起开工吧 >>>
效果图:

新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

执行图层样式斜面浮雕,投影和颜色叠加,参数:


如下,大家也可以自己摸索不同的数值:

效果:

新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下:

效果如下:

将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%

图层样式,添加渐变叠加和内阴影:


渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。
效果如下:

将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。



效果

将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

然后调整图层样式,只调整斜面浮雕,其余的保持原样。

图层现在除了背景图层外有五个:

现在效果如下

将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。
清除图层样式,添加新的图层样式描边和渐变叠加 :


完成。

在文章的最后,小编希望大家即便是在临摹的时候,也要带着思考的目的去临摹,而不是看别人用什么样的参数,什么样的数据就直接照搬使用,而是要思考这个参与会带来什么样的效果或者是什么样的变化,而带着这样的思考去进行临摹绘制,那么相信同学们在临摹之后都会有着不错的收获的。
上一篇 海报中字体如何设计才会更出彩!
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答随机调整部分立方体斜面 按【Tab】进编辑模式,再按【U】选视角投影
接着用线条连接这些点,形成具透视感的地板网格绘制时需遵循一个重要原则:始终从角色与地面的接触点开始每帧的位置变化(间隔)决定动......
8天20亿!《疯狂动物城2》制作幕后大揭秘,哪些专业可匹配?
一般来说,不管是国内还是国外的动画电影,其制作流程一般有前期开发、三维创作、动画制作、影片后期几个阶段 故事开发阶段,需要故事......
游戏中的时间价值折损:老玩家在游戏里的时间“含金量”越来越低
明明老玩家投入的时间更多,为何成长效率反而更低呢?这背后,隐藏着游戏设计中一个常见且精妙的结构——时间价值折损(Time Va......
凭借独特机设与玩法,吸引海内外大量玩家,测试时Steam最高同时在线达31万,公测后也取得过Steam热门新游榜第一等佳绩此次......
MLBB是沐瞳乃至字节游戏业务的核心资产,财务数据清晰,此方案符合Savvy专注电竞投资的定位一个广为流传的笑话是,不少字节员......
同学您好!