1.4 课堂实训

1.4.1 合成水杯主图

1.实训背景

某淘宝店铺为促进水杯销售,需要更换主图。现要求根据提供的素材,快速合成一张主图效果,并导出为JPEG格式。

2.实训思路

(1)确定主图规格。不同的电商平台对主图的尺寸要求有所不同,淘宝主图通常会以正方形的形式展现,并且要求控制在800px×800px之内。因此,本例将新建一个800px×800px的空白文件。

(2)添加素材。通过置入文件的方法将需要的图片素材置入新建的文件中,然后进行排版设计。本例先添加背景到文件中,再调整大小使其适合新建页面,如图1-27所示,然后采用左文右图的排版方式,将商品素材置入右侧,调整其大小和位置,如图1-28所示。

(3)添加卖点信息。打开卖点信息所在文件,复制卖点信息并粘贴到主图左侧和下方。

(4)导出文件。为方便修改,将文件保存为Illustrator文件;为方便网店使用,再将文件导出为JPEG格式。

本实训完成后的参考效果如图1-29所示。

图1-27 添加背景

图1-28 置入商品素材

图1-29 参考效果

高清彩图

素材位置:素材\第1章\水杯主图\

效果位置:效果\第1章\水杯主图.ai、水杯主图.jpg

3.步骤提示

视频教学:合成水杯主图

STEP 01 启动Illustrator,选择【文件】/【新建】命令,打开“新建文档”对话框,在右侧的“预设详细信息”栏中设置名称为“水杯主图”、宽度和高度为“800px”,单击按钮新建文件。

STEP 02 选择【文件】/【置入】命令,打开“置入”对话框,选择“主图背景.jpg”素材,取消“链接”复选框,单击按钮,沿着画板大小拖曳鼠标指针置入背景,使背景覆盖画板。继续置入“水杯.png”图像素材,拖曳图像四角调整其大小,按住鼠标左键不放移动到主图右侧。

STEP 03 在“主图文案.ai”文件上双击鼠标左键将其打开,按【Ctrl+A】组合键全选,按【Ctrl+C】组合键复制,在“水杯主图.ai”标签上单击鼠标左键切换到“水杯主图”文件中,按【Ctrl+V】组合键粘贴。

STEP 04 调整文案位置,存储文件,然后选择【文件】/【导出】/【导出为】命令,打开“导出”对话框,设置导出文件的格式为“JPEG”,单击按钮,将文件导出为JPEG图片。关闭文件,完成本例的操作。

1.4.2 合成夏季果汁促销海报

1.实训背景

某线下店铺为促进商品销售,需要在门口的展架上悬挂夏季果汁促销海报,以吸引顾客进店消费。现要求根据提供的素材合成海报,合理排版背景、商品和文案,制作一幅画面清新、引人注目的夏季果汁促销海报。

2.实训思路

(1)版式设计。通过版式设计合理排版背景、商品和文案,突出画面的重心。本实训将文案作为重点展示内容,因此需要着重表现“文案”,这里考虑将文案放置在海报的中心,将商品和背景围绕文案排版,营造夏日促销氛围。

(2)背景合成。背景需要很多元素来合成,同时需要这些元素存在一定的联系,并自然地融合在一起。本实训置入的元素都与“夏日”有关,并且色彩搭配自然,如图1-30所示。

(3)文案搭配。文案是促销海报中重要的组成部分,既要烘托商品,又要展现促销信息。通过文本粗细、颜色、大小的组合和对比,文案排版既具有亲密感,又具有层次感,如图1-31所示。

(4)装饰设计。本实训中,文案在海报的焦点位置。为保证其视觉清晰和逻辑清晰,在文案底层添加了白色图形,以便与背景层相区分,使文案更引人注目。

本实训完成后的参考效果如图1-32所示。

图1-30 背景合成

图1-31 文案搭配

图1-32 参考效果

高清彩图

素材位置:素材\第1章\夏季果汁促销海报\

效果位置:效果\第1章\夏季果汁促销海报.ai、夏季果汁促销海报.jpg

3.步骤提示

视频教学:合成夏季果汁促销海报

STEP 01 启动Illustrator,选择【文件】/【新建】命令,打开“新建文档”对话框,在右侧的“预设详细信息”栏中设置名称为“夏季果汁促销海报”,然后设置宽度为“668px”、高度为“1000px”,单击按钮新建文件。

STEP 02 选择【文件】/【置入】命令,打开“置入”对话框,选择“夏季背景.jpg”素材,取消“链接”复选框,单击按钮,沿着画板大小拖曳鼠标指针置入背景,使背景覆盖画板。

STEP 03 置入剩余图像素材,拖曳图像四角调整其大小,然后调整其分布位置,将“果汁.png”“沙滩椅.png”图像移动到“不规则背景.png”图像下方。选中“不规则背景.png”图像素材,在控制栏中设置其不透明度为“79%”。

STEP 04 打开“夏季促销文案.ai”文件,按【Ctrl+A】组合键全选,按【Ctrl+C】组合键复制,单击“夏季果汁促销海报.ai”名称切换到“夏季果汁促销海报”文件中,按【Ctrl+V】组合键粘贴,调整文案位置。

STEP 05 存储文件。选择【文件】/【导出】/【导出为】命令,打开“导出”对话框,设置导出文件的位置,然后设置其格式为“JPEG”,单击按钮,将文件导出为JPEG图片。关闭文件,完成本例的操作。