(2018-05-03.Python從Zero到One)三、(前端)Photoshop__1.3.2photoshop常用圖片處理技巧

上一篇文章為:→1.3.1常用圖片格式

photoshop常用圖片處理技巧

photoshop是一款優(yōu)秀的圖像處理軟件,作為前端開發(fā)工程師,掌握它的一些常用功能是必須的。photoshop的常用功能有:選擇、裁剪圖像、修圖、取色、插入文字等等。除了這些常用功能,前端還需要掌握制作新圖像、切圖等技巧。本次講解的photoshop版本為cs6。

圖片格式轉換與壓縮
1、文件/存儲為(不推薦)選擇圖片類型以及壓縮比;
2、文件/存儲為web所用格式(推薦) 選擇圖片類型以及壓縮比;

圖像放縮,平移
1、

day37_PhotoShop-01.jpg

放縮工具 圖像放大縮小,在圖像上點擊放大,按住alt鍵點擊縮小,快捷鍵Ctrl+“+”放大 Ctrl+“-”縮小,雙擊此工具可以讓圖像按照原始大小顯示。
2、
day37_PhotoShop-02.jpg

平移工具 對圖像進行移動,在使用其他工具時,按住空格鍵盤的空格鍵,可以切換到此工具,移動完后松開空格鍵回到原來的工具。雙擊此工具可以讓圖像放縮到顯示區(qū)域完全顯示。

新建圖像
執(zhí)行菜單命令 文件/新建 可以新建一張圖片,設置大小,顏色模式選RGB,網頁圖片一般選擇72像素/英寸,如果圖像要打印,可設為300/英寸。背景按情況選透明或白色。

移動選擇與圖層面板
1、按住Ctrl,在圖像上點擊可以選中圖層
2、

day37_PhotoShop-03.jpg

選擇此工具,勾選工具屬性欄上的“自動選擇圖層”,可以在圖像上點擊選中圖層
3、移動元素同時按住Alt鍵可復制一個圖層
4、圖層面板的操作,包括圖層的顯示隱藏、圖層順序、新建圖層、圖層刪除

針對圖像中選中圖層的操作
1、移動
2、自由變換 執(zhí)行菜單命令 編輯/自由變換
3、拖拽到另一張圖像上完成圖層拷貝

歷史記錄面板
記錄20部操作,可以點擊已經記錄的操作步驟回到之前

選擇工具
1、矩形選擇工具

day37_PhotoShop-04.jpg

2、橢圓選擇工具 按住alt+shift鍵可以從中心拉出正圓
day37_PhotoShop-05.jpg

3、 任意套索工具 用手任意畫出選區(qū),不精確,不常用
day37_PhotoShop-06.jpg

4、多邊形套索 可以選擇多邊形物體,對于結構復雜的物體,可以點多個小段來選擇。
day37_PhotoShop-07.jpg

5、磁性套索 可以自動在物體邊緣生成選擇線,但是由于太自動了,所以不夠精確,也不常用。
day37_PhotoShop-08.jpg

6、魔術棒選擇工具 按照點擊的點的顏色范圍來選擇,可以設置范圍的容差,容差越大,選擇區(qū)域越大,對于有單色背景的圖像中的元素,可以用它點選背景,然后反選,從而選中元素。
day37_PhotoShop-09.jpg

7、 快速選擇工具 直接在要選的元素上畫,按照畫的顏色范圍進行選擇。
day37_PhotoShop-10.jpg

8、對圖層創(chuàng)建選區(qū):按住Ctrl,用鼠標點擊對應的圖層,在圖層外框生成選區(qū)。

選區(qū)的編輯技巧
1、新選區(qū)模式下移動選區(qū)
2、選區(qū)的加、減、乘,工具屬性欄上設置
3、調整邊緣 工具屬性欄或者執(zhí)行菜單命令 選擇/調整邊緣
4、變換選區(qū) 執(zhí)行菜單命令 選擇/變換選區(qū),可對選區(qū)進行縮放、移動等
5、反選 執(zhí)行菜單命令 選擇/反向
6、取消選擇 執(zhí)行菜單命令 選擇/取消選擇,快捷鍵ctrl+d

選區(qū)特別注意
選區(qū)(螞蟻線)只對當前圖層器起作用,選區(qū)操作失敗一般是當前圖層弄錯了

**裁剪圖像 **

1、 裁切工具
day37_PhotoShop-11.jpg

2、對選區(qū)執(zhí)行菜單命令 圖像/裁剪
3、設置矩形框大小,創(chuàng)建固定寬高的矩形框,可進行固定尺寸裁剪

**針對確定選區(qū)的操作技巧 **
1、復制 執(zhí)行菜單命令 編輯/拷貝 快捷鍵ctrl+c
2、粘貼 執(zhí)行菜單命令 編輯/粘貼 快捷鍵ctrl+v
2、粘貼入 執(zhí)行菜單命令 編輯/選擇性粘貼/貼入
3、填充 執(zhí)行菜單命令 編輯/填充
4、描邊 執(zhí)行菜單命令 編輯/描邊
5、刪除 執(zhí)行菜單命令 編輯/清除 快捷鍵 delete
6、自由變換 執(zhí)行菜單命令 編輯/自由變換 快捷鍵 ctrl+t

**擦除與修復工具 **

1、擦除工具
day37_PhotoShop-12.jpg

2、 污點修復工具
day37_PhotoShop-13.jpg

**參考線技巧 **
1、視圖/標尺,顯示標尺,在標尺上按住鼠標拖動可以拉出參考線
2、視圖/對齊到/參考線 讓參考線移動時自動對齊到選框或者圖像的邊緣
3、視圖/新建參考線 可以精確創(chuàng)建參考線

**文本輸入 **
1、執(zhí)行菜單命令 編輯/首選項/單位和標尺 設置文字的單位

2、 文本輸入
day37_PhotoShop-14.jpg

3、文本編輯 屬性工具欄上點擊文本編輯按鈕

**取色 **

1、取色工具,點擊前景色按鈕,彈出取色對話框,當前工具切換成取色工具。
day37_PhotoShop-15.jpg

2、點擊前景色按鈕,當前工具自動切換到取色工具
day37_PhotoShop-16.jpg

**圖像大小與畫布大小 **
1、圖像/圖像大小 查看和設置圖像的整體大小
2、圖像/畫布大小 查看和設置圖像的畫板大小

**尺寸測量 **

1、 切片工具 雙擊切片彈出切片對話框
day37_PhotoShop-17.jpg

2、 切片選擇工具
day37_PhotoShop-18.jpg

2、 矩形框工具,打開信息面板
day37_PhotoShop-19.jpg

下一篇文章為:→1.3.3ps效果圖制作實例
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容