A03.8 综合案例——翻页效果

本综合案例完成效果参考如图A03-46所示。

操作步骤

01　新建一个Web文档，在【空白文档预设】中选择“网页-大尺寸”。使用【矩形工具】，在上方选项栏中设置任意填充色，【描边】为无，在图层列表中将当前矩形图层重命名为“前”，如图A03-47所示。

02　按Ctrl+J快捷键复制图层“前”，将新图层命名为“后”，在图层列表中将其移动到图层“前”的下方，双击图层“后”缩略图更改矩形颜色为另一任意色，如图A03-48所示。

03　在图层“前”中按Ctrl+T快捷键进行自由变换，在矩形中右击选择【变形】选项，如图A03-49所示。

04　拖曳如图A03-50所示的三个控制点，将矩形的右上角向中心移动，并调整边缘弧度。调整好后在选项栏中单击按钮提交操作。

05　在图层“后”中使用【直接选择工具】框选右上角，将控制点移动至上方的弧顶，若弹出如图A03-51所示的提示，单击【是】按钮即可，此时效果如图A03-52所示。

06　使用【添加锚点工具】在斜线上添加锚点，如图A03-53所示。

07　使用【转换点工具】单击刚刚添加的锚点将其转换为角点，再使用【直接选择工具】移动角点至下方的弧顶，如图A03-54所示。

08　按Ctrl+Shift+N快捷键新建图层，将其命名为“渐变”。再按Ctrl+Alt+G快捷键创建剪贴蒙版，如图A03-55所示。

09　在图层“渐变”中选择【渐变工具】，在选项栏中调整渐变颜色为灰色，并将渐变类型改为【对称渐变】，如图A03-56所示，在图中拖曳鼠标绘制渐变，如图A03-57所示。

10　在图层“前”上方新建图层并将其命名为“阴影”，调整【混合模式】为正片叠底，按Ctrl+Alt+G快捷键创建剪贴蒙版，如图A03-58所示。

11　在图层“阴影”中，选择【画笔工具】，在工具栏中设置【前景色】为深灰色（色值为R：38、G：38、B：38），在【常规画笔】中选择【柔边圆】，调整【大小】为80像素，【不透明度】为46%，【流量】为39%，【平滑】为10%，如图A03-59所示。

12　在重叠边缘拖曳鼠标绘制阴影，如图A03-60所示。

13　将本课配套素材“音乐海报”拖曳进画布，调整其大小及位置，在选项栏中提交操作。按Ctrl+Alt+G快捷键创建剪贴蒙版，如图A03-61所示，此时效果如图A03-62所示。

14　观察发现图层“阴影”没有展示出来，所以在图层列表中将图层“音乐海报”移动到“阴影”的下面，如图A03-63所示，此时效果如图A03-64所示。

15　在图层列表中选择图层“阴影”“音乐海报”“前”“渐变”“后”，按Ctrl+G快捷键编组并命名为“组1”。双击图层组“组1”，在【图层样式】对话框中选中并打开【投影】选项卡，将【混合模式】调整为正常，【颜色】为黑色，【不透明度】为18%，【角度】为128度，【距离】为11像素，【扩展】为21%，【大小】为21像素，如图A03-65所示。使用【矩形工具】的【形状】模式，在选项栏中设置【填充】为无，【描边】为10像素，选择点状虚线，将【圆角的半径】设置为22像素。这样翻页效果就制作完成了，如图A03-66所示。