淘宝天猫美工 第12章 婴儿用品店铺手机端页面设计.pptx

第12章 婴儿用品店铺手机端页面设计;12. 1手机端首页设计 手机端的手机设计相对于PC端的首页设计要简单得多， 同样可以在一个画面中进行设计，然后在装修的时候再去切 片或裁剪图片即可。下面便来制作婴儿用品的店铺首页，最 终效果如图12- 1所示。;先领券后购物;? STEP 1新建一个尺寸为750X 2500像素、分辨率为72 像素/英寸的的空白文件。 ? STEP 2拉出参考线确定轮播图的位置，这里直接从海报/ 轮播图开始制作，店招若有需要可以单独制作，如图12-2 所示。 ? STEP 3使用矩形工具绘制矩形，并填充为粉色，在绘制一 个矩形填充为更深一些的粉色，如图12-3所示。;图 12-2;? STEP 4为深粉色的矩形填充图层蒙版，再使用渐变工具 在图像上拖动，使矩形的下半部分透明显示，如图12-4 所示。 ? STEP 5在矩形1形状图层上方新建图层，使用白色的画 笔工具在左上角点击，绘制光源，可适当调整该图层的不 透明度，如图12-5所示。;图 12-4 图 12-5;? STEP6使用钢笔工具绘制路径，新建图层，然后使用6 像素的白色画笔对其进行无模拟压力描边，如图12-6所 示。 ? STEP7新建图层，将前景色设置为灰色，使用小一些的 画笔进行描边，如图12-7所示。;图12-6;? STEP 8选择灰色的描边图层，选择“滤镜/模糊/高 斯模糊”命令，在打开的对话框中设置模糊度，t调整位 置后按【Ctrl+Alt+G】 组合键创建剪贴蒙版，如图12-8 所示。 ? STEP9选择线条的两个图层，按【Ctrl+T】 组合键调整 角度，然后使用多边形形状工具绘制三角形，并为三角形 形状图层添加渐变叠加的图层样式，如图12-9所示。;? STEP 10复制一个三角形形状图层，更改渐变叠加的颜色。 新建图层，使用钢笔工具绘制路径，然后按【Ctrl+Alt+T】 组合键将路径向右复制，完成后按［Enter］后再按【Shift+ Ctrl+Alt+T】组合键复制路径，直接直接选择工具选择多个 路径，使用白色的画笔对其描边，如图12-10所示。 ? STEP 11将描边后的图层移动到相应位置，然后将下方的三 角形形状图层载入选区，反选选区，按【Delete】 键清除周 围像素，并合并这两个图层，如图12-11所示。;图12-10;? STEP 12分别将三角形变换到合适角度，再复制图层应用 变换，如图12T2所示。 ? STEP 13??白色的线条图层放置在三角形图层上方，新建 图层，设置相应的前景色，然后设置合适大小的画笔在相 应位置单击，然后为该图层创建剪贴蒙版，如图12-13所 示.。;图12-12;? STEP 14将所有三角图层创建为图层组，在图层组上新建 图层，设置前景色为深蓝色，使用柔角画笔沿边缘绘制， 最后为该图层创建剪贴蒙版，如图12-14所示。;? STEP 15将三角吊旗的所有图层创建为图层组，然后调整 复制图层组，分别将其到合适位置，如图12-15所示。;? STEP 16分别为图层组添加投影的图层样式，如图12-16;? STEP 17使用椭圆工具和矩形工具绘制椭圆和矩形，注意;? STEP 19选择下方的矩形和椭;? STEP 20选择上方的椭;? STEP 21新建图层，使用钢笔工具沿椭圆边缘绘制路径， 设置前景色为白色，设置画笔笔尖大小和形状，然后使用 画笔模拟压力描边路径，如图12-21所示。;? STEP 22选择下面的渐变颜色形状图层，将其载入选区后 新建图层，使用更深的蓝色画笔进行涂抹，如图12-22 刀.。;? STEP 23在整个立体图形下方新建图层，使用钢笔工具沿 边缘绘制路径，然后使用黑色的画笔对其进行无模拟压力 描边，再对该图层的不透明度进行调整，如图12-23所示。;? STEP 24再新建图层，使用画笔笔尖大小更小一些的黑色 画笔描边，并调整图层的不透明度，如图12-24所示。;像;? STEP 26在婴儿图层下方新建图层，使用黑色的画笔绘制 阴影，然后适当调整图层的不透明度，如图12-26所示。 ? STEP 27使用钢笔工具绘制路径，载入选区后羽化2像 素，新建图层并填充为黑色，再为图层添加图层蒙版，使 用渐变工具将一部分黑色变为透明，如图12-27所示。;像;? STEP 29使用相同的方法为产品绘制阴影，如图12-29 所示。;钢;? STEP 31分别为每个形状图层设置渐变叠加颜色，如图 12-31所示。 ? STEP 32将丝带的所有图层创建为图层组，然后复制图层 组并合并，将合并后的图层填充为黑色，并放置在丝带下 方，然后为其使用高斯模糊滤镜，并调整适当调整图层的 不透明度和位置，如图12-32所示。;? STEP 33使