網(wǎng)頁(yè)設(shè)計(jì)與制作（ps）
時(shí)間：2023-09-01 16:54:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-01 16:54:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
網(wǎng)頁(yè)設(shè)計(jì)與制作（ps）：
快捷鍵
文件- 打開文件:Ctrl+O
- 選擇不連續(xù)的多個(gè)文件:Ctrl+鼠標(biāo)單擊
- 選擇連續(xù)的多個(gè)文件:Shift+鼠標(biāo)單擊
- 存儲(chǔ):Ctrl+S
- 存儲(chǔ)為:Ctrl+Shift+S
- 存儲(chǔ)為web所用格式:Alt+Shift+Ctrl+S
自由變換:Ctrl+T
繪制等比例選框:Shift+鼠標(biāo)拖曳
復(fù)制:Ctrl+C
粘貼:Ctrl+V
新建:Ctrl+N
畫布大小Ctrl+Alt+C
切換輸入法:Ctrl＋Shift
切換大小寫:Caps Lock
縮放 抓手工具選區(qū)- 取消選區(qū):Ctrl+D
- 反選:Ctrl+Shift+I
標(biāo)尺
- 顯示/隱藏標(biāo)尺:Ctrl＋R
- 顯示/隱藏參考線:Ctrl＋H
- 修改參考線顏色和樣式:Ctrl＋K
圖像- 色階:Ctrl+L
- 曲線:Ctrl+M
- 色相/飽和度:Ctrl+U
圖層- 復(fù)制圖層:Ctrl+J
- 移動(dòng)復(fù)制:Alt+鼠標(biāo)移動(dòng)
- 選中連續(xù)中間圖層:Shift+單擊最上面圖層+單擊最下面圖層
- 選中不相鄰圖層:Ctrl+單擊
合并圖層- 合并圖層:Ctrl+E
- 選擇單個(gè)圖層:與下方圖層合并
- 選擇多個(gè)圖層:合并所選圖層
- 圖層－合并可見圖層:Ctrl＋Shift＋E
- 圖層－拼合圖像:合并所有圖層為背景層（隱藏狀態(tài)下的圖層將被丟棄）
鋼筆工具- 新建錨點(diǎn):鼠標(biāo)單擊
- 微調(diào)錨點(diǎn)位置:鍵盤方向鍵
- 錨點(diǎn)/角點(diǎn)轉(zhuǎn)換:Alt+鼠標(biāo)左鍵
- 選中所有錨點(diǎn):Ctrl+Alt+鼠標(biāo)左鍵
- 新建水平/垂直錨點(diǎn):Shift+鼠標(biāo)左鍵
- 移動(dòng)錨點(diǎn):Ctrl+鼠標(biāo)左鍵
- 將路徑轉(zhuǎn)化為選區(qū):Ctrl+回車
魔棒工具- 魔棒工具:G
- 添加選區(qū):Shift+單擊
- 減去選區(qū):Alt+單擊
- 相交選區(qū):Shift+Alt+單擊
常用圖片規(guī)格
店標(biāo):80×80px，大小80kb以內(nèi)
店招:950×120px，大小80kb以內(nèi)
導(dǎo)航條:950×30px
海報(bào)圖片（首頁(yè)）:基礎(chǔ)版750×600px以下，專業(yè)版950×600px以下，代碼 寬度1920px以下
商品展示圖:400×400px，大小500kb以內(nèi)，放大鏡效果700×700px
商品詳情圖:寬750px，高不限
手機(jī)端商品詳情:寬480-620px之間，高小于等于960px
手機(jī)端店標(biāo):280×50，大小10kb以內(nèi)
操作步驟
打開文件
啟動(dòng)Photoshop CS6－“文件－打開”－“打開”對(duì)話框－打開“圖片名稱.jpg”素材圖片
雙擊界面空白處－“打開”對(duì)話框－打開“圖片名稱.jpg”素材圖片
新建文件
“新建”對(duì)話框－設(shè)置大小，分辨率，顏色，背景
打開素材文件
打開素材文件“素材.”－移動(dòng)復(fù)制到文件中，并調(diào)整大小和位置（－將圖層移動(dòng)到“圖層”下面－將圖層重命名為“素材”）
復(fù)制圖層
在圖層面板，將圖層直接拖動(dòng)到“新建圖層”上
右鍵單擊圖層名稱，“圖層－復(fù)制圖層”
選中圖層－Ctrl+J
保存圖像
“文件－存儲(chǔ)為”－“存儲(chǔ)為”對(duì)話框－輸入文件名，設(shè)置文件格式－分別保存為PSD格式和JPEG格式（品質(zhì)10）
圖像“圖像－調(diào)整－色階”－“色階”對(duì)話框－調(diào)整“輸入色階”和“輸出色階”（陰影、中間調(diào)、高光）
“圖像－調(diào)整－曲線”－“曲線”對(duì)話框－調(diào)整曲線形狀（從陰影到高光）
“圖像－調(diào)整－色相/飽和度”－“色相/飽和度”對(duì)話框－調(diào)整相關(guān)數(shù)據(jù)（色差調(diào)整）
“圖像－圖像大小”－調(diào)整參數(shù)
“圖像－畫布大小”－調(diào)整參數(shù)
工具“修補(bǔ)工具”－拖曳鼠標(biāo)圈選污點(diǎn)區(qū)域－生成選區(qū)－選中選區(qū)并按住鼠標(biāo)不放－將選區(qū)拖曳到其他干凈的區(qū)域－松開鼠標(biāo)－（Ctrl+D）取消選區(qū)（處理污點(diǎn)圖片）
“文字工具”－設(shè)置字體，大小，顏色，字間距，行距－輸入文字－調(diào)整位置和方向
“橡皮擦工具”－在工具選項(xiàng)欄中選擇“柔邊形40像素”，硬度－擦除部分圖像
“抓手工具”按住鼠標(biāo)并拖曳－調(diào)整圖像的顯示位置
“油漆桶工具”－設(shè)置前景色－填充背景圖層
裁剪工具
- “裁剪工具”－拖動(dòng)裁剪輔助線調(diào)整窗口大小－回車（使用修補(bǔ)工具修補(bǔ)缺失部分）
- “裁剪工具”－設(shè)置參數(shù)－拖曳圖像到裁剪框內(nèi)－回車
繪制形狀
“矩形工具”－工具選項(xiàng)欄中選擇“形狀”－設(shè)置填充顏色，描邊－繪制形狀（－復(fù)制形狀－水平翻轉(zhuǎn)到右邊位置）
“橢圓工具”－設(shè)置填充顏色，描邊，大小，描邊選項(xiàng)（虛線）－繪制圓形
“圓角矩形工具”－設(shè)置填充顏色，描邊，描邊寬度－繪制形狀
“橢圓選框工具”－按住Shift繪制圓形－填充顏色－調(diào)整位置和大小
“畫筆工具”－設(shè)置畫筆大小－繪制圖形
“多邊形選擇工具”－設(shè)定圖形邊數(shù)－繪制圖形－“直接選擇工具”進(jìn)行變形
“橢圓工具”－繪制圓形－“畫筆工具”－選擇“柔圓邊”，設(shè)置大小，硬度，前景色－路徑面板－右鍵選擇－“描邊路徑”（無(wú)其他路徑存在）
繪制直線
“直線工具”－設(shè)置填充顏色，描邊，描邊寬度，描邊選項(xiàng)（虛線種類），粗細(xì)－按住Shift鍵繪制直線（－復(fù)制直線－移動(dòng)到右邊位置）
“鉛筆工具”－設(shè)置大小，前景色，硬度，鉛筆類型，模式類型－新建文件并繪制直線
“畫筆工具”－工具選項(xiàng)欄－“畫筆預(yù)設(shè)”－右上角按鈕－“方頭畫筆”－“追加”－單擊確定－設(shè)置畫筆筆尖形狀，前景色－新建圖層－繪制直線
“矩形選框工具”－繪制直線
繪制選區(qū)
“矩形選框工具”－繪制選區(qū)并填充顏色
“多邊形套索工具”－繪制選區(qū)并填充顏色
摳圖“矩形選框工具”－繪制選區(qū)
“多邊形套索工具”－繪制選區(qū)
“鋼筆工具”繪制路徑－“轉(zhuǎn)換點(diǎn)工具”和“直接選擇工具”對(duì)路徑進(jìn)行調(diào)整－（“Ctrl+回車”）“路徑”面板，單擊“將路徑作為選區(qū)載入”－（Ctrl＋J）“移動(dòng)工具”把圖片復(fù)制移動(dòng)到新的文件中（－隱藏背景圖層）
“魔棒工具”－“連續(xù)”未勾選－在空白處單擊－“選擇－反向”－“移動(dòng)工具”
圖層“圖層－圖層樣式－混合選項(xiàng)”－“圖層樣式”對(duì)話框－勾選“樣式”選項(xiàng)并設(shè)置參數(shù)
“圖層－合并圖層”
“圖層－創(chuàng)建剪貼蒙版”
其他
修改圖片大小“圖像－圖像大小”－“裁剪工具”
修改文件大小“圖像－畫布大小”－“文件－存儲(chǔ)為web所用格式”－修改格式參數(shù)
倒影復(fù)制圖層－對(duì)圖層副本進(jìn)行自由變換－“編輯－變換－垂直翻轉(zhuǎn)”－將圖層副本移動(dòng)到圖層下面－“圖層”面板－不透明度20％－“矩形選框工具”－“羽化”10px－將多余部分刪除
自由變換（Ctrl+T）“編輯－自由變換”－按住Shift+鼠標(biāo)選中任意角進(jìn)行拖動(dòng)
（Ctrl+T）“自由變換”－鼠標(biāo)移至對(duì)角線－鼠標(biāo)指針變成旋轉(zhuǎn)雙箭頭－按住鼠標(biāo)左鍵并拖曳－調(diào)整合適的圖片角度－回車鍵裁剪（調(diào)整角度）
放大“縮放工具”－屬性欄“放大”－“抓手工具”按住鼠標(biāo)并拖曳－調(diào)整圖像的顯示位置
標(biāo)尺“視圖－標(biāo)尺”－按住鼠標(biāo)左鍵拖動(dòng)，新建參考線
“視圖－新建參考線”－設(shè)置位置
“編輯－首選項(xiàng)－參考線”－設(shè)置參考線的顏色和樣式
填充顏色“鋼筆工具”繪制路徑－“轉(zhuǎn)換點(diǎn)工具”和“直接選擇工具”對(duì)路徑進(jìn)行調(diào)整－（“Ctrl+回車”）“路徑”面板，單擊“將路徑作為選區(qū)載入－新建圖層－填充顏色
創(chuàng)建按鈕新建圖層－“圓角矩形工具”－設(shè)置無(wú)填充顏色，描邊顏色－繪制按鈕
平均分布虛線“移動(dòng)工具”－按住Shift鍵拖動(dòng)其中一條虛線－同時(shí)選中所有虛線圖層－屬性欄“垂直居中分布”按鈕－調(diào)整虛線的位置
文字對(duì)齊“文字－轉(zhuǎn)換為段落文本”－段落面板“全部對(duì)齊”/“右對(duì)齊文本”－用空格鍵調(diào)整
移動(dòng)文字“魔棒工具”－選取文字－移動(dòng)文字
文字變形“文字－文字變形”－在“文字變形”對(duì)話框中調(diào)整參數(shù)
形狀變形“直接選擇工具”－調(diào)整形狀－進(jìn)行拼接－填充顏色
陰影“橢圓選框工具”－繪制選區(qū)－羽化－填充顏色－不透明度40％（－將陰影圖層移動(dòng)到下一層，并調(diào)整位置和大?。?br>
漸變“加深工具”－設(shè)置筆刷大小－在選項(xiàng)欄中設(shè)置范圍“中間調(diào)”，曝光度“13％”－在區(qū)域內(nèi)涂抹
文字效果圖層樣式－“漸變疊加”－設(shè)置參數(shù)－單擊確定
模糊效果“濾鏡－模糊－高斯模糊”－設(shè)置半徑值（設(shè)置不同的半徑值，并調(diào)整方向和大?。?br>
光暈效果濾鏡－“渲染－鏡頭光暈”－設(shè)置參數(shù)－單擊“確定”（需要先合并圖層）
在線咨詢