3.2.3 立体图标设计

3.2.3 立体图标设计

立体图标不同于扁平化和线性图标。立体图标的绘制更为复杂,一般作为APP的应用图标。

05 确定操作后的图像效果如图3‑134所示。输入文字并绘制线段,复制“搜索图标图层的图层样式,在“Use”图层上粘贴图层样式,效果如图3‑135所示。使用“圆角矩形工具”和“自定形状工具”绘制图形,如图3‑136所示。

978-7-111-54283-4-Chapter03-263.jpg

图3‑134 图像效果

978-7-111-54283-4-Chapter03-264.jpg

图3‑135 输入文字

978-7-111-54283-4-Chapter03-265.jpg

图3‑136 绘制图形

06 将图层重命名为“下拉框”,为图层添加“外发光”图层样式,如图3‑137所示使用“直线工具”绘制线条,使用“矩形工具”绘制矩形,如图3‑138所示。

978-7-111-54283-4-Chapter03-266.jpg

图3‑137 添加“外发光”图层样式

978-7-111-54283-4-Chapter03-267.jpg

图3‑138 绘制线条与矩形

07 使用“横排文字工具”输入文字,如图3‑139所示。

978-7-111-54283-4-Chapter03-268.jpg

图3‑139 输入文字

08 添加小手图片,完成绘制,如图3‑140所示。

978-7-111-54283-4-Chapter03-269.jpg

图3‑140 完成绘制