图标制作,用PS设计制作一款心形APP软件图标

通过PS制作一款心形APP图标,一款主题时紫红色的心形图标,我们会先通过圆角矩形工具,去建立圆角,就是APP的外观样子,整个还是用到我们最熟悉的图层样式,在画爱心的时候,可以用钢笔工具勾勒,或者用自定义形状工具也可以画出来,整个形状出来,再添加颜色就可以,整

图标制作,用PS制作简单的彩色线性图标

本篇教程通过PS绘制简单的彩色线性图标,都是几个比较简单的图标设计,颜色搭配是一直是很多人的弱项,一旦搭配不好,整个设计感再好,也会一团糟,所以可以在颜色上多下下功夫,好的色彩会给我们的设计加分,具体如何做我们还是通过教程来学习一下吧。

通过PS制作一款心形APP图标,一款主题时紫红色的心形图标,我们会先通过圆角矩形工具,去建立圆角,就是APP的外观样子,整个还是用到我们最熟悉的图层样式,在画爱心的时候,可以用钢笔工具勾勒,或者用自定义形状工具也可以画出来,整个形状出来,再添加颜色就可以,整体还是比较简单的,同学们一起来学习一下吧。

效果图:

图标制作,用PS设计制作一款心形APP软件图标插图

操作步骤:

第一步:打开PS,尺寸大小大家可以随意,我这里设置的是900*900px;

图标制作,用PS设计制作一款心形APP软件图标插图(1)

第二步:使用圆角矩形工具,半径70px,按住Shift键,建立圆角矩形

图标制作,用PS设计制作一款心形APP软件图标插图(2)

图标制作,用PS设计制作一款心形APP软件图标插图(3)

第三步:添加图层样式,斜面和浮雕+渐变叠加

图标制作,用PS设计制作一款心形APP软件图标插图(4)

图标制作,用PS设计制作一款心形APP软件图标插图(5)

色值:f845f8 ffc6a8

图标制作,用PS设计制作一款心形APP软件图标插图(6)

第四步:画爱心,可以用钢笔工具勾勒,也可以用自定义形状工具画出来,再修改

图标制作,用PS设计制作一款心形APP软件图标插图(7)

第五步:复制一层爱心,使用钢笔工具,减去顶层形状,勾勒心型缺角;

图标制作,用PS设计制作一款心形APP软件图标插图(8)

图标制作,用PS设计制作一款心形APP软件图标插图(9)

第六步:点击下层爱心图层,图层样式——渐变叠加;

图标制作,用PS设计制作一款心形APP软件图标插图(10)

色值:f03f03 f8561f fffbd5

图标制作,用PS设计制作一款心形APP软件图标插图(11)

第七步:按住Ctrl键,左键单击最上层图层,转为选区;

图标制作,用PS设计制作一款心形APP软件图标插图(12)

第八步:新建一个空白图层,羽化15px——描边;

图标制作,用PS设计制作一款心形APP软件图标插图(13)

图标制作,用PS设计制作一款心形APP软件图标插图(14)

色值:fa63e6

图标制作,用PS设计制作一款心形APP软件图标插图(15)

第九步:给这一图层添加图层蒙版,按照第七步,建立选区如下,选择反向,用黑色画笔涂抹边沿;

图标制作,用PS设计制作一款心形APP软件图标插图(16)

图标制作,用PS设计制作一款心形APP软件图标插图(17)

取消选区,用柔边圆画笔继续处理图层蒙版,如下效果;

图标制作,用PS设计制作一款心形APP软件图标插图(18)

图层混合模式——强光;

图标制作,用PS设计制作一款心形APP软件图标插图(19)

最后一步:做心形阴影。拷贝最完整的爱心形状图层一次,编辑第一个爱心形状图层,填充为0,图层样式——投影;

图标制作,用PS设计制作一款心形APP软件图标插图(20)

图标制作,用PS设计制作一款心形APP软件图标插图(21)

dc4263

图标制作,用PS设计制作一款心形APP软件图标插图(22)

完成:

图标制作,用PS设计制作一款心形APP软件图标插图(23)

一颗漂亮的心形图标就制作完成了,只要同学们照着教程做,也可以轻松完成。

通过PS制作一款心形APP图标,一款主题时紫红色的心形图标,我们会先通过圆角矩形工具,去建立圆角,就是APP的外观样子,整个还是用到我们最熟悉的图层样式,在画爱心的时候,可以用钢笔工具勾勒,或者用自定义形状工具也可以画出来,整个形状出来,再添加颜色就可以,整体还是比较简单的,同学们一起来学习一下吧。

效果图:

图标制作,用PS设计制作一款心形APP软件图标插图

操作步骤:

第一步:打开PS,尺寸大小大家可以随意,我这里设置的是900*900px;

图标制作,用PS设计制作一款心形APP软件图标插图(1)

第二步:使用圆角矩形工具,半径70px,按住Shift键,建立圆角矩形

图标制作,用PS设计制作一款心形APP软件图标插图(2)

图标制作,用PS设计制作一款心形APP软件图标插图(3)

第三步:添加图层样式,斜面和浮雕+渐变叠加

图标制作,用PS设计制作一款心形APP软件图标插图(4)

图标制作,用PS设计制作一款心形APP软件图标插图(5)

色值:f845f8 ffc6a8

图标制作,用PS设计制作一款心形APP软件图标插图(6)

第四步:画爱心,可以用钢笔工具勾勒,也可以用自定义形状工具画出来,再修改

图标制作,用PS设计制作一款心形APP软件图标插图(7)

第五步:复制一层爱心,使用钢笔工具,减去顶层形状,勾勒心型缺角;

图标制作,用PS设计制作一款心形APP软件图标插图(8)

图标制作,用PS设计制作一款心形APP软件图标插图(9)

第六步:点击下层爱心图层,图层样式——渐变叠加;

图标制作,用PS设计制作一款心形APP软件图标插图(10)

色值:f03f03 f8561f fffbd5

图标制作,用PS设计制作一款心形APP软件图标插图(11)

第七步:按住Ctrl键,左键单击最上层图层,转为选区;

图标制作,用PS设计制作一款心形APP软件图标插图(12)

第八步:新建一个空白图层,羽化15px——描边;

图标制作,用PS设计制作一款心形APP软件图标插图(13)

图标制作,用PS设计制作一款心形APP软件图标插图(14)

色值:fa63e6

图标制作,用PS设计制作一款心形APP软件图标插图(15)

第九步:给这一图层添加图层蒙版,按照第七步,建立选区如下,选择反向,用黑色画笔涂抹边沿;

图标制作,用PS设计制作一款心形APP软件图标插图(16)

图标制作,用PS设计制作一款心形APP软件图标插图(17)

取消选区,用柔边圆画笔继续处理图层蒙版,如下效果;

图标制作,用PS设计制作一款心形APP软件图标插图(18)

图层混合模式——强光;

图标制作,用PS设计制作一款心形APP软件图标插图(19)

最后一步:做心形阴影。拷贝最完整的爱心形状图层一次,编辑第一个爱心形状图层,填充为0,图层样式——投影;

图标制作,用PS设计制作一款心形APP软件图标插图(20)

图标制作,用PS设计制作一款心形APP软件图标插图(21)

dc4263

图标制作,用PS设计制作一款心形APP软件图标插图(22)

完成:

图标制作,用PS设计制作一款心形APP软件图标插图(23)

一颗漂亮的心形图标就制作完成了,只要同学们照着教程做,也可以轻松完成。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部