
1.4.2 实现过程
本案例操作步骤如下。
(1)打开Photoshop CC,执行“文件”→“新建”命令(或者按快捷键<Ctrl+N>),创建一个宽度为800像素、高度为500像素、分辨率为72像素/英寸的文档。执行“文件”→“存储为”命令,将文件保存为“智能手表广告展示.psd”。
(2)按快捷键<Ctl+R>显示标尺,右击标尺区域将标尺显示方式设为“像素”,也可以执行“编辑”→“首选项”→“单位与标尺”命令,在打开的“首选项”对话框中设置标尺单位为“像素”。执行“编辑”→“填充”命令,在打开的“填充”对话框中将背景色设为浅灰色(#cccccc)。
(3)执行“视图”→“新建参考线”命令,添加4条水平参考线(位置分别为10像素、260像素、270像素、490像素),添加8条垂直参考线(位置分别为10像素、260像素、270像素、530像素、540像素、590像素、600像素、790像素),效果如图1-28所示。

图1-28 添加参考线后的页面效果
(4)使用“矩形选框工具”选择从坐标(10像素,10像素)到(260像素,490像素)的矩形选区,设置其前景色为白色(#ffffff),使用“油漆桶工具”
填充这个选区,效果如图1-29所示。
(5)采用同样的方法,依次使用“矩形选框工具”选择其他几个区域,使用“油漆桶工具”填充后的效果如图1-30所示。

图1-29 填充第一个矩形选区的效果

图1-30 填充所有矩形选区的效果
(6)执行“视图”→“显示”→“参考线”命令,或者按快捷键<Ctrl+;>将参考线隐藏。
(7)执行“文件”→“置入嵌入对象”命令,选择“智能手表广告展示”文件夹下的“素材”中的图片“1HUAWEI WATCH GT 2 PRO ECG金卡限定版.png”,将图片置入项目中,效果如图1-31所示。拖曳图像4角的任意一个点可以改变图像的大小、方向,调整后的图像,效果如图1-32所示。

图1-31 置入图片

图1-32 调整图像的大小和位置
(8)采用同样的方法,依次将“智能手表广告展示”文件夹下的图片“2HUAWEI WATCH GT 2运动款 曜石黑.png”“3HUAWEI WATCH GT 2 PRO时尚款.png”“4HUAWEI WATCH FIT雅致款.png”“5HUAWEI WATCH 3独立通话智能手表.png”置入项目并调整大小和位置,效果如图1-33所示。
(9)使用“横排文字工具”输入文本“HUAWEI WATCH GT 2 PRO ECG金卡限定版”,设置字体为“微软雅黑”、字体大小为“16像素”、文字颜色为黑色,调整文字的位置,效果如图1-34所示。

图1-33 添加所有图片后的效果

图1-34 填充文字后的效果
(10)依次添加其他产品的文字说明,最终的效果如图1-27所示。