教程 发表于 2020-4-5 21:02:13

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

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

效果图：

http://pic1.16xx8.com/allimg/1smru3/16xx883456x0.png

操作步骤：

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x1.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x2.png

http://pic1.16xx8.com/allimg/1smru3/16xx883456x3.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x4.png

http://pic1.16xx8.com/allimg/1smru3/16xx883456x5.png

色值：f845f8 ffc6a8

http://pic1.16xx8.com/allimg/1smru3/16xx883456x6.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x7.png


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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x8.png

http://pic1.16xx8.com/allimg/1smru3/16xx883456x9.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x10.png

色值：f03f03 f8561f fffbd5

http://pic1.16xx8.com/allimg/1smru3/16xx883456x11.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x12.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x13.png

http://pic1.16xx8.com/allimg/1smru3/16xx883456x14.png

色值：fa63e6

http://pic1.16xx8.com/allimg/1smru3/16xx883456x15.png


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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x16.png

http://pic1.16xx8.com/allimg/1smru3/16xx883456x17.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x18.png

图层混合模式——强光;

http://pic1.16xx8.com/allimg/1smru3/16xx883456x19.png

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

http://pic1.16xx8.com/allimg/1smru3/16xx883456x20.png

http://pic1.16xx8.com/allimg/1smru3/16xx883456x21.png

dc4263

http://pic1.16xx8.com/allimg/1smru3/16xx883456x22.png

完成：

http://pic1.16xx8.com/allimg/1smru3/16xx883456x23.png

一颗漂亮的心形图标就制作完成了，只要同学们照着教程做，也可以轻松完成。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

1621905027 发表于 2020-4-5 21:03:16

我的作业：

Elyvan 发表于 2020-4-18 16:33:12

我的作业：

chriscy0622 发表于 2020-4-23 17:14:36

我的作业：
页: [1]
查看完整版本: 用PS设计制作一款心形APP软件图标