如何使用photoshop制作網頁
很多朋友不知道用ps制作網頁的規範。下面介紹壹下。01打開電腦中的Photoshop界面。首先，我們創建壹個畫布，寬度為1200，任意高度，分辨率為72。
02畫布創建完成後，我們在1200px左右兩邊拉壹條輔助線固定。
03然後打開畫布大小，取消“相對”，寬度調整為1920px。
04設置好之後，在紅色區域，也就是1200px區域編輯設計就行了，看妳個人網頁設計能力。
Ps如何制作網頁？
1
新建壹個空白文件，打開“素材/網頁素材1.jpg”文件，使用“移動工具”將圖片移至當前畫布中，得到“圖層1”。使用“自由變換”調整大小。
2
使用“矩形工具”將網頁布局劃分、顏色白色RGB為（255.255.255）、設置圖層混合模式：投影
3
將形狀圖形載入選區。創建壹個新圖層“圖層2”，使用“漸變工具”顏色RGB為（178.178.178）（255.255.255）填充漸變效果
4
使用“移動工具”將導航條圖片移至當前畫布中，得到“圖層3”。使用“自由變換”調整大小
5
制作內容，打開“素材/網頁素材3.jpg、網頁素材4.jpg、網頁素材5.jpg、網頁素材6.jpg、網頁素材7.jpg”文件，使用“移動工具”將圖片移至當前畫布中，得到“圖層4”、“圖層5”、“圖層6”、“圖層7”、“圖層8”。使用“自由變換”調整大小。
6
使用“橫排文字工具”字體大小為14點、中文字體（幼圓）、顏色RGB為（143.86.46）輸入每部電影的名稱，效果如圖所示。
7
打開“素材/網頁素材8.jpg、網頁素材9.jpg、網頁素材10.jpg”文件，使用“移動工具”將圖片移至當前畫布中，得到“圖層9”、“圖層10”“圖層11”，使用“自由變換”調整大小。
8
使用“橫排文字工具”字體大小為18點、中文字體（黑體）、顏色RGB為（143.86.46）輸入每部電影。效果如圖所示。
9
打開“素材/網頁素材11.jpg”文件，使用“移動工具”將表格圖片移至當前畫布中，得到“圖層12”，使用“自由變換”調整大小。效果如圖所示。
10
使用“橫排文字工具”字體大小為18點、中文字體（宋體）、顏色RGB為（143.86.46）輸入數字制作選擇菜單。打開“素材/第9章/網頁素材12.jpg、網頁素材13.jpg”文件，使用“移動工具”將按鈕圖片移至當前畫布中，得到“圖層13”、“圖層14”，刪除不需要的背景，使用“自由變換”調整大小。
11
繪制矩形選區，單擊按鈕創建“圖層15”，使用“漸變工具”填充顏色RGB為（255.255.255）到透明的漸變效果。選擇“橫排文字工具”字體大小為16點、西文字體（Verdana）、顏色RGB為（255.255.255）輸入字體。
12
打開“素材/網頁素材14.jpg”文件，使用“移動工具”將標誌圖片移至當前畫布中，得到“圖層16”，使用“自由變換”調整大小。
13
使用“橫排文字工具”字體大小為40點、西文字體（LithosPro）、顏色RGB為（188.202.112）和（143.86.46）輸入標題文字。
如何用photoshop做網頁？
1.先用Photoshop做壹個網頁圖片；2.Ctrl+R調出標尺，在圖片上繪制表格，框選出要做鏈接的部分；3.使用切片工具，按照繪制的表格劃分切片4.以上步驟完成後，進行操作“文件”>“儲存為Web和設備所用格式”，在打開的窗口中按照自己的需要為網頁圖片作設置，設置完成後，“儲存”，保存類型“html和圖片”，切片“所有切片”。5.接下來用Dreamweaver打開html文件，為其作鏈接及其它。6.最後保存就完了。還不清楚的話可以Hi我！
使用PS制作網頁效果圖的思路流程？
1.打開PS新建壹個寬度為1920PX高度自定義（根據自己的需求來設定）分辨率為72，顏色模式為RGB/8位的文件
2.根據頁面需求建立頁面結構文件夾（方面頁面結構管理）
3.使用矩形根據頁面結構進行顏色填充劃分（小編以JD登陸界面為例）
4.各個結構部位細節劃分，小編以頭部區域為例
5.區域細節劃分結束後進行實際效果渲染
6.根據上壹步驟以此類推這樣就可以完成壹個效果圖。
PS圖頁設計步驟？
1、打開PS，新建空白文檔，名稱設置為“feifei工作室”，從預設大小下拉列表中選擇“1024x768”，模式設計為“RGB顏色”，內容設置為“白色”，點擊“好”按鈕完成文檔的創建工作。
2、新建壹名稱為“框架”的圖層，利用該圖層實際整個網頁的整體布局。首先選擇“矩形選擇工具”，然後將矩形的寬度設置為1024，高度設置為80，在文檔的上下兩側各框選壹部分內容並填充為黑色，從而使整個網頁呈現“寬屏幕”效果。
3、在背景圖層的上方新建壹新圖層，並命名為“背景顏色”。點擊“矩形選擇工具”，設置“寬度為400，高度為768。
4、然後在窗口的左側框選壹部分內容，填充壹種深綠色。然後點擊“矩形選擇工具”，設置“寬度為624，高度為768，然後在窗口的右側框選壹部分內容，填充壹種淺綠色。填充兩種顏色飽和度有壹點差別的顏色，目地是產生較為明顯的對比。
5、在“框架”圖層之上再新建壹圖層，名稱為“主體元素”。打開壹張事先準備好的百合花圖片，雙擊“背景”圖層將其轉換為“圖層0”，點擊“魔術棒”工具，在圖片白色區域內點擊，選擇白色區域後，按下DEL鍵刪除白色區域。
6、然後拖放圖片到圖層“主體元素”上，位置如圖所示。
7、然後選擇“矩形選擇工具”，設置“寬度為624，高度為768，然後在窗口中選擇花朵右側的壹部分內容，並調整其亮度和對比度，使花朵的左右兩側呈現明顯的對比。
8、對該頁面進行細節的調整，增加壹些導航欄，信息提示內容和版權信息等內容，最終制作完成的頁面如圖所示。
9、選擇“切片”工具，然後對內容進行切分。切分的好處是有利於文件在網絡上傳輸，同時在用切片工具劃分內容時最好將需要被文字內容替換的部分進行獨立分割。分割完成後的效果如圖所示。
用ps做好切片的網頁怎麽保存為web形式？
切好之後，點擊文件-儲存為web所用格式快捷鍵是alt+shift+ctrl+s希望可以幫助妳！