百木园教程作者：软件基础营46期-A75-桑桑
教程指导：吃喝玩乐团团长
交作业：#优设每日作业#
在创作之前，首先要确定设计的主题，由此选出相关物品来进行创作，我选定主题是【旅行】，由这个主题想到箱包、遮阳帽、路标、热气球这四种相关元素。
确定好元素后先画草图，画好草图，对图标的制作也有帮助。图标的风格可以参考好的作品，分析其光影、颜色、体积感的塑造方式，通过参考分析绘制出自己的图标作品。
草图
创建文档：新建文档，大小为 1800*1400 像素，分辨率 72ppi 。填充背景颜色f9f9f9，锁定图层。
1.1.1 新建230*200px的圆角矩形，圆角半径为20px，命名为【箱包正面】。Ctrl+T自由变换 【设置垂直斜切】V：-25度
1.1.2 Ctrl+J复制【箱包正面】图层，Ctrl+[ 下移一层复制出的图层【箱包正面 拷贝】，Ctrl+T自由变换移动位置（具体参数如图）
1.1.3 接下来要绘制【箱包包体】的形状，这里主要运用了布尔运算，具体步骤如下：
① 钢笔工具钩出形状。
② 选中该形状和【箱包正面 拷贝】两个图层，右键【合并形状】。
③ Ctrl+J复制【箱包正面】图层，原图层不动备用，下移【箱包正面 拷贝】图层（此时图层顺序如图），选中拷贝图层和上一步合并的形状图层，右键【合并形状】。
④ 选择刚刚合并完形状的图层，用【路径选择工具】选中箱包正面的形状进行布尔运算【减去顶层形状】得到的形状命名【箱包包体】。（*5【合并形状组件】不要漏掉，此步关系到包体光影位置）
⑤ Ctrl+J复制【箱包正面】图层，形状【填充】改为【描边】3.5px，添加【图层蒙版】，画笔黑遮白显，擦除被包体遮挡的部分，图层命名【包缝】。
1.1.4 下一步绘制【把手】及【皮革】的形状，并将所有形状摆放到合适位置，组成【箱包】的基本型。
① 新建160*40px，半径20的圆角矩形，命名【把手亮面】。Ctrl+T-变形-扇形-弯曲：10%，确定。再次Ctrl+T，角度：-25度，H：45度，V：2度，得到有透视角度的形状。
② Ctrl+J复制两层【把手亮面】，顶层不动备用，第二层下移到合适位置，选中第二层和第三层（原图层）图层右键【合并形状】，布尔运算【减去顶层形状】，钢笔钩出两边补充的形状，将两个形状合并到上一部操作的形状图层里，调整形状顺序，形状做好后【合并形状组件】，得到的形状命名【把手暗部】。
③ 绘制【把手连接金属】、【皮革】、【包线】、【连接金属的反光】这些细节形状（具体参数如图），形状全部做完后整理图层顺序，组成【箱包】的基本型。（调整图层顺序可使用快捷键Ctrl+[ 下移一层/ Ctrl+] 上移一层；Shift+Ctrl+[ 置为底层/ Shift+Ctrl+] 置为顶层）
1.2.1 双击【把手亮面】图层，添加图层样式，运用【内阴影】来增加光影效果。（参数如图）
1.2.2 双击【把手暗部】图层 -【渐变叠加】-【内阴影】-【内阴影】。
1.2.3 【把手金属连接部分】，分别【渐变叠加】和【渐变叠加】-【斜面浮雕】-【内阴影】。
1.2.4 双击【箱包包体】图层-【渐变叠加】- 4个【内阴影】。
1.2.5 双击【包缝】图层-【渐变叠加】-【投影】，双击【箱包正面】图层-【渐变叠加】-【内阴影】。
1.2.6 【包线】描边颜色eaa578，双击图层 -【投影】。
双击【皮革】图层-【渐变叠加】-【内阴影】-【内阴影】-【投影】。因为光影规律，靠光源近的【皮革】要亮一点，所以两条【皮革】不透明度有所区别，靠近光源的不透明度数值更低。
1.2.7 最后添加连接金属下方的投影、包缝在连接金属上的反光这些光影细节。钢笔钩出投影的形状，填充颜色，【属性】里给形状添加羽化值1.5px，添加【图层蒙版】用黑色画笔擦虚投影边缘，图层不透明度70%，Ctrl+J复制一层挪动到左侧金属下方，图层不透明度60%。
反光形状选择渐变填充，图层模式选择【正片叠底】。整个【箱包】图标的光影体积感就塑造出来了。
1.2.8 整理下图层顺序，选中所有【箱包】的图层Ctrl+G编组，命名【箱包】。Ctrl+Shift+N新建图层，命名【投影】，移到【箱包】组下一层，选择【画笔工具】，颜色fad2a2，柔边圆画笔，硬度0%，画一笔放在【箱包】左下角作为投影。这样，【箱包】图标就做好了。
2.1.1 首先，【椭圆工具】画一个椭圆，命名【帽顶】，Ctrl+J 复制两层，原【帽顶】图层不动备用。复制出的两个椭圆，最下层等比放大一点，【矩形工具】画一个矩形，再Ctrl+T用透视作出梯形，三个形状图层进行【合并形状】，得到的形状命名【帽体】。
复制两个帽体图层，进行【减去顶层形状】得到【白色帽带】。
再复制一个【帽顶】图层，等比放大作为【帽檐】，Ctrl+T【变形】- 【扇形】弯曲2%添加一点点弯度。【钢笔】钩出两个【带子】的形状。
最后整理以上所有形状图层构成遮阳帽的基础形。
2.2.1 选择【帽顶】图层，图层样式【渐变叠加】-【投影】。
2.2.2 选择【帽体】图层，图层样式【渐变叠加】-【内阴影】-【内阴影】-【投影】。
2.2.3 选择【白色帽带】图层，图层样式【渐变叠加】-【内阴影】-【投影】。
2.2.4 选择【帽檐】图层，图层样式【渐变叠加】-【内阴影】-【内阴影】。
2.2.5 选择【带子】图层，分别做图层样式，两个【带子】靠光源的位置不同，注意做图层样式的时候要有区别。
2.2.6 在【帽体】下方添加一个投影的细节，画一个椭圆，倾斜一点，图层样式【渐变叠加】，点击这个椭圆，在【属性】窗口，添加【羽化】做出模糊的效果。Ctrl+鼠标左键【帽檐】图层，得到【帽檐】的选区，返回【投影】图层，添加【图层蒙版】，外溢的颜色就被遮住了，图层不透明度改50%减淡一点。
2.2.7 整理好图层顺序，将图标的所有图层Ctrl+G编组，选中组，Ctrl+T，按住Shift，同时旋转15度角度。
2.2.8 最后给图标添加投影，做法和【箱包】图标的投影一致，色值bbe1f6，【遮阳帽】图标就做好了。
3.1 构成【路标】图标的形状比较简单了，基本都是由基础形状进行【变换】和【布尔运算】得到，路标的暗部操作和【箱包】包体的制作方法一致，拆分开的形状如图：
3.2.1 给上下路标的暗部加图层样式，主要用【内阴影】来塑造不同面的明暗关系，【路标下暗部】的【内阴影1】和【内阴影4】和【路标上】的数值一样，【内阴影2】和【内阴影3】的不透明度数值是为了显得【路标下】更暗一点。
3.2.2 给上下路标的正面加图层样式，左边的是上面的路标，更亮一点。
3.2.3 给文字加【内阴影】做出凹下去的效果。
3.2.4 给【木棍】加图层样式，上下【木棍】的渐变叠加数值一样，上面的小木棍的【内阴影】颜色是下面路标的环境色。
【木棍亮面】做【渐变叠加】-【内阴影】-【投影】。
3.2.5 这一步是做投影细节，都是画好的形状做颜色渐变到透明的【渐变叠加】，路标上下中间的长条投影再加一个【图层蒙版】把左边擦虚一点。
3.2.6 最后一步依旧是给图标整体加投影，色值c0d7f0，【路标】图标也做好了。
4.1 用【椭圆工具】画球体、云、顶部、轿厢内阴影、气球上的绳子，用【布尔运算】做气球上的白纹、轿厢平面，热气球上的白色这部分有一点复杂，用【钢笔工具】画【轿厢整体】，用【矩形工具】画绳子。
4.2.1 首先，给热气球【球体】添加【渐变叠加】，渐变样式选【径向】，输入好色值后，把渐变位置向上移动，加两个【内阴影】制造高光和环境光。
【顶部】中间是凹进去的，亮的在左边，暗部在右边。外圈凸出来按正常的光影规律，用【内阴影】加高光、暗部、环境光。
4.2.2 【气球上的白色部分】本身是白色，白色会受【球体】颜色影响，球体颜色的【反光】会很明显，同时球体反光给的颜色也不能太深，不能失掉【白色部分】本身的固有色白色的感觉，图层样式上色值的选择也按光影规律来添加，近光亮，背光暗。受【气球上的绳子】的影响，绳子下方是最暗的地方。
4.2.3 给【气球上的绳子】添加图层样式。两个【内阴影】，一个是气球的环境光，另一个是绳子的暗部增加体积感，同样气球会反光，两个【内阴影】色值都要有红色调。两个【投影】，一个是绳子自己的投影，另一个是绳子贴在气球上也会有一个投影，都不能少。做好图层样式后，用【图层蒙版】把球体挡住的部分擦掉。
4.2.4 然后是连接【气球】和【轿厢】的4条绳子，图层样式【渐变叠加】-【内阴影】-【内阴影】色值如图，做完后加绳子的投影，【形状】填充颜色，属性里给形状加点羽化值，做成模糊效果，将投影放在合适位置，添加【图层蒙版】擦虚投影，给不同位置的绳子，降低不同的不透明度。
4.2.5 轿厢三个部分分别做图层样式，【轿厢内暗部】也是凹进去的，亮面在左，暗面在右。【轿厢整体】的【渐变叠加】样式用【径向】，同样要把颜色拉到合适位置。
4.2.6 【云】有三个部分，整体和两个小圆，小圆用【图层蒙版】擦掉互相连接的地方，注意云朵的前后关系，这样可以让【云】看起来更有体积感。
4.2.7 复制一个【球体】，右键图层清除图层样式，重新添加新的图层样式，用两个【内阴影】给热气球整体加个环境光，该图层位置在【热气球】整体图层的最上方，在【云】图层的下方。
4.2.8 整理【热气球】图标的图层，然后添加投影，色值ffbbbe，【热气球】图标也做好了。
5 建立参考线版面，按参考线位置对齐排列图标，四周排版一点文字。
来源：https://uiiiuiii.com/photoshop/1212248195.html
图文来源于网络，如有侵权请联系删除。