網(wǎng)店裝修整頁設(shè)計

主色調(diào)：代碼色號  #ffffff（白色）  p124

輔助色：代碼色號  #93d046（綠色）

對比色：代碼色號   #f55f77（粉色）

模塊邊框：代碼色號  #e7e7e7（灰色）

頁面文件基礎(chǔ)：

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

1200寬度劃分三部分：125   950   125

950寬度劃分三部分：190  10  750

創(chuàng)建新組操作步驟：

1．打開PS，新建90*90，白色背景圖片，單擊“創(chuàng)建新組”按鈕

2．在新建組上單擊鼠標右鍵，選擇“組屬性”

3．修改名稱為“招牌”，顏色選黃色，確定

4．在設(shè)計制作過程中，每個模塊中的圖片，填充的色塊、文字、畫線等內(nèi)容，單獨放在一個圖層中

5．分辨組內(nèi)和組外圖層，選中招牌，新建圖層1，“圖層1”是包含在招牌組中的，選中背景圖層，新建圖層2，而“圖層2”則是單獨的圖層

6．選中招牌，創(chuàng)建新組，在新建組上單擊鼠標右鍵，選擇“組屬性”，名稱“190左側(cè)收藏模塊”，顏色紅色

7．選中背景圖層，新建圖層3，將“圖層3”拖至“190左側(cè)收藏模塊”組中，完成圖層歸組

頁面背景實操之一：

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

2．選中前景色“#e8e8e1”，用前景色填充背景圖層

3．新建圖層

4．選中“橢圓選框工具”，設(shè)置樣式為固定大小，寬度30，高度30，在頁面中單擊鼠標

5．選擇“編輯”——描邊，寬度為1像素，顏色選白色或輸入“#ffffff”，位置選內(nèi)部，確定

6．復(fù)制圖層1，復(fù)制圖層1，用移動工具移動白色圓圈，排成一排

7．復(fù)制4個圖層，排成第2排

8．選中第一排的3個圖層，擊右鍵，合并圖層

9．選中第二排的4個圖層，擊右鍵，合并圖層

10．新建位置15的水平參考線，選中第一排的圖層，用矩形選框工具，將第一排第第二排圓形重疊部分框選，編輯——刪除

11．選中第二排圖層，新建30的水平參考線，用矩形選框工具，選中重疊部分，編輯——刪除

12．按住CTRL鍵，選中第一排，第二排圖層，擊右鍵，合并圖層

13．復(fù)制合并后的圖層2次，垂直移動圖層

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

頁面背景實操之二

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

2．新建一條垂直參考線，視圖——新建參考線——垂直——位置處輸入1000

3．選擇矩形選框工具——樣式為固定大小——寬度為955，高度為90

4．新建圖層——將前景色和背景色設(shè)置為默認色——前景色與背景色進行對調(diào)——新圖層填充為白色

5．選擇——取消選擇

6．編輯——自由變換——按鍵盤上的方向鍵移動文件——單擊回車鍵

7．在白色矩形圖層上擊右鍵——混合選項

8．在“圖層樣式”面板中，勾選“投影”——雙擊投影——混合模式“正?！薄⒉煌该鞫?/span>15%、角度90，距離0、擴展2、大小27——確定

9．文件——打開——背景圖素材

10．拖動素材圖片到新建頁面中，放置在白色矩形的左側(cè)

11．將背景圖層（圖層2）移動至白色矩形圖層（圖層1）下面

12．復(fù)制圖層2，5次，移動各個圖層，拼接

13．選中圖層2到圖層2復(fù)本6——擊右鍵——合并圖層——復(fù)制合并后的圖層——添加右側(cè)的背景圖素材

圖層——合并可見圖層——文件——另存為——背景圖

文件——新建——名稱整頁設(shè)計2——寬度1200，高度1500——新建4條垂直參考線：分別在125，315，325，1075

14．背景圖拖動至整頁設(shè)計2頁面中

15．因為背景圖白色區(qū)域的寬度為955，移動背景圖使背景圖白色區(qū)域居中于“整頁設(shè)計2”頁面950像素參考線，左右白色區(qū)域?qū)⒙晕⒊?/span>950像素參考線外2.5像素。

16．復(fù)制圖層1多次，拼接完成背景圖——圖層——合并圖層

17．保存——整頁設(shè)計