电子商务视觉营销
上QQ阅读APP看书,第一时间看更新

1.6.3 设计制作水果商品海报

步骤01 新建一个文件,图像大小为1920×650像素,分辨率为72像素/英寸,如图1-51所示。将文件存储为“水果商品海报.psd”,如图1-52所示。

图1-51 新建文档

图1-52 保存文件

提示:为了避免由于操作或者硬件的原因造成文件丢失,在新建文档后要及时保存文档。并在以后的制作过程中养成时刻保存文件的习惯。

步骤02 设置前景色为RGB(255,68,95),使用“油漆桶工具”在画布中单击填充画布,如图1-53所示。

图1-53 填充画布

提示:海报的主图为草莓,因此背景色使用了草莓的颜色。为了有所区分,降低了颜色的纯度。与草莓图像同色搭配时,既丰富又统一。

步骤03 打开文件“素材\第1章\雨点.jpg”,将该图片拖曳到“水果商品海报”设计文档中。调整图片位置,如图1-54所示。

图1-54 插入“雨点”图片

步骤04 打开“图层”面板,选中“雨点”图层,更改图层的混合模式为“滤色”选项,图像效果如图1-55所示,滤色“图层”面板如图1-56所示。

图1-55 图层混合模式效果

图1-56 滤色“图层”面板

步骤05 单击“添加图层蒙版”按钮,为“雨点”图层添加一个图层蒙版,设置前景色为黑色,并使用“画笔工具”在画布中进行涂抹,如图1-57所示,蒙版“图层”面板如图1-58所示。

图1-57 矢量蒙版效果

图1-58 蒙版“图层”面板

步骤06 新建图层,修改图层名称为“椭圆1”,设置前景色为白色,使用“画笔工具”在页面中单击,绘制如图1-59所示效果。设置该图层混合模式为“叠加”,完成效果如图1-60所示。

图1-59 绘制图形

图1-60 设置图层混合模式

步骤07 打开“素材\第1章\草莓.png”图片文件,将该图片拖曳到设计文档中,调整图片大小位置到如图1-61所示。为该图层添加图层蒙版,设置前景色为“黑色”,使用“画笔工具”在蒙版中绘制,修饰草莓边缘效果,完成效果如图1-62所示。

图1-61 导入图片

图1-62 修饰边缘

步骤08 新建图层,调整其顺序到草莓图层下。设置前景色为黑色,使用“画笔工具”绘制如图1-63所示效果。修改图层不透明度为46%,效果如图1-64所示。

图1-63 绘制草莓图阴影

图1-64 修改图层不透明度

步骤09 使用相同的方式,继续绘制阴影,效果如图1-65所示。使用“横排文字工具”在画布中依次输入文字,文字颜色为RGB(255,234,193),完成效果如图1-66所示。

图1-65 绘制阴影

图1-66 输入文字

提示:标题文字采用了临色搭配,并降低了黄色的纯度。页面主题清晰明确又不至于太刺眼。

步骤10 继续使用“横排文字工具”输入如图1-67所示文字。使用“矩形工具”绘制如图1-68所示的图形。新建一个图层组,并修改其名称为“文字”,将文字图层和形状图层都移动到该图层组中,如图1-69所示。

图1-67 绘制文字阴影

图1-68 使用“矩形工具”输入文字

图1-69 新建图层组

步骤11 单击“添加图层样式”按钮,为该图层组添加“投影”图层样式,设置各项参数如图1-70所示。将“素材\第1章\印记.png”图片文件打开并拖曳到设计文档中,页面效果如图1-71所示。

图1-70 图层样式

图1-71 合成图片素材

步骤12 新建一个名为“文字1”的图层组,将刚刚完成的“文字”图层组拖入到“文字1”图层组下,如图1-72所示。使用“横排文字工具”输入如图1-73所示文字。

图1-72 以“文字1”为名建图层组

图1-73 使用“横排文字工具”输入文字

步骤13 新建一个图层,使用“画笔工具”绘制如图1-74所示效果图像。选中该图层,执行“图层”→“创建剪贴蒙版”命令,效果如图1-75所示。

图1-74 绘制图像

图1-75 剪贴蒙版效果

提示:为文字添加剪贴蒙版,实现斑驳的文字效果,能增加页面的层次感。

步骤14 继续使用文本工具输入文本,并执行“编辑”→“自由变换”命令旋转文本,最终效果如图1-76所示。

图1-76 输入文本并旋转

提示:为了不影响标题。文本颜色选择了中性色——白色,既不影响整个页面的色调,又能清晰地表达文本的含义。

步骤15 继续使用相同的方法输入如图1-77所示文本,完成页面的制作。

图1-77 完成海报制作

提示:设计海报时,为了保证在大多数分辨率下都能够正确显示,海报的核心内容集中在页面中间,其他部分为纯色。当显示分辨率过大时,也能正确显示,不至于出现漏白的情况。

举一反三 设计制作冰激凌商品海报

设计制作水果商品海报后,接下来一起完成一个冰激凌商品海报的制作。该海报采用同色系搭配法,结构简单,主题明确。

步骤01 使用粉红色作为海报的背景,并创建同色圆环图形,完成背景图的制作,如图1-78所示。

图1-78 制作背景图

步骤02 将红色的核心图导入页面中,并摆放在页面的左侧黄金分割位置,如图1-79所示。

图1-79 导入核心图

步骤03 将文字图片导入页面中,摆放在页面的右侧位置,如图1-80所示。

图1-80 导入文字图片

步骤04 继续拖入图片素材,完成海报的制作,如图1-81所示。

图1-81 导入图片素材