ui图标设计教程

作者:流年 | 创建时间: 2023-06-13
UI设计是一门长期性的学问,一课一时是讲不完学不完的,技术靠的是沉淀,积累,多看多动多想,才能有所提升! 今天讲解一个UI小知识:用PS临摹icon图标!...
ui图标设计教程

操作方法

一、善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。

二、临摹,先排列好画布。

三、然后新建个渐变调整层,仔细观察原图背景,我们不难发现原图的背景不是纯色的。

四、然后渐变的颜色,中心的地方的颜色我们给亮点,四周的颜色我们加点灰色。 中间的图标是圆角的,所以我们选择圆角矩形工具。

五、然后修改半径,半径的多少是根据你的画布的大小而定的,多试试,然后对比。

六、双击击缩略图右下角的东东,就会弹出个拾色器。

七、选择个淡淡的绿色。然后选择混合选项.

八、然后修改参数。

九、然后修改下光泽等高线,因为原图的两边是没有明显的凸起的,所以修改修改去掉。

十、然后点投影,投影的颜色改改,因为考虑到环境的影响,我们的投影的颜色应该是墨绿色,最好比我的颜色还要黑,我等等也会修改的。

十一、然后投影的其他参数,注意对比原图,可以看出,原图的投影是两边收缩凸显中间的。选择椭圆工具。

十二、然后新建一个空白图层。

十三、我们在中间按住shift键按比例放大,如果在放大的过程中位置对不上,我们可以同时按住空格键移动位置。

十四、修改参数。

十五、渐变。

十六、新建空白图层,用椭圆工具拉出一个圆形。

十七、椭圆来个漂亮的渐变;再来个内阴影,注意阴影的颜色哦!

十八、再次新建空白图层,拉出个圆,选择颜色。

十九、参数修改

二十、粉色的圆形改下角度就可以了。

二十一、中间也弄个圆形,图层样式——投影!投影的颜色你们注意下,然后投影也是收缩下两边。

二十二、渐变

二十三、再在中间弄个圆形,拉个渐变!!!

二十四、作品完成。

温馨提示

UI是慢慢摸索出精品来的,不是会用软件就能做出好作品来!
教程只是一个辅助工具,关键在动手,技术不动手,白搭!
点击展开全文

更多推荐