项目四---任务-2-网店店招的设计.pptx

单击此处编辑母版标题样式,编辑母版文本样式,第二级,第三级,第四级,第五级,项目四 任务 2 网店店招的设计,Photoshop,图像处理,项目,四,电商图像设计,项目四 任务 2 网店店招的设计,任务,1,网店店标设计,任务,2,网店店招的设计,项目四,XIANG MU YI,01,02,电商图像设计,任务,3,网店详情页设计,03,任务,4,霓虹灯字设计,04,任务,5,网店 Banner 设计,05,项目四 任务 2 网店店招的设计,任务 2 网店店招的设计,项目四,电商图像设计,项目四 任务 2 网店店招的设计,学习目标,能熟练使用,矩形工具,和,文字工具,设计店招背景。,能熟练使用“,置入嵌入的智能对象,”命令。,掌握,图层,在店招设计与制作中的应用。,熟悉,对齐与分布,的类型。,项目四 任务 2 网店店招的设计,任务分析,店招就是,商店的招牌,，网店店招主要用于展示店铺名称和经营特色，宣传店铺。,店招设计与制作要做到,新颖、醒目、简明,，既要做到引人瞩目，又要与店面设计融为一体，制作成与经营内容一致的形象或图形，增强招牌的感召力，给人以完美的外观形象。,本任务要求为网店“汇精展示用品”设计店招。,项目四 任务 2 网店店招的设计,任务分析,网店中的店招设计十分重要。店招如果设计得好，可以为店铺的转化率带来很多的流量，并且提升网店的影响力。,“汇精展示用品”店招设计主要由,矩形背景图,、,店标 LOGO,、,小图标,和,文字说明,组成。,在使用 Photoshop 进行设计时，首先使用,矩形工具和移动工具,制作背景外形，置入不同的背景图片制作背景，然后,导入店标和小图标,，最后,添加说明文字,。,本任务学习的重点是店招设计的,要点和基本思路,。,项目四 任务 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 网店店招的设计,