陈圆圆 发表于 2018-3-27 11:01:31

PS混合模式绘制苹果相册图标


有的同学在看到部分图片各种颜色交叠的效果的时候,无从下手。颜色总是达不到预期的效果。正如下面的这个苹果相册图标。基于这个问题,像素妹儿今天就给大家交流一下,这个图标的制作过程。效果图如下:
http://p0.qhimgs4.com/t01c9a90b817d9f673c.webp
FEVTE编注:更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特网PS鼠绘教程栏目,地址:http://www.fevte.com/plan/ps/shuhuijiaocheng/
具体的绘制步骤如下:
1.首先,绘制iphone底板,大家可以将该背板做成512×512大小(可以不制作图标圆角)分别拖动标尺建立画布的垂直/水平中线的参考线如下图:
http://p0.qhimgs4.com/t0138c20782ef99bfd3.webp
2.分解元素绘制图形中的单个元素。
(1)画布居中绘制宽136高210的圆角矩形,将圆角调节到最大。
http://p1.qhimgs4.com/t018c18d0c1e02fe819.webp
(2)本图层复制该圆角矩形(小黑工具alt键拖动)居中放置,两个形状距离为16px
http://p2.qhimgs4.com/t011c8b485468498145.webp
(3)旋转并复制该元素。(选中图层,ctrl+C,ctrl+V,ctrl+T,旋转45度,ctrl+shift+alt+T)得到如图
http://p0.qhimgs4.com/t01329dcfd2ae7e110f.webp
(4)复制该图层(待会会有用哦,可以先将复制的图层隐藏掉)
http://p1.qhimgs4.com/t01654794a11b87e840.webp
(5)小黑工具选中单个的形状,将单个形状分离成单个图层(ctrl+shift+J)图层效果如下:
http://p0.qhimgs4.com/t01b783ef81f09e23c6.webp
3.填充颜色
依次调整形状的颜色,
#fa9c22/#ffe700/#c7dd31/#67c483/#65b6e7/#968dc6/#ce8bbe/#f46465
http://p1.qhimgs4.com/t01e98d2db86bd218bc.webp
调整所有形状图层的混合模式为"线性加深"填充为95%。得到如下效果
http://p2.qhimgs4.com/t017a4ca0cc1670c6f1.webp
http://p2.qhimgs4.com/t014d00c013ba41aff2.webp
4.在图层上添加图层样式渐变叠加(降低左右两侧颜色的不协调)
(由于图层样式每个都不尽相同,特提供psd文件供大家参考使用)
http://p0.qhimgs4.com/t01c26df49855f815db.webp
5.加强三块交叠的颜色重度。
还记得刚才复制预留的图层呢,我们将它的布尔运算属性改成(排除重叠形状)得到如图:
http://p2.qhimgs4.com/t01ead8594c2c5bad71.webp
http://p2.qhimgs4.com/t01108136fea4e02bb8.webp
用圆形相交和减去得到如下效果
http://p2.qhimgs4.com/t01e5b90847b99610c6.webp
将图层置于顶层调整混合模式为:线性加深,填充为24%
http://p1.qhimgs4.com/t01c0ed05bbfbd71fb3.webp
实现最终效果如下图:
http://p1.qhimgs4.com/t01bb6e016438485231.webp

页: [1]
查看完整版本: PS混合模式绘制苹果相册图标

请大家牢记南瓜园网址 www.nan2008.com