b项目二任务2课件.pptx

项目 二任务二 美化店铺1 网店招牌内容导航2 网店首页首屏海报3网店通用小素材实战训练31、 网店招牌l在制作网店招牌前，我们需要将素材库中的字体，复制粘贴至系统盘（通常系统盘为C盘）“WINDOWSFonts”，这样我们可以制作出更丰富的文字效果。l在美化店铺之前，我们必须先了解淘宝网店的功能模块。实训准备41/网店招牌1、新建空白画布51、网店招牌2、选择“圆角矩形工具”61、网店招牌3、绘制正圆形71、网店招牌4、插入素材照片81、网店招牌l步骤5：在图层面板中，确保素材图层在图层1之上。按住Alt键，将鼠标放置在两图层之间，待鼠标指针变成两个交集圆圈时，单击左键，此时可以将适合素材图收于图层1之中5、将素材图收于图层1之中 91、网店招牌l步骤6：在图层面板单击“添加图层蒙版”，为素材图添加蒙版6、添加蒙版101/网店招牌7、设置颜色模式111、网店招牌8、添加“购物时光 Shopping time”文字121、网店招牌9、绘制两个正圆131、网店招牌l步骤10：将两张素材图片“布艺娃娃”、“花抱枕”分别拖入画布内。确保图层“布艺娃娃”在图层2上方，按住键盘上的Alt键，将鼠标放置在两图层之间，待鼠标指针变成两个交集圆圈时，单击左键，可以将适合素材图收于图层2之中。对“图层花抱枕”进行同样操作，此时图层面板。l 10、插入素材141、网店招牌11、绘制三个圆角矩形151、网店招牌l步骤12：选择工具栏中的“形状工具”“自定义形状工具”，在界面上方“自定义形状”的下拉窗口中找到所需要的图形，此时将前景色设置为白色，然后在对应窗口进行绘制。l步骤13：选择工具栏中的“文字工具”，在每个圆角矩形下方添加文字，分别为“品质保证”“优质服务”“实物拍摄”。招牌的最终效果图16l使用 Photoshop还可以实现店招的哪些动态效果？共同思考171 网店招牌内容导航2 网店首页首屏海报3网店通用小素材实战训练182.网店首页首屏海报1.新建画布步骤1：新建画布，宽度为950像素，高度为550像素。选择工具栏中的“形状工具”“椭圆工具”，开始绘制椭园。颜色为灰色（或调成适合网店的色彩），按住CtrlT组合键调整椭圆形状，并移动椭圆置于画面的最上方露出一半的位置。192.网店首页首屏海报2、设置“内发光”数值步骤2：在图层面板双击椭圆所对应的图层，选择“图层样式”“内发光”，具体数值如图所示。202.网店首页首屏海报3、设置渐变和投影效果。 步骤3：在图层面板，复制一个相同的椭圆图层。双击新建的椭圆图层，对该图层取消“内发光”效果；设置浅灰到白的“渐变叠加”；设置“投影”效果，参数可自行设置 212.网店首页首屏海报4、制作灯泡效果步骤4：在图层面板，新建一个组并命名为“灯光”，在组中，用“椭圆选框工具”画个灰色的小椭圆，复制该小椭圆，并设置“颜色叠加”白色，调整两个小椭圆的位置，使两个椭圆呈现出如下灯泡的形状。复制两次“灯光”组。调整三个组的位置，使三个灯泡平均分布在画布的天花板上。222.网店首页首屏海报5、制作光线步骤5：在工具面板调出“钢笔工具”，画出如下类似等腰的梯形。用鼠标在路径上单击右键，在弹出的快捷菜单中，选择“建立选区”，并“新建个图层”，命名为“光线”将此选区填充成白色232.网店首页首屏海报6、灯光效果步骤6：为了更好地看到效果，可以选择隐藏底图，或者将底图填充成其他颜色。在图层面板双击该“光线”图层，选择“图层样式”“外发光”，将混合模式改成“滤色”，调整“不透明度”为75，做出如下灯光照射的效果242.网店首页首屏海报7、制作光束步骤7：将上面“光线”图层复制一次。选中新复制的光线，用CtrlT组合键自由变换工具对形状进行往中心点缩小的调整，使光线呈现以下两层散开的效果。此时，一道完整的光束制作完成步骤8：将完整的光束对应的图层复制两次。调出“移动工具”，调整这三道光束图层位置，使画面呈现如下效果。在图层面板把这三道光束的相关图层选中（辅助按住Ctrl键可同时选择多个图层），单击右键，在弹出的快捷菜单中选择“合并图层”252.网店首页首屏海报9、制作光影效果步骤9：在图层面板选择合并后的图层，在面板底部选择“添加图层蒙版”。在工具栏中选择“渐变工具”，将渐变色调成由白到黑的渐变。以光束最上方为起点，从上至下垂直拉出一条渐变条（辅助按住Shift键保证垂直），做出如下光线由明显至浅淡的效果。如果觉得光线仍然太明显，可以将该图层的“不透明度”改为75262.网店首页首屏海报10、制作两个椭圆步骤10：现在在海报的底部绘制一个立体的展示台。使用工具栏中的“形状工具”“椭圆工具”绘制一个椭圆。然后复制该椭圆，用CtrlT组合键自由变换工具对该椭圆进行同宽高比的缩小操作（在缩小过程中按住Shif键）27步骤11：双击新建的椭圆图层，调出“图层样式”“颜色叠加”成灰色，并添加“投影”效果，投影的参数如下，投影角度为120282930步骤14：选择“文字工具”，单击椭圆路径，写上适合的文字，如图1118所示。31步骤15：选择工具栏中的“路径选择工具”，将文字拖动到路径内。选中文字，将文字颜色改成黄色，如图1119所示。32步骤16：选择工具栏中的“形状工具”“椭圆工具”，新建一个组，在组里用“矩形选框工具”画一个白色矩形，如图1120所示。33步骤17：在图层面板双击刚绘好的白色矩形图层，调出“图层样式”窗口。添加“描边”描边的颜色可参考设置的背景色，“大小”为2像素，如图1121所示。34步骤18：新建组，在工具栏中选择“圆角矩形工具”，设置圆角的半径为5像素”，绘制圆角矩形，颜色为同描边一样的色调，如图1122所示。35l步骤19：新建组，选择“文字工具”，输入商品的文字信息，上排大字字号24号，下排小字字号18号。在区域内再新建一个正方矩形，颜色任意，方便后面置入商品图片，如图1123所示。36步骤20：复制两次组，调整三个组之间的位置，选择两侧的组，用CtrlT组合键自由变换工具对两个组进行缩小操作。为了使商品展示更有立体效果，可以将最大的白色矩形图层添加“投影”效果，如图1124所示。371 网上开店概述内容导航2 网络调研3网店通用小素材实战训练38价格促销栏 1/打开 Photoshop软件，选择“文件”“新建”，新建宽度为300像素，高度为300像素的空白画布。选择工具栏中的“形状工具”“圆角矩形工具”，设置半径为3像素绘出一个圆角矩形做背景框。选中圆角矩形图层，双击图层调出“图层样式”窗口，添加“投影”效果，如图1127所示。392）在工具栏中选择“形状工具”“椭圆工具”，颜色橙黄色，绘制如图1128所示矩形。403）在图层面板双击该圆角矩形图层，调出“图层样式”窗口，添加“描边”，描边参数如图1129和图1130所示。图1129选择“描边”414）维续对该图层设置“内发光”效果425）复制以上圆角矩形图层，取消“内发光”和“描边”效果。调出“图层样式”窗口，做出“颜色叠加”，叠加为白色。用CtrlT组合键自由变换工具将复制出的圆角矩形缩放至原来高度的50。436）将该图层“透明度”调整至50，此时一个水晶按钮完成。7）选择“文字工具”，输入和价格有关的文字，可以设置较大的字号。448）将按钮再复制一次，可实现如下效果。45装饰小图标1）打开 Photoshop软件，选择“文件”“新建”，设置画布宽度为300像素、高度为300像素。在工具栏中选择“多边形工具” 。462）设置多边形的边数为5，绘出如下多边形。473）双击多边形图层，调出“图层样式”窗口，用颜色“叠加工具”将五边形的颜色改成橙黄色。4）在工具栏中选择“矩形选框工具”，选择五边形上部分为选区。485）选择“编辑”“填充”，将以上的选区填充为橙黄色。496）将以上的图形复制一次，同CtrlT组合键自由变换工具将新复制的图形缩小。单击“编辑”“变换”“垂直翻转”，实现以下效果。507）双击下方多边形所在图层，调出“图层样式”窗口，添加“渐变叠加”效果。渐变的颜色为“深红”“大红”。518）在图层面板下方单击“新建图层”，在工具栏中选择“椭圆形选框工具”绘出正圆形选区，选择“编辑”“填充”，填充成白色。绘制正圆时需长按Shift键。529）修改圆形的“不透明度”，调整至40%。用工具栏中的“钢笔工具”选择超出的部分，单击右键将路径转化为选区，按 Delete键删除选区。图1146修改圆形的“不透明度”53选择工具栏中的“直线工具”，粗细为1像素，将前景色调成白色，绘制一条直线，如图1148所示。5411）为直线线图层添加“图层蒙版”。选中图层蒙版，选择工具栏中的“渐变工具”，出现“渐变编辑器”窗口，将渐变颜色调成“黑白黑”的渐变。在直线上从左到右拉出渐变条，直线效果如图所示。 5512）复制直线两次，用CtrlT组合键自由变换工具旋转直线，分别置于图标的左下角和右下角。5613）双击此图标上方的多边形图层，弹出“图层样式”窗口，设置“渐变叠加”效果，做出“深黄浅黄深黄浅黄深黄”的五色渐变。5714）将以上的多边形图层再复制一次，用CtrlT组合键自由变换工具将新复制的图层缩小，缩小过程中按住键盘上的Alt键和Shift键，可以保证按原宽高往中心缩小。5815）在图层面板为该多边形添加“图层蒙版”，在工具栏中选择“渐变工具”，渐变的颜色为“白黑”，方向为从上到下。这样便可实现该图层上方颜色淡，下方颜色明显的效果。16）使用工具栏中的“文字工具”输入“商城正品”，得到小图饰最终效果。 59实战训练1、根据自己店铺的特色，运用所学知识为店铺设计一个独具风格的网店招牌2、能对店铺进行基本设置3、根据所卖商品的特点，能设计出美观大方的店铺首页60谢谢观看美化店铺