本节课讲解 Photoshop(简称PS)软件 - 小风扇详情页第四课:材质绘制与逻辑优化,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程核心知识点:材质绘制与灯光技巧、整体页面逻辑与细节优化展示。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.我们根据上节课完成的内容来继续进行制作,首先将之前制作好的详情页复制并拖动到下方,将产品素材删除只留下背景图层,如图所示。
2.选择左边的光效图层,【复制图层 快捷键:Ctrl+J】【自由变换 快捷键:Ctrl+T】拖动至右侧合适位置后【反相 快捷键:Ctrl+I】,如图所示。
3.选择上一步制作的黑色光效,设置图层混合模式为【柔光】,选择【滤镜-模糊-高斯模糊】设置模糊半径为7.8像素,如图所示。
4.选择左侧白色光效图层【复制图层 快捷键:Ctrl+J】,【自由变换 快捷键:Ctrl+T】拖动至桌面调整至合适的位置,设置图层混合模式为【柔光】,如图所示。
5.将上节课制作的详情页衔接处的矩形【复制图层 快捷键:Ctrl+J】并拖动至下方合适的位置,如图所示。
6.使用【椭圆工具 快捷键:U】绘制一个椭圆【填充】棕色后【复制图层 快捷键:Ctrl+J】将在上方的椭圆进行缩小,选择【减去顶层形状】后制作出第一层,如图所示。
7.选中中间的椭圆进行【复制图层 快捷键:Ctrl+J】并【合并形状】,再次对椭圆图层进行复制后缩小,将图层更改为不同的颜色便于区分,如图所示。
8.选择最外圈的椭圆图层1进行【复制图层 快捷键:Ctrl+J】并拖动至椭圆的最下方命名为3,【填充】不同的颜色便于区分,对图层复制并粘贴,【自由变换 快捷键:Ctrl+T】将图层向内缩小后【减去顶层形状】,如图所示。
9.接下来我们对圆环进行光影的处理,首先将椭圆1更改较亮的颜色,将图层2和3改过为较暗的颜色,如图所示。