网店美工实操第4章店铺装修整页设计.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 步骤 3 按M键选择矩形选框工具，设置工具属性栏的参数“样式”为固定大小、“宽度”为950像素、“高度”为150像素。在页面中单击鼠标左键，自动生成一个宽度为950像素、高度为150像素的矩形选框，如图4-52所示。 * * * * * * * * * * * * * * * * * * * * * * * * * * * * 以下是整页页面设计过程中常用到的代码色号。 主色调：代码色号#ffffff（白色） 辅助色：代码色号#93d046 对比色：代码色号#f55f77 模块边框：代码色号#e7e7e7 * * * * * * * * * * * * * * * 步骤 5 在“椭圆选框工具”工具属性栏中，设置“样式”为“固定大小”、宽度为30像素、高度为30像素，在页面中单击鼠标，就会显示一个30像素×30像素的圆形选框，如图4-26所示。 页面尺寸是90像素×90像素，将圆形选框设置为30像素，可以在页面上横向平铺3个30像素宽度的圆形框。 * 步骤 7 在弹出的“描边”对话框中进行参数设置。 “宽度”为1像素，“颜色”选择白色或输入“#ffffff”，“位置”选择“内部”，圆形选框尺寸是30像素×30像素，如选择“居外”，将在圆形选框外沿增加1像素的宽度边框，整个圆形框尺寸就变成31像素×31像素。 为了保持圆形选框尺寸不变，所以选择内部增加边框。其他设置选择默认值。 * 步骤 8 按快捷键V切换为“移动工具”，按住快捷键Alt+Shift，在白色圆形上按住鼠标左键水平拖动圆形，在水平位置复制一个相同的圆形，复制出的新圆形左侧需与第一个圆形右侧相契合。松开快捷键Alt+Shift与鼠标，完成复制。在“图层”面板中会自动生成此圆形的新图层，如图4-29所示。 * * 步骤 10 在“图层”面板中，按Ctrl键点选第一排3个圆形的图层，单击“图层”面板右上角的小三角，在弹出的下拉菜单中选择“合并图层”或按快捷键Ctrl+E，将这3个圆形的图层合并，如图4-31所示。将第二排的圆形图层也合并为一层。 * 步骤 11 选中第一排3个圆形的图层，选择“编辑”→“自由变换”命令或按快捷键Ctrl+T将第一排3个圆形选中，选框左右2个小方块即3个圆形的水平中心点，建立一条参考线在水平中心点上，如图4-32所示。 * 步骤 12 按Esc键退出自由变换选框。按M键选择 “矩形选框工具”，在页面上绘制矩形框，将第一排和第二排圆形重叠的部分框选，如图4-33所示。按Del键将被选中的第一排圆形框部分删除，将第二排圆形做相同操作。 * 30像素的正圆形，删除下半部分的15像素后，在90像素的页面中，纵向排列正好可以排成6排。背景图平铺使用时需要左右以及上下拼接，因此在复制垂直半圆时注意左右图案和上下图案对称。 * * 步骤 3 设置宽度为955像素，高度为90像素的矩形选框，按快捷键M在工具属性栏中设置“样式”为固定大小、“宽度”为955像素、”高度”为90像素。单击页面，会自动出现一个955像素×90像素的矩形选框，如图4-37所示。 * * * * * * * 4.4 其他部分 4.4.8大图商品展示 步骤 11 打开一张商品图，将商品图片略微缩小到适当大小。 步骤 12 使用“矩形选框工具”在商品图片上，绘制一个470像素×230像素的矩形选框，并将矩形选框移动到画面上合适的位置，如图所示。 4.4 其他部分 4.4.8大图商品展示 步骤 13 按快捷键Ctrl+Shift+I反选功能，选取矩形选框以外的画面，按Del键将不需要的画面删除，如图所示。 4.4 其他部分 4.4.8大图商品展示 步骤 14 打开另外一张商品图，按以上步骤达到同样的效果，如图所示。 4.4 其他部分 4.4.8大图商品展示 步骤 15 使用“矩形选框工具”绘制一个宽度为130像素，高度为25像素的矩形选框，并将其填充代码色号为# 373737。将填色后的矩形选框水平复制，移动到与商品图右侧齐平的位置，如图所示。 4.4 其他部分 4.4.8大图商品展示 步骤 16 单击“横排文字工具”输入商品介绍的文字内容，调整文字的大小、颜色等。文字移动到画面中规划好的位置，如图所示。 4.4 其他部分 4.4.9自定义栏目 操作步骤如下。 步骤 1 添加2条参考线，将模块的放置区域划分出来，如图所示。 4.4 其他部分 4.4.9自定义栏