ui图标设计教程

UI设计是一门长期性的学问,一课一时是讲不完学不完的,技术靠的是沉淀,积累,多看多动多想,才能有所提升!
今天讲解一个UI小知识:用PS临摹icon图标!

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

    八、然后修改参数。

  • 09

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

  • 10

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

  • 11

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

  • 12

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

  • 13

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

  • 14

    十四、修改参数。

  • 15

    十五、渐变。

  • 16

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

  • 17

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

  • 18

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

  • 19

    十九、参数修改

  • 20

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

  • 21

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

  • 22

    二十二、渐变

  • 23

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

  • 24

    二十四、作品完成。

(0)

相关推荐

  • 8个设计师必看的免费UI图标设计资源站

    图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分.在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力.今天,小编给 ...

  • ui的设计教程

    这里介绍关于UI的设计教程,此篇指南可以为您解决这个问题,并指导您的操作 操作方法 01 打开"浏览器"输入"学UI网",点击搜索 02 点击进入"学 ...

  • Photoshop绘制一枚简单的日历应用图标设计教程

    在本教程中我们将会向您展示如何设置"千娇百媚"我们最流行 的图标的日历绘制教程,在作品开始绘制之前我们脑海里一定要有设计这样作品的各个元素,根据思路一定的绘制一个简单的草图. 最终 ...

  • PHOTOSHOP绘制瓢虫图标设计

    简介 经过这几天的学习和思考在这里给大家分享一个小小的PHOTOSHOP绘制瓢虫图标设计教程,今天分享的主题很有趣因为它是人类的朋友瓢虫. 最终效果 操作方法 01 用钢笔工具画出瓢虫的基本形状(注意 ...

  • 温暖的碟片图标设计(UI教程)

    大家学习UI设计这么久,见过的碟片设计可能数不胜数.但是,今天给大家带来的这个不一样哦,因为它不止用到了图层样式,还加了滤镜效果,波纹和光晕滤镜的加入,使得碟片给了我们温暖安静的感觉,大家赶快打开ps ...

  • 24个实用的iPhone APP UI设计教程

    小编:今天给大家带来的是设计达人整理分享的24个实用的iPhone APPUI设计教程.眼下,UI设计越来越火,很多小伙伴都想转UI,其实UI设计并没有大家想象的那么难?在于平时的积累,多想,多看,对 ...

  • UI设计教程--绘制苹果logo

    操作方法 01 UI设计教程-苹果公司logo图标的绘制方法. 一.绘制苹果图标方法步骤: 1.调出网格用钢笔工具绘制直线得到苹果图形的简易外观 2.选择转换点工具将锚点处手柄拖拽出来得到苹果的实际形 ...

  • UI设计计算器图标设计图标

    UI设计计算器图标设计图标

  • PPT怎么绘制可爱的雨伞图标? ppt图标的设计教程

    ppt中绘制图形很简单,想要绘制一个雨伞图形,该怎么绘制雨伞图标呢?下面我们就来看看详细的教程. 1.新建一个宽屏16:9的空白文档,选择插入,形状选项,绘制圆角矩形,鼠标右键填充深蓝色,按住ctrl ...