1.3.4 课堂案例——制作淘宝主图

案例说明：某服装旗舰店为了在淘宝网中上架一款新T恤，需要将提供的素材制作成符合平台规则的主图文件（尺寸为800像素×800像素），且为了突出T恤本身，应尽量将T恤置于主图中央，参考效果如图1-43所示。

图1-43　参考效果

高清彩图

知识要点：打开文件；裁剪工具；“图像大小”命令；保存文件。

素材位置：素材\第1章\服装.png、背景.psd

效果位置：效果\第1章\淘宝主图.psd、淘宝主图.jpg

设计素养

在淘宝网中，主图是商品的第一展示窗口，其作用主要是“吸引、传达、点击、记忆”，商品页面顶部、搜索结果页、商品推荐页中都有显示主图。淘宝网要求主图大小不超过3MB，建议在200KB以内，格式一般为JPEG或PNG。PC端主图尺寸一般为800像素×800像素，移动端主图尺寸一般为600像素×600像素。

制作淘宝主图的具体操作步骤如下。

视频教学：
制作淘宝主图

步骤01 启动Photoshop，打开“背景.psd”素材，选择【文件】/【置入嵌入对象】命令，打开“置入嵌入对象”对话框，选择“服装.png”素材，单击按钮，拖动素材周围的定界框调整素材的位置和尺寸，按【Enter】键确认置入，效果如图1-44所示，此时画面四周仍有多余的图像，不符合淘宝主图的要求。

图1-44　置入素材

步骤02 在工具箱中选择“裁剪工具”，在工具属性栏的“比例”下拉列表中选择“1∶1（方形）”选项，此时可发现图像编辑区已出现方形裁剪框，将鼠标指针移至裁剪框中的图像中，按住鼠标左键不放向右轻微拖曳，以移动裁剪框中的图像，将商品图像置于裁剪框中央，如图1-45所示。

图1-45　裁剪图像

步骤03 按【Enter】键，将两边多余的图像裁剪掉，裁剪的效果如图1-46所示。

图1-46　裁剪的效果

步骤04 选择【图像】/【图像大小】命令，打开“图像大小”对话框，设置宽度、高度均为“800像素”，如图1-47所示。

图1-47　调整图像大小

步骤05 单击按钮，得到调整大小后的图像，然后选择【文件】/【导出】/【存储为Web所用格式（旧版）】命令，打开“存储为Web所用格式”对话框，在“预设”选项区域中设置格式为“JPEG”，其他参数设置如图1-48所示。单击按钮，打开“将优化结果存储为”对话框，在其中选择存储路径，将文件名、格式分别设置为“淘宝主图”“仅限图像”，单击按钮。最后按【Ctrl+S】组合键保存为PSD文件。

图1-48　导出主图

上一章目录下一章