首页 理论教育 立体效果图标设计:Photoshop教程从入门到精通

立体效果图标设计:Photoshop教程从入门到精通

时间:2023-11-21 理论教育 版权反馈
【摘要】:设计思路本实例介绍的是立体效果图标的绘制,通过“投影”“内阴影”等图层样式来实现图标的阴影效果,通过“渐变叠加”图层样式表现明暗,制作流程如图295所示。图2-96 绘制圆角矩形图2-97 添加“投影”图层样式02 添加图层样式后的矩形效果如图2-98所示。图2100 执行命令图2101 添加图层样式05 确定操作后的图像效果如图2102所示。图2104 设置“投影”图层样式图2105 图像效果08 复制图层,重命名为“里圈”,修改图层样式,如图2106所示。

立体效果图标设计:Photoshop教程从入门到精通

要表现出立体效果,就需要设置对象的高光与阴影,处理图像的明暗关系。

设计思路

本实例介绍的是立体效果图标的绘制,通过“投影”“内阴影”等图层样式来实现图标的阴影效果,通过“渐变叠加”图层样式表现明暗,制作流程如图2‑95所示。

978-7-111-54283-4-Chapter02-114.jpg

图2-95 制作流程

制作步骤

978-7-111-54283-4-Chapter02-115.jpg

01 新建文档,使用“圆角矩形工具”绘制圆角矩形,重命名图层为“阴影”,如图2-96所示。为“阴影”图层添加“投影”图层样式,如图2-97所示。

978-7-111-54283-4-Chapter02-116.jpg

图2-96 绘制圆角矩形

978-7-111-54283-4-Chapter02-117.jpg

图2-97 添加“投影”图层样式

02 添加图层样式后的矩形效果如图2-98所示。复制图层,修改图层名称为“时钟”,清除图层样式,双击缩略图修改矩形颜色,如图2-99所示。

978-7-111-54283-4-Chapter02-118.jpg

图2-98 矩形效果

978-7-111-54283-4-Chapter02-119.jpg

图2-99 修改矩形颜色

978-7-111-54283-4-Chapter02-120.jpg

03 选择“时钟”图层,单击鼠标右键,选择“转换为智能对象”命令,如图2-100所示。

04 双击进入智能对象,为图层添加“斜面和浮雕”“内阴影”和“渐变叠加”图层样式,如图2-101所示。

978-7-111-54283-4-Chapter02-121.jpg

图2‑100 执行命令

978-7-111-54283-4-Chapter02-122.jpg

图2‑101 添加图层样式

05 确定操作后的图像效果如图2‑102所示。

978-7-111-54283-4-Chapter02-123.jpg

图2‑102 图像效果

06 使用“椭圆工具”绘制一个正圆形,如图2‑103所示。

978-7-111-54283-4-Chapter02-124.jpg

图2‑103 绘制正圆形

07 修改图层名称为“投影”,双击图层,在打开的对话框中设置“投影”图层样式如图2‑104所示。确定操作后的图像效果如图2‑105所示。

978-7-111-54283-4-Chapter02-125.jpg

图2‑104 设置“投影”图层样式

978-7-111-54283-4-Chapter02-126.jpg

图2‑105 图像效果

08 复制图层,重命名为“里圈”,修改图层样式,如图2‑106所示。(www.xing528.com)

978-7-111-54283-4-Chapter02-127.jpg

图2‑106 修改图层样式

09 单击“确定”按钮关闭对话框,图像效果如图2‑107所示。使用“圆角矩形工具绘制圆角矩形,并旋转图形,将图层命名为“时针”。再次绘制圆角矩形并进行旋转,修改图层名称为“分针”。如图2‑108所示。

978-7-111-54283-4-Chapter02-128.jpg

图2‑107 图像效果

978-7-111-54283-4-Chapter02-129.jpg

图2‑108 绘制圆角矩形

10 选择“分针”图层,为图层添加“斜面和浮雕”“投影”图层样式,如图2‑109所示。复制图层样式到“时针”图层上,并修改“投影”图层样式,如图2‑110所示。

978-7-111-54283-4-Chapter02-130.jpg

图2‑109 添加图层样式

978-7-111-54283-4-Chapter02-131.jpg

图2‑110 修改“投影”图层样式

11 确定操作后的图像效果如图2‑111所示。绘制一个圆,为图层添加“投影”图层样式,如图2‑112所示。

978-7-111-54283-4-Chapter02-132.jpg

图2‑111 图像效果

978-7-111-54283-4-Chapter02-133.jpg

图2‑112 添加“投影”图层样式

12 复制图层,修改图层样式,如图2‑113所示。

978-7-111-54283-4-Chapter02-134.jpg

图2‑113 修改图层样式

13 修改后的图像效果如图2‑114所示。

978-7-111-54283-4-Chapter02-135.jpg

图2‑114 图像效果

14 使用“圆角矩形工具”和“椭圆工具”绘制图形,如图2‑115所示。

978-7-111-54283-4-Chapter02-136.jpg

图2‑115 绘制图形

15 重命名图层为“秒针”,为图层添加“斜面和浮雕”“投影”图层样式,如图2‑116所示。

978-7-111-54283-4-Chapter02-137.jpg

图2‑116 添加图层样式

16 确定操作后的效果如图2‑117所示。执行“文件”|“存储”命令,回到文档1最终效果如图2‑118所示。

978-7-111-54283-4-Chapter02-138.jpg

图2‑117 操作后的效果

978-7-111-54283-4-Chapter02-139.jpg

图2‑118 最终效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈