项目四 任务 2 网店店招的设计ppt课件.pptx

项目四 任务 2 网店店招的设计XIANG MU YI0102030405项目四 任务 2 网店店招的设计项目四 任务 2 网店店招的设计学习目标 能熟练使用矩形工具和文字工具设计店招背景。 能熟练使用“置入嵌入的智能对象”命令。 掌握图层在店招设计与制作中的应用。 熟悉对齐与分布的类型。项目四 任务 2 网店店招的设计任务分析u 店招就是商店的招牌，网店店招主要用于展示店铺名称和经营特色，宣传店铺。u 店招设计与制作要做到新颖、醒目、简明，既要做到引人瞩目，又要与店面设计融为一体，制作成与经营内容一致的形象或图形，增强招牌的感召力，给人以完美的外观形象。u 本任务要求为网店“汇精展示用品”设计店招。项目四 任务 2 网店店招的设计任务分析u 网店中的店招设计十分重要。店招如果设计得好，可以为店铺的转化率带来很多的流量，并且提升网店的影响力。u “汇精展示用品”店招设计主要由矩形背景图、店标 LOGO、小图标和文字说明组成。u 在使用 Photoshop 进行设计时，首先使用矩形工具和移动工具制作背景外形，置入不同的背景图片制作背景，然后导入店标和小图标，最后添加说明文字。u 本任务学习的重点是店招设计的要点和基本思路。项目四 任务 2 网店店招的设计任务实施1新建图像文件单击“文件”菜单中的“新建”命令，弹出“新建”对话框，设置宽度为 950 像素，高度为 150 像素，分辨率为 72 像素 / 英寸，颜色模式为 RGB 颜色、8 位，背景内容为白色。项目四 任务 2 网店店招的设计任务实施2制作背景（1）单击工具箱中的“油漆桶工具”按钮，单击“设置前景色”按钮，设置颜色为#ebece6，填充背景为浅灰色，如图所示。项目四 任务 2 网店店招的设计任务实施2制作背景（2）新建图层 1，单击工具箱中的“矩形工具”按钮，在工具选项栏中设置模式为“形状”、颜色为 #1a305d，在画布上绘制一个矩形。按“ Ctrl+T”键，出现自由变换控件，按住“ Ctrl+Shift”键，选中矩形左上角的控点向右水平拖动鼠标，按“回车”键确定，效果图如图所示。项目四 任务 2 网店店招的设计任务实施2制作背景（3）按“Ctrl+J”键复制矩形 1 图层，生成“矩形 1 拷贝”图层。（4）单击“矩形 1”图层，设置前景色为 #a4c7e3，按“ Alt+Delete”键填充前景色。单击“移动工具”按钮，按键向左移动 10 像素（单独按“”键，二次移动 1px，按住“Shift”键，按“”键一次，移动 10 px），效果图如图所示。项目四 任务 2 网店店招的设计任务实施2制作背景（5）单击“背景”图层，新建图层，将图层名称命名为“素材 1”。单击“矩形 1 拷贝”图层，新建图层，将图层名称命名为“素材 2”，如图所示。（6）选中“素材 1”图层，单击“文件”菜单中的“置入嵌入的智能对象”命令，导入“素材 1”图片，调整图片大小和位置，按“回车”键确定。项目四 任务 2 网店店招的设计任务实施2制作背景（7）选中“素材 2”图层，单击“文件”菜单中的“置入嵌入的智能对象”命令，导入“素材 2”图片，调整图片大小和位置，按“回车”键确定。效果图如图所示。项目四 任务 2 网店店招的设计任务实施2制作背景（8）选中“素材 2”图层，按“ Ctrl”键单击图层面板中的“矩形 1 拷贝”图层缩览图，选“矩形 1 拷贝”图层选区，单击图层面板下方的“添加图层蒙版”按钮，为“素材 2”图层添加蒙版，效果图如图所示。（9）选中“素材 1”图层，在图层面板中设置不透明度为 75%。项目四 任务 2 网店店招的设计任务实施3导入店标（1）新建图层，图层名称为“ LOGO”，单击“文件”菜单中的“置入嵌入的智能对象”命令，导入“logo.png”店标图标。（2）按“ Ctrl+T”键，出现自由变换控件，按住“ Alt+Shift”键，向左上方拖曳右下方控点，使店标图标大小合适，按“回车”键确定。用移动工具将店标图标调整到合适的位置，如图所示。项目四 任务 2 网店店招的设计任务实施4输入文字（1）单击“横排文字工具”按钮，在工具选项栏中设置字体为方正大黑简体，大小为100 点，输入“汇聚精品 展示精彩”。若需调整文字大小，可以按“ Ctrl+T”键，出现自由变换控件，按住“Shift”键，拖曳四个顶角控点中的任意一个按比例放大或缩小。（2）单击“横排文字工具”按钮，选中“汇聚精品”，将文字颜色设置为 #1a305d；选中“展示精彩”，将文字颜色设置为 #ebece6。 （3）单击“横排文字工具”按钮，输入“专注于商品展示拍摄方案”，按“ Ctrl+T”键对文字进行自由变换，调整文字的大小和位置，将文字颜色设置为 #0d4f18，在切换字符和段落面板中调整字间距，如图所示。项目四 任务 2 网店店招的设计任务实施5导入小图标（1）新建 3 个图层，选中“图层 1”，单击“文件”菜单中的“置入嵌入的智能对象”命令，导入素材“小图标 -1.psd”，用同样的方法，分别导入素材“小图标 -2.psd”和“小图标 -3.psd”。（2）单击移动工具，按“ Ctrl+T”键，出现自由变换控件，在工具选项栏中单击“垂直居中对齐”按钮和“水平居中分布”按钮，将三个小图标移到合适的位置，如图所示。项目四 任务 2 网店店招的设计任务实施5导入小图标（3）单击“横排文字工具”按钮，在小图标对应的位置分别输入“专业厂家”“诚信经营”“品质保证”，字体为黑体，颜色为白色，用移动工具调整好文字的大小和位置，如图所示。项目四 任务 2 网店店招的设计任务实施6保存图像文件在图层面板隐藏背景后，单击“文件”菜单中的“存储为”命令，在弹出的对话框中选择以 PNG 格式保存。完成后退出 Photoshop CC 2015。项目四 任务 2 网店店招的设计注意事项1使用“自由变换”命令进行变换的操作方法：单击“编辑”菜单中的“自由变换”命令（或按“ Ctrl+T”键），出现自由变换控件，将光标移动到角点处的控制点上，当光标变成 后拖曳可以进行缩放，当光标变成 后拖曳可以进行旋转，按“ Ctrl”键拖曳控制点可以进行斜切、扭曲等操作。2使用“横排文字工具”创建的文字无法自动换行，需按“回车”键手动换行。3双击文字图层的缩览图即可选中该文字图层中的所有文字。4在文字输入的过程中，如果要移动文字的位置，可以将光标移动到文字的附近，当光标变为 后，按住鼠标左键拖曳调整文字的位置。项目四 任务 2 网店店招的设计相关知识一、网店店招的类型常见的有以下三种类型：（1）标准型：将店铺 LOGO、店名和主营业务等元素全部展示出来。（2）普通型：主要展示店名和商品关键词这两个元素，这样突出了销售产品。（3）营销型：主要展示品牌推广和主营业务，吸引买家点击浏览。项目四 任务 2 网店店招的设计相关知识二、对齐与分布在处理图像时，经常要将图像进行对齐和分布设置。在 Photoshop 中，图层的对齐方式分别有顶对齐、底对齐、左对齐、右对齐、垂直居中对齐和水平居中对齐。图层的分布方式有按顶分布、垂直居中分布、按底分布、按左分布、水平居中分布和按右分布。1对齐图层操作方法：若要对图层进行对齐操作，首先要选中多个需要对齐的图层，单击“移动工具”按钮，在工具选项栏中选择相应的对齐按钮进行设置，如图所示。项目四 任务 2 网店店招的设计相关知识2分布图层分布是将所选的图层以上下、左右两端的对象为起点和终点，将所选图层在此范围内的图像进行均匀的排列，得到图层之间距离相等的效果。操作方法：选中要进行分布的图层，单击“移动工具”按钮，在工具选项栏中选择相应的分布按钮进行设置。项目四 任务 2 网店店招的设计思考练习一、操作题试为一家流行鞋网店设计一个店招。二、简答题1为图层添加蒙版，如何显示和隐藏图层中的局部内容？2如何将对象居中对齐和平均分布间距？3可以使用哪些工具来移动路径和形状并调整它们的大小？项目四 任务 2 网店店招的设计小清新谢谢!项目四 任务 2 网店店招的设计