资源简介

(共36张PPT)
网店美工与店铺装修
WANGDIAN MEIGONG YU DIANPU ZHUANGXIU
实践篇
第 5 章
视觉聚焦——店铺海报
5.1　认识店铺海报
5.3　店铺海报的构图方式
5.2　店铺海报的排版原则
5.4　设计与制作调味品店铺海报
5.3　店铺海报的构图方式
5.3　店铺海报的构图方式
图文居中式构图
（1）图文居中式。图文居中式是将画面中的图片、文案以画面的中轴线为参照居中对称排列的构图方式。这种构图方式不仅可以使画面平衡、稳定，还可以让视觉焦点集中到画面中间。
（2）平铺式。平铺式是将画面中的多件商品平铺排列，并保持间距相等，再将文案置于商品上方、下方或叠加在商品上的构图方式，适用于商品数量较多或展示一系列商品的海报。这种构图方式节奏感、秩序感强，能给人整洁、规范的感觉。
针织衫详情页效果
5.3　店铺海报的构图方式
两栏式构图
（3）两栏式。两栏式是将画面分为左右两部分，文案在左商品在右，或者文案在右商品在左的构图方式。这种构图方式具有稳定、平衡等特点。
5.3　店铺海报的构图方式
三栏式构图
（4）三栏式。三栏式是将画面分为左中右 3 个部分，一般文案在中间，商品在两边的构图方式。这种构图方式可使画面稳定、文案突出。
5.3　店铺海报的构图方式
（5）上下式。上下式是将画面分为上下两部分，文案在上商品在下，或者文案在下商品在上的构图方式。这种构图方式中的商品与文案各占据一部分，互不干扰，能清晰明了地传达出促销信息。
上下式构图
5.3　店铺海报的构图方式
满版式构图
（6）满版式。满版式是将元素铺满整个画面的构图方式。这种构图方式的视觉冲击力比较强，会给人丰富、饱满、舒展等感觉。
5.3　店铺海报的构图方式
课堂小结
5.4　设计与制作调味品店铺海报
5.4.1　设计调味品店铺海报
5.4.2　制作调味品店铺海报
本节以调味品店铺海报的设计与制作为例，学习店铺海报的设计技巧与制作方法。案例最终效果可参考本书配套素材“素材与实例”→“Ch5”→“调味品”文件夹中的“调味品店铺海报 .psd”文件。
调味品店铺海报效果
5.4　设计与制作调味品店铺海报
（1）内容安排。
（2）配色分析。
（3）确定构图方式。
5.4.1　设计调味品店铺海报
5.4.2　制作调味品店铺海报
步骤1　新建一个名为“调味品店铺海报”，宽度为1920像素，高度为540像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。
实用技巧
店铺海报包括常规海报和全屏海报，常规海报的宽度通常为950像素，高度自定（100像素～600像素）；全屏海报的宽度通常为1920像素，高度自定（基本不高于540像素），格式为JPG、PNG等。
步骤2　置入素材文件夹中的“背景 .jpg”文件。
置入素材文件
5.4.2　制作调味品店铺海报
设置渐变参数
5.4.2　制作调味品店铺海报
步骤3　新建一个名为“光影”的图层，选择“渐变工具” ，单击工具属性栏中的“径向渐变” 按钮 ，然后单击 按钮，打开“渐变编辑器”对话框，在其中设置渐变参数，设置完成后单击“确定”按钮。
步骤4　在图像编辑区顶部中间位置单击并按住鼠标左键向图像编辑区左下角拖动，创建径向渐变，然后设置“光影”图层混合模式为“颜色减淡”，此时图像中呈现出吊灯照射的光影效果。
创建径向渐变
5.4.2　制作调味品店铺海报
步骤5　置入素材文件夹中的“素材1.png”文件，然后设置其图层混合模式为“点光”，不透明度为26%，并将其移至合适位置。采用同样方法置入素材文件夹中的“素材2.png”文件，并设置其图层混合模式和不透明度。
置入素材并设置其图层混合模式和不透明度
5.4.2　制作调味品店铺海报
步骤6　置入素材文件夹中的“素材3.png”文件，将其移至合适位置并添加“投影”图层样式。
置入素材并为其添加“投影”图层样式
5.4.2　制作调味品店铺海报
步骤7　置入素材文件夹中的“素材4.png”文件，将其等比例放大后移至合适位置，采用步骤6 的方法为其添加“投影”图层样式（参数设置见图5-18）。采用同样方法在“素材4”图层下方置入素材文件夹中的“素材5.png”“素材6.png”“素材7.png”文件，并为它们添加“投影”图层样式。
设置“投影”图层样式参数
5.4.2　制作调味品店铺海报
置入多个素材并为其添加“投影”图层样式
步骤8　在“素材4”图层上方新建一个图层，采用步骤3～步骤4的方法在勺子上创建渐变色，降低其亮度。
创建渐变以降低勺子亮度
5.4.2　制作调味品店铺海报
步骤9　采用步骤8的方法在海报顶部创建渐变色，降低其亮度。
在海报顶部创建渐变以降低其亮度
5.4.2　制作调味品店铺海报
步骤10　置入素材文件夹中的“素材8.png”文件，将其适当放大后移至合适位置，然后为其添加图层蒙版，并使用黑色画笔涂抹不需要的部分。
利用图层蒙版功能去除不需要的部分
5.4.2　制作调味品店铺海报
步骤11　添加“调”文本，并设置其字体为禹卫书法行书简体，字体大小为174点，字体颜色为姜黄色（#d5cf9d）。采用同样方法添加“味”“香”“料”文本。
5.4.2　制作调味品店铺海报
添加文本并设置文本属性
绘制图形
5.4.2　制作调味品店铺海报
步骤12　选择“自定形状工具” ，单击工具属性栏中的“形状”按钮，并从打开的下拉面板中选择“横幅3” ，然后在“调味香料”文本下方绘制适当大小的图形，接着在工具属性栏中设置图形的填充色为红色（#731b12），描边为无。
步骤13　在绘制的图形上添加“天然·有机·美味·健康”文本，然后设置其字体为柳公权柳体，字体大小为36点，字体颜色为白色。
添加文本并设置文本属性
5.4.2　制作调味品店铺海报
步骤14　最后置入素材文件夹中的“年货节狂欢 .png”文件并移至合适位置，然后在“天然·有机·美味·健康”文本下方添加“全场满200元立减50 元”文本，并设置其字体为柳公权柳体，字体大小为20点。至此，本案例制作完成。
5.4.2　制作调味品店铺海报
本章实训 ——设计与制作女装店铺海报
设计与制作女装店铺海报
本实训以女装店铺海报的设计与制作为例，练习店铺海报的设计技巧与制作方法。案例最终效果可参考本书配套素材“素材与实例”→“Ch5”→“女装”文件夹中的“女装店铺海报 .psd”文件。
女装店铺海报效果
设计与制作女装店铺海报
（1）内容安排。
（2）配色分析。
（3）确定构图方式。
1．设计女装店铺海报
（1）新建一个名为“女装店铺海报”，宽度为 950像素，高度为400像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。
设计与制作女装店铺海报
2．制作女装店铺海报
（2）新建一个图层，并将其填充为红色，然后适当降低该图层的不透明度。
（3）新建一个图层，在图像编辑区右侧创建选区并填充为淡蓝色。
（4）在图像编辑区中间绘制一个适当大小的白色矩形。
设计与制作女装店铺海报
（5）在白色矩形中间绘制一个适当大小的红框。
绘制红框
（6）置入素材文件夹中的“素材 1.png”“素材 2.png”“模特 .png”文件，并将其移至合适位置。
设计与制作女装店铺海报
置入素材文件
（7）添加文本并设置文本属性，然后在文本下方绘制矩形装饰。
设计与制作女装店铺海报
作业布置
分析海报的设计与制作方法，并思考有哪些注意事项
谢谢观看

展开更多......

收起↑