当前位置:首页ps教程图标设计:用PS制作中国风圆形APP图标
图标设计:用PS制作中国风圆形APP图标
°
  • 素材类型: 资源-素材
  • 上传时间:

本次教程将带你制作主题图标,主要用到了形状、钢笔、渐变填充、图层等基础功能,简单快速易上手,各位教程网的朋友可以打开PS和我们一起来学习吧。

图标分拟物图标、微拟物图标和扁平图标。主题图标,日常生活中常见的就是手机图标,还有一些标志性的主题图标,比如动漫人物、地区等等。

制作主题图标首先要确认主题,我制作的主题为中国标志,有很多标志可以代表中国,比如熊猫、太极、京剧人物、长城等等,这些让很多人喜爱的元素。因为是中国标志,所以主体画风定为中国风。

确认好主题后,要找到相应的参考,发现最能表现内容的元素,形成自己的构思。然后把自己的想法画草图,最后再用软件开始具体的制作。

优设基础训练营的课堂作业是时间、音乐和录音机,学完之后,我也原创了自己的8个图标,这次教程主要为大家具体讲解“熊猫“图标的制作,其余的方法类似,就不一一赘述了。

教程所需要的素材:点击下载

草稿

图标设计:用PS制作中国风圆形APP图标

初稿

图标设计:用PS制作中国风圆形APP图标

终稿

图标设计:用PS制作中国风圆形APP图标

教程步骤

步骤 1

新建文档,宽高为794×1276px,分辨率为72 dpi。填充颜色:#1b1b1b,将该图层命名为“背景”。

图标设计:用PS制作中国风圆形APP图标

步骤 2 导入纹理素材,命名为背景纹理,更改背景纹理图层大小,上下左右都比背景缩小2CM;图层模式改为正片叠底。复制背景纹理,重命名为背景纹理2。 步骤 3 新建一个200200px的圆,命名为底圆,填充线性渐变(填充颜

步骤 2

导入纹理素材,命名为“背景纹理”,更改“背景纹理”图层大小,上下左右都比“背景”缩小2CM;图层模式改为正片叠底。复制“背景纹理”,重命名为“背景纹理2”。

图标设计:用PS制作中国风圆形APP图标

步骤 3

新建一个200×200px的圆,命名为“底圆”,填充线性渐变(填充颜色:#d8faa8,# ffffff;角度149,缩放200)。

图标设计:用PS制作中国风圆形APP图标

步骤 4

新建一个圆形,填充线性渐变(填充颜色:# 77c555, # ffffff,角度-90,缩放200);使用添加锚点工具和直接选择工具,调整锚点,出现山的形状;将该图层命名为“山1”;图层模式改为正片叠底,填充改为54%。

图标设计:用PS制作中国风圆形APP图标

步骤 5

重复上一步骤,将填充线性渐变改颜色(填充颜色:#2f9722,#9cc28c),使用添加锚点工具和直接选择工具,调整锚点,图层命名为“山2”,图层模式改为正常,填充改为83%。

图标设计:用PS制作中国风圆形APP图标

步骤 6

重复上一步骤,将填充线性渐变改颜色(填充颜色:#5c9a40,#dff0d2),使用添加锚点工具和直接选择工具,调整锚点,图层命名为“山3”,图层模式改为正片叠底。

图标设计:用PS制作中国风圆形APP图标

步骤 7

将山1、2、3打组,命名为山。Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“山”,再点击图层面板下面的“添加矢量蒙版”。

图标设计:用PS制作中国风圆形APP图标

步骤 8

新建矩形,添加线性渐变(颜色填充:#34720f,#e0e595;角度-42;缩放200%),图层命名为“地”, Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“地”,再点击图层面板下面的“添加矢量蒙版”。

图标设计:用PS制作中国风圆形APP图标

步骤 9

新建一个圆形,填充颜色#cae225;使用添加锚点工具和直接选择工具,调整锚点,出现想要的植物形状,如图;将该图层命名为“植物”。

图标设计:用PS制作中国风圆形APP图标

步骤 10 复制植物,重命名图层为植物1。更改填充颜色为# 0b4000,并将该图层向下向左移动。 将植物与植物1打组,命名为植物。Ctrl+鼠标点击图层面板上的底圆缩略图,选中植物,再点击图层面板下面的添加矢量蒙版。

步骤 10

复制“植物”,重命名图层为“植物1”。更改填充颜色为# 0b4000,并将该图层向下向左移动。

将“植物”与“植物1”打组,命名为植物。Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“植物”,再点击图层面板下面的“添加矢量蒙版”。

图标设计:用PS制作中国风圆形APP图标

步骤 11

新建一个圆形,填充颜色# 22411f;使用添加锚点工具和直接选择工具,调整锚点,出现想要的田野形状,如图;将该图层命名为“田野”。

图标设计:用PS制作中国风圆形APP图标

步骤 12

新建一个多边形,填充颜色# 072900;使用添加锚点工具和直接选择工具,调整锚点,出现想要的深色田野形状,如图;将该图层命名为“田野2”。

将“田野”与“田野2”打组,命名为田野。Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“田野”,再点击图层面板下面的“添加矢量蒙版”。

图标设计:用PS制作中国风圆形APP图标

步骤 13

将所有背景图层打组,命名为“背景底层 “。添加色相饱和度,按住alt,创建剪切蒙版。

Tips:4-13步,也可以使用钢笔工具来勾勒出想要的形状。工具不限,达到自己想要的效果即可。

图标设计:用PS制作中国风圆形APP图标

步骤 14

新建一个98x80px的圆,颜色为#ffffff使用直接选择工具和转换点工具调整形状,命名为“头“。

图标设计:用PS制作中国风圆形APP图标

步骤 15

新建一个17.95×25.76圆角矩形,将圆角调至最大,颜色填充为#000000,命名为“左眼“;复制一层,重命名为”右眼“,移动位置。打组,命名为“眼睛“。

图标设计:用PS制作中国风圆形APP图标

步骤 16 使用多边形工具新建一个12.6711.28px的三角形,用转换点工具调整圆角,颜色填充为#000000,命名为鼻子。使用直线工具新建1.568.59px的直线,颜色填充为#000000,命名为嘴巴。 步骤 17 新建一个22.6510.96px

步骤 16

使用多边形工具新建一个12.67×11.28px的三角形,用转换点工具调整圆角,颜色填充为#000000,命名为“鼻子“。使用直线工具新建1.56×8.59px的直线,颜色填充为#000000,命名为”嘴巴“。

图标设计:用PS制作中国风圆形APP图标

步骤 17

新建一个22.65×10.96px的圆,颜色填充为#ff9191,羽化调整为8.5px,命名为“左腮红“。复制一层,移动位置并重命名为”右腮红“。打组,命名为”腮红。Ctrl+鼠标点击图层“头”的缩略图,选择“腮红图层”,点击图层下方的“添加矢量蒙版“。

图标设计:用PS制作中国风圆形APP图标

步骤 18

新建36.41×36.88px的圆,颜色填充为#000000,命名为“左耳“。复制一层,移动位置,重命名为“右耳“。打组,命名为“耳朵“。图层移动到”头“下面。

图标设计:用PS制作中国风圆形APP图标

步骤 19

新建104.59×96.84px的圆,颜色填充为#00000,转换点工具和直接选择调整形状,命名为“身体“。复制一层,颜色填充改为#ffffff,等比缩小,重命名为”肚皮“。打组,命名为”身体“。Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“身体”,再点击图层面板下面的“添加矢量蒙版”。移动图层至图层“头“下方。

图标设计:用PS制作中国风圆形APP图标

步骤 20

新建3.89×5.48px的圆,颜色填充为#ffffff,命名为“左眼珠“,复制一层,移动位置,重命名为”右眼珠“。打组,命名为”眼珠“,移动图层位置至”眼睛“上方。

图标设计:用PS制作中国风圆形APP图标

步骤 21 竹节由4部分组成。 ①:10.0134.47px矩形,颜色填充为# 147b45; ②:略小于矩形的圆角矩形,颜色填充为# 0ea556; ③:10.011.43px的圆,颜色填充为# 005428; ④:10.012.39px的圆,颜色填充为# 005428。 复

步骤 21

竹节由4部分组成。

①:10.01×34.47px矩形,颜色填充为# 147b45;

②:略小于矩形的圆角矩形,颜色填充为# 0ea556;

③:10.01×1.43px的圆,颜色填充为# 005428;

④:10.01×2.39px的圆,颜色填充为# 005428。

复制两层,并移动位置。

图标设计:用PS制作中国风圆形APP图标

步骤 22

新建圆,颜色填充为#0ea556,使用转换点工具,将上下圆角改为尖角,Ctrl+T改变宽度,旋转角度,命名为“竹叶“。复制一层,旋转角度,重命名为”竹叶2“。

图标设计:用PS制作中国风圆形APP图标

步骤 23

“竹叶“和”竹节“打组,明明为”竹子“调整图层位置,放置图层”耳朵“下面。Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“竹子”,再点击图层面板下面的“添加矢量蒙版”。

复制”竹子“图层,删除蒙版,重命名为”竹子2“,等比缩小“竹子2“,将”竹子2“中的“竹叶“调整位置。移动”竹子2“位置。Ctrl+鼠标点击图层面板上的“底圆”缩略图,选中“竹子2”,再点击图层面板下面的“添加矢量蒙版”。

图标设计:用PS制作中国风圆形APP图标

步骤 24

除大背景图层外的所有图层打组,明明为“熊猫“。这样,一个中国标志图标就完成了。相同的思路,继续制作出其他的主题图标,就可以变成一组完整的主题图标啦。

图标设计:用PS制作中国风圆形APP图标

温馨提示:

文章标题:图标设计:用PS制作中国风圆形APP图标

文章链接:https://www.4tu.cn/photoshop/9949.html

更新时间:2024年08月03日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

立体海报:用PS设计立体文字海报教程

2024-8-3 17:07:00

ps教程

美食处理:用PS调出垂涎欲滴的美食照片

2024-8-3 17:07:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧