互聯(lián)網(wǎng)從業(yè)者前端開發(fā)工程師該了解的Photoshop介紹和切圖技巧
時間：2023-07-06 10:36:01 | 來源：網(wǎng)站運營
時間：2023-07-06 10:36:01 來源：網(wǎng)站運營
互聯(lián)網(wǎng)從業(yè)者前端開發(fā)工程師該了解的Photoshop介紹和切圖技巧：點擊查看原文
Photoshop介紹Adobe Photoshop，簡稱"PS"，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。主要處理以像素所構(gòu)成的數(shù)字圖像(點陣圖，或者位圖)。它是世界頂級的圖像處理軟件，廣泛應(yīng)用于平面設(shè)計、網(wǎng)頁設(shè)計、婚紗影樓、UI設(shè)計等等。
Photoshop常用工具介紹1.整體界面介紹
2.文件打開和關(guān)閉(雙擊工作區(qū)打開圖像)
3.放大鏡工具(Ctrl+,Ctrl-)
4.手型工具(其他工具使用的同時按空格鍵)
5.移動選擇工具
6.圖層面板介紹
7.取色工具和前景色面板
8.矩形框選擇工具和裁切工具
Photoshop常用切圖和修圖方法1.切片工具和切片選擇工具(C快捷鍵，shift+C切換)
2.存儲為web所用格式用法介紹
3.常用修圖方法(移去圖像中不需要的內(nèi)容)：
a.隱藏圖層
b.選區(qū)拖動覆蓋
網(wǎng)頁制作常用圖片格式網(wǎng)頁制作常用的圖片格式為：jpg、gif、png。
網(wǎng)頁效果圖原文件常用格式為：psd 、 png。
Jpg ：一種有損壓縮格式，是網(wǎng)頁制作使用最多的圖片格式，這種格式可以以不同
的壓縮比來壓縮圖片，可以極大的減小圖片的容量，從而減小圖片在網(wǎng)頁上的加載
時間。圖像壓縮率越大，圖片的質(zhì)量越差。網(wǎng)頁制作中，圖像壓縮和圖像質(zhì)量間需
要達到一定平衡。
gif ：以 2、4、8、16 … 256 色存儲單個光柵圖像數(shù)據(jù)或多個光柵圖像數(shù)據(jù)。gif圖片
支持透明度、壓縮、交錯和多圖像圖片（動畫 GIF）。GIF 透明度不是 alpha 通道透
明度，不能支持半透明效果，透明背景下邊緣會有鋸齒。
png ：一種試圖替代GIF和TIFF的文件格式，它增加一些GIF文件格式所不具備的特
性。它使用從LZ77派生的無損數(shù)據(jù)壓縮算法。Png可以存為半透明效果，透明背景
下邊緣光滑，Png是Firework軟件的默認格式，可以包含圖層。
psd ：是Photoshop的專用格式，PSD文件可以存儲成多種模式，還可以保存圖層、
通道、路徑等信息，是目前惟一能夠支持全部圖像色彩模式的格式。但體積龐大，
在大多平面軟件內(nèi)部可以通用。
PHOTOSHOP常用快捷鍵大全一、文件新建 CTRL+N
打開 CTRL+O
打開為 ALT+CTRL+O
關(guān)閉 CTRL+W
保存 CTRL+S
另存為 CTRL+SHIFT+S
另存為網(wǎng)頁格式 CTRL+ALT+S
打印設(shè)置 CTRL+ALT+P
頁面設(shè)置 CTRL+SHIFT+P
打印 CTRL+P
退出 CTRL+Q
二、編輯撤消 CTRL+Z
向前一步 CTRL+SHIFT+Z
向后一步 CTRL+ALT+Z
退取 CTRL+SHIFT+F
剪切 CTRL+X
復(fù)制 CTRL+C
合并復(fù)制 CTRL+SHIFT+C
粘貼 CTRL+V
原位粘貼 CTRL+SHIFT+V
自由變換 CTRL+T
再次變換 CTRL+SHIFT+T
色彩設(shè)置 CTRL+SHIFT+K
三、圖象調(diào)整→色階 CTRL+L
調(diào)整→自動色階 CTRL+SHIFT+L
調(diào)整→自動對比度 CTRL+SHIFT+ALT+L
調(diào)整→曲線 CTRL+M
調(diào)整→色彩平衡 CTRL+B
調(diào)整→色相/飽和度CTRL+U
調(diào)整→去色 CTRL+SHIFT+U
調(diào)整→反向 CTRL+I
提取 CTRL+ALT+X
液化 CTRL+SHIFT+X
四、圖層新建圖層 CTRL+SHIFT+N
新建通過復(fù)制的圖層 CTRL+J
與前一圖層編組 CTRL+G
取消編組 CTRL+SHIFT+G
合并圖層 CTRL+E
合并可見圖層 CTRL+SHIFT+E
五、選擇全選 CTRL+A
取消選擇 CTRL+D
全部選擇 CTRL+SHIFT+D
反選 CTRL+SHIFT+I
羽化 CTRL+ALT+D
六、濾鏡上次濾鏡操作 CTRL+F
七、視圖校驗顏色 CTRL+Y
色域警告 CTRL+SHIFT+Y
放大 CTRL++
縮小 CTRL+-
滿畫布顯示 CTRL+0
實際像素 CTRL+ALT+0
顯示附加 CTRL+H
顯示網(wǎng)格 CTRL+ALT+'
顯示標(biāo)尺 CTRL+R
啟用對齊 CTRL+；
瑣定參考線 CTRL+ALT+；
八、窗口關(guān)閉全部 CTRL+SHIFT+W
九、幫助目錄 F1
矩形、橢圓選框工具 【M】
裁剪工具 【C】
移動工具 【V】
套索、多邊形套索、磁性套索 【L】
魔棒工具 【W(wǎng)】
噴槍工具 【J】
畫筆工具 【B】
像皮圖章、圖案圖章 【S】
歷史記錄畫筆工具 【Y】
像皮擦工具 【E】
鉛筆、直線工具 【N】
模糊、銳化、涂抹工具 【R】
減淡、加深、海棉工具 【O】
鋼筆、自由鋼筆、磁性鋼筆 【P】
添加錨點工具 【+】
刪除錨點工具 【-】
直接選取工具 【A】
文字、文字蒙板、直排文字、直排文字蒙板 【T】
度量工具 【U】
直線漸變、徑向漸變、對稱漸變、角度漸變、菱形漸變 【G】
油漆桶工具 【K】
吸管、顏色取樣器 【I】
抓手工具 【H】
縮放工具 【Z】
默認前景色和背景色 【D】
切換前景色和背景色 【X】
切換標(biāo)準(zhǔn)模式和快速蒙板模式 【Q】
標(biāo)準(zhǔn)屏幕模式、帶有菜單欄的全屏模式、全屏模式 【F】
臨時使用移動工具 【Ctrl】
臨時使用吸色工具 【Alt】
臨時使用抓手工具 【空格】
打開工具選項面板 【Enter】
快速輸入工具選項(當(dāng)前工具選項面板中至少有一個可調(diào)節(jié)數(shù)字): 【0】至【9】
循環(huán)選擇畫筆 【[】或【]】
選擇第一個畫筆 【Shift】+【[】
選擇最后一個畫筆 【Shift】+【]】
建立新漸變(在”漸變編輯器”中) 【Ctrl】+【N】
文件操作新建圖形文件 【Ctrl】+【N】
用默認設(shè)置創(chuàng)建新文件 【Ctrl】+【Alt】+【N】
打開已有的圖像 【Ctrl】+【O】
打開為... 【Ctrl】+【Alt】+【O】
關(guān)閉當(dāng)前圖像 【Ctrl】+【W(wǎng)】
保存當(dāng)前圖像 【Ctrl】+【S】
另存為... 【Ctrl】+【Shift】+【S】
存儲副本 【Ctrl】+【Alt】+【S】
頁面設(shè)置 【Ctrl】+【Shift】+【P】
打印 【Ctrl】+【P】
打開“預(yù)置”對話框 【Ctrl】+【K】
顯示最后一次顯示的“預(yù)置”對話框 【Alt】+【Ctrl】+【K】
設(shè)置“常規(guī)”選項(在預(yù)置對話框中) 【Ctrl】+【1】
設(shè)置“存儲文件”(在預(yù)置對話框中) 【Ctrl】+【2】
設(shè)置“顯示和光標(biāo)”(在預(yù)置對話框中) 【Ctrl】+【3】
設(shè)置“透明區(qū)域與色域”(在預(yù)置對話框中) 【Ctrl】+【4】
設(shè)置“單位與標(biāo)尺”(在預(yù)置對話框中) 【Ctrl】+【5】
設(shè)置“參考線與網(wǎng)格”(在預(yù)置對話框中) 【Ctrl】+【6】
設(shè)置“增效工具與暫存盤”(在預(yù)置對話框中) 【Ctrl】+【7】
設(shè)置“內(nèi)存與圖像高速緩存”(在預(yù)置對話框中) 【Ctrl】+【8】
編輯操作還原/重做前一步操作 【Ctrl】+【Z】
還原兩步以上操作 【Ctrl】+【Alt】+【Z】
重做兩步以上操作 【Ctrl】+【Shift】+【Z】
剪切選取的圖像或路徑 【Ctrl】+【X】或【F2】
拷貝選取的圖像或路徑 【Ctrl】+【C】
合并拷貝 【Ctrl】+【Shift】+【C】
將剪貼板的內(nèi)容粘到當(dāng)前圖形中 【Ctrl】+【V】或【F4】
將剪貼板的內(nèi)容粘到選框中 【Ctrl】+【Shift】+【V】
自由變換 【Ctrl】+【T】
應(yīng)用自由變換(在自由變換模式下) 【Enter】
從中心或?qū)ΨQ點開始變換 (在自由變換模式下) 【Alt】
限制(在自由變換模式下) 【Shift】
扭曲(在自由變換模式下) 【Ctrl】
取消變形(在自由變換模式下) 【Esc】
自由變換復(fù)制的象素數(shù)據(jù) 【Ctrl】+【Shift】+【T】
再次變換復(fù)制的象素數(shù)據(jù)并建立一個副本:
【Ctrl】+【Shift】+【Alt】+【T】
刪除選框中的圖案或選取的路徑 【DEL】
用背景色填充所選區(qū)域或整個圖層 :
【Ctrl】+【BackSpace】或【Ctrl】+【Del】
用前景色填充所選區(qū)域或整個圖層:
【Alt】+【BackSpace】或【Alt】+【Del】
彈出“填充”對話框 【Shift】+【BackSpace】
從歷史記錄中填充 【Alt】+【Ctrl】+【Backspace】
圖像調(diào)整調(diào)整色階 【Ctrl】+【L】
自動調(diào)整色階 【Ctrl】+【Shift】+【L】
打開曲線調(diào)整對話框 【Ctrl】+【M】
取消選擇所選通道上的所有點(‘曲線’對話框中) 【Ctrl】+【D】
打開“色彩平衡”對話框 【Ctrl】+【B】
打開“色相/飽和度”對話框 【Ctrl】+【U】
全圖調(diào)整(在色相/飽和度”對話框中) 【Ctrl】+【~】
只調(diào)整紅色(在色相/飽和度”對話框中) 【Ctrl】+【1】
只調(diào)整黃色(在色相/飽和度”對話框中) 【Ctrl】+【2】
只調(diào)整綠色(在色相/飽和度”對話框中) 【Ctrl】+【3】
只調(diào)整青色(在色相/飽和度”對話框中) 【Ctrl】+【4】
只調(diào)整藍色(在色相/飽和度”對話框中) 【Ctrl】+【5】
只調(diào)整洋紅(在色相/飽和度”對話框中) 【Ctrl】+【6】
去色 【Ctrl】+【Shift】+【U】
反相 【Ctrl】+【I】
圖層操作從對話框新建一個圖層 【Ctrl】+【Shift】+【N】
以默認選項建立一個新的圖層 【Ctrl】+【Alt】+【Shift】+【N】
通過拷貝建立一個圖層 【Ctrl】+【J】
通過剪切建立一個圖層 【Ctrl】+【Shift】+【J】
與前一圖層編組 【Ctrl】+【G】
取消編組 【Ctrl】+【Shift】+【G】
向下合并或合并聯(lián)接圖層 【Ctrl】+【E】
合并可見圖層 【Ctrl】+【Shift】+【E】
蓋印或蓋印聯(lián)接圖層 【Ctrl】+【Alt】+【E】
蓋印可見圖層 【Ctrl】+【Alt】+【Shift】+【E】
將當(dāng)前層下移一層 【Ctrl】+【[】
將當(dāng)前層上移一層 【Ctrl】+【]】
將當(dāng)前層移到最下面 【Ctrl】+【Shift】+【[】
將當(dāng)前層移到最上面 【Ctrl】+【Shift】+【]】
激活下一個圖層 【Alt】+【[】
激活上一個圖層 【Alt】+【]】
激活底部圖層 【Shift】+【Alt】+【[】
激活頂部圖層 【Shift】+【Alt】+【]】
調(diào)整當(dāng)前圖層的透明度(當(dāng)前工具為無數(shù)字參數(shù)的,如移動工具) :
【0】至【9】
保留當(dāng)前圖層的透明區(qū)域(開關(guān)) 【/】
投影效果(在”效果”對話框中) 【Ctrl】+【1】
內(nèi)陰影效果(在”效果”對話框中) 【Ctrl】+【2】
外發(fā)光效果(在”效果”對話框中) 【Ctrl】+【3】
內(nèi)發(fā)光效果(在”效果”對話框中) 【Ctrl】+【4】
斜面和浮雕效果(在”效果”對話框中) 【Ctrl】+【5】
應(yīng)用當(dāng)前所選效果并使參數(shù)可調(diào)(在”效果”對話框中):
【A】
圖層混合模式
循環(huán)選擇混合模式 【Alt】+【-】或【+】
正常 【Ctrl】+【Alt】+【N】
閾值（位圖模式） 【Ctrl】+【Alt】+【L】
溶解 【Ctrl】+【Alt】+【I】
背后 【Ctrl】+【Alt】+【Q】
清除 【Ctrl】+【Alt】+【R】
正片疊底 【Ctrl】+【Alt】+【M】
屏幕 【Ctrl】+【Alt】+【S】
疊加 【Ctrl】+【Alt】+【O】
柔光 【Ctrl】+【Alt】+【F】
強光 【Ctrl】+【Alt】+【H】
顏色減淡 【Ctrl】+【Alt】+【D】
顏色加深 【Ctrl】+【Alt】+【B】
變暗 【Ctrl】+【Alt】+【K】
變亮 【Ctrl】+【Alt】+【G】
差值 【Ctrl】+【Alt】+【E】
排除 【Ctrl】+【Alt】+【X】
色相 【Ctrl】+【Alt】+【U】
飽和度 【Ctrl】+【Alt】+【T】
顏色 【Ctrl】+【Alt】+【C】
光度 【Ctrl】+【Alt】+【Y】
去色 海棉工具+【Ctrl】+【Alt】+【J】
加色 海棉工具+【Ctrl】+【Alt】+【A】
暗調(diào) 減淡/加深工具+【Ctrl】+【Alt】+【W(wǎng)】
中間調(diào) 減淡/加深工具+【Ctrl】+【Alt】+【V】
高光 減淡/加深工具+【Ctrl】+【Alt】+【Z】 選擇功能
全部選取 【Ctrl】+【A】
取消選擇 【Ctrl】+【D】
重新選擇 【Ctrl】+【Shift】+【D】
羽化選擇 【Ctrl】+【Alt】+【D】
反向選擇 【Ctrl】+【Shift】+【I】
路徑變選區(qū) 數(shù)字鍵盤的【Enter】
載入選區(qū) 【Ctrl】+點按圖層、路徑、通道面板中的縮約圖
按上次的參數(shù)再做一次上次的濾鏡 【Ctrl】+【F】
退去上次所做濾鏡的效果 【Ctrl】+【Shift】+【F】
重復(fù)上次所做的濾鏡(可調(diào)參數(shù)) :
【Ctrl】+【Alt】+【F】
選擇工具(在“3D變化”濾鏡中) 【V】
立方體工具(在“3D變化”濾鏡中) 【M】
球體工具(在“3D變化”濾鏡中) 【N】
柱體工具(在“3D變化”濾鏡中) 【C】
軌跡球(在“3D變化”濾鏡中) 【R】
全景相機工具(在“3D變化”濾鏡中) 【E】
視圖操作
顯示彩色通道 【Ctrl】+【~】
顯示單色通道 【Ctrl】+【數(shù)字】
顯示復(fù)合通道 【~】
以CMYK方式預(yù)覽(開關(guān)) 【Ctrl】+【Y】
打開/關(guān)閉色域警告 【Ctrl】+【Shift】+【Y】
放大視圖 【Ctrl】+【+】
縮小視圖 【Ctrl】+【-】
滿畫布顯示 【Ctrl】+【0】
實際象素顯示 【Ctrl】+【Alt】+【0】
向上卷動一屏 【PageUp】
向下卷動一屏 【PageDown】
向左卷動一屏 【Ctrl】+【PageUp】
向右卷動一屏 【Ctrl】+【PageDown】
向上卷動10 個單位 【Shift】+【PageUp】
向下卷動10 個單位 【Shift】+【PageDown】
向左卷動10 個單位 【Shift】+【Ctrl】+【PageUp】
向右卷動10 個單位 【Shift】+【Ctrl】+【PageDown】
將視圖移到左上角 【Home】
將視圖移到右下角 【End】
顯示/隱藏選擇區(qū)域 【Ctrl】+【H】
顯示/隱藏路徑 【Ctrl】+【Shift】+【H】
顯示/隱藏標(biāo)尺 【Ctrl】+【R】
顯示/隱藏參考線 【Ctrl】+【;】
顯示/隱藏網(wǎng)格 【Ctrl】+【”】
貼緊參考線 【Ctrl】+【Shift】+【;】
鎖定參考線 【Ctrl】+【Alt】+【;】
貼緊網(wǎng)格 【Ctrl】+【Shift】+【”】
顯示/隱藏“畫筆”面板 【F5】
顯示/隱藏“顏色”面板 【F6】
顯示/隱藏“圖層”面板 【F7】
顯示/隱藏“信息”面板 【F8】
顯示/隱藏“動作”面板 【F9】
顯示/隱藏所有命令面板 【TAB】
顯示或隱藏工具箱以外的所有調(diào)板 【Shift】+【TAB】
文字處理(在”文字工具”對話框中)
左對齊或頂對齊 【Ctrl】+【Shift】+【L】
中對齊 【Ctrl】+【Shift】+【C】
右對齊或底對齊 【Ctrl】+【Shift】+【R】
左／右選擇 1 個字符 【Shift】+【←】/【→】
下／上選擇 1 行 【Shift】+【↑】/【↓】
選擇所有字符 【Ctrl】+【A】
將所選文本的文字大小減小2 點象素 【Ctrl】+【Shift】+【<】
將所選文本的文字大小增大2 點象素 【Ctrl】+【Shift】+【>】
將所選文本的文字大小減小10 點象素 【Ctrl】+【Alt】+【Shift】+【<】
將所選文本的文字大小增大10 點象素 【Ctrl】+【Alt】+【Shift】+【>】
將行距減小2點象素 【Alt】+【↓】
將行距增大2點象素 【Alt】+【↑】
將基線位移減小2點象素 【Shift】+【Alt】+【↓】
將基線位移增加2點象素 【Shift】+【Alt】+【↑】
將字距微調(diào)或字距調(diào)整減小20/1000ems :
【Alt】+【←】
將字距微調(diào)或字距調(diào)整增加20/1000ems :
【Alt】+【→】
將字距微調(diào)或字距調(diào)整減小100/1000ems:
【Ctrl】+【Alt】+【←】
將字距微調(diào)或字距調(diào)整增加100/1000ems :
【Ctrl】+【Alt】+【→】
選擇通道中白的像素（包括半色調(diào)）:
【Ctrl】+【Alt】+【1~9】
在線咨詢