商品详情

网店装修整页设计

主色调：代码色号  #ffffff（白色）  p124

辅助色：代码色号  #93d046（绿色）

对比色：代码色号   #f55f77（粉色）

模块边框：代码色号  #e7e7e7（灰色）

页面文件基础：

新建文件：宽度1200像素，高度1500像素，背景白色

1200宽度划分三部分：125   950   125

950宽度划分三部分：190  10  750

创建新组操作步骤：

1．打开PS，新建90*90，白色背景图片，单击“创建新组”按钮

2．在新建组上单击鼠标右键，选择“组属性”

3．修改名称为“招牌”，颜色选黄色，确定

4．在设计制作过程中，每个模块中的图片，填充的色块、文字、画线等内容，单独放在一个图层中

5．分辨组内和组外图层，选中招牌，新建图层1，“图层1”是包含在招牌组中的，选中背景图层，新建图层2，而“图层2”则是单独的图层

6．选中招牌，创建新组，在新建组上单击鼠标右键，选择“组属性”，名称“190左侧收藏模块”，颜色红色

7．选中背景图层，新建图层3，将“图层3”拖至“190左侧收藏模块”组中，完成图层归组

页面背景实操之一：

1．新建文件宽90，高90，分辨率72，白色

2．选中前景色“#e8e8e1”，用前景色填充背景图层

3．新建图层

4．选中“椭圆选框工具”，设置样式为固定大小，宽度30，高度30，在页面中单击鼠标

5．选择“编辑”——描边，宽度为1像素，颜色选白色或输入“#ffffff”，位置选内部，确定

6．复制图层1，复制图层1，用移动工具移动白色圆圈，排成一排

7．复制4个图层，排成第2排

8．选中第一排的3个图层，击右键，合并图层

9．选中第二排的4个图层，击右键，合并图层

10．新建位置15的水平参考线，选中第一排的图层，用矩形选框工具，将第一排第第二排圆形重叠部分框选，编辑——删除

11．选中第二排图层，新建30的水平参考线，用矩形选框工具，选中重叠部分，编辑——删除

12．按住CTRL键，选中第一排，第二排图层，击右键，合并图层

13．复制合并后的图层2次，垂直移动图层

14．保存——取名“背景图素材”

页面背景实操之二

1．打开PS，新建文件宽度2000，高度90，背景白色

2．新建一条垂直参考线，视图——新建参考线——垂直——位置处输入1000

3．选择矩形选框工具——样式为固定大小——宽度为955，高度为90

4．新建图层——将前景色和背景色设置为默认色——前景色与背景色进行对调——新图层填充为白色

5．选择——取消选择

6．编辑——自由变换——按键盘上的方向键移动文件——单击回车键

7．在白色矩形图层上击右键——混合选项

8．在“图层样式”面板中，勾选“投影”——双击投影——混合模式“正常”、不透明度15%、角度90，距离0、扩展2、大小27——确定

9．文件——打开——背景图素材

10．拖动素材图片到新建页面中，放置在白色矩形的左侧

11．将背景图层（图层2）移动至白色矩形图层（图层1）下面

12．复制图层2，5次，移动各个图层，拼接

13．选中图层2到图层2复本6——击右键——合并图层——复制合并后的图层——添加右侧的背景图素材

图层——合并可见图层——文件——另存为——背景图

文件——新建——名称整页设计2——宽度1200，高度1500——新建4条垂直参考线：分别在125，315，325，1075

14．背景图拖动至整页设计2页面中

15．因为背景图白色区域的宽度为955，移动背景图使背景图白色区域居中于“整页设计2”页面950像素参考线，左右白色区域将略微超出950像素参考线外2.5像素。

16．复制图层1多次，拼接完成背景图——图层——合并图层

17．保存——整页设计