前端必備之切圖(一、使用PhotoShop測量和取色)
阿新 • • 發佈:2019-01-04
矩形選框工具的使用:
新增到選區(按住shif)
從選區減去(按住alt)
與選區交叉(按住shift+alt)
按住他們的時候再進行選區的操作,在測量時,選區可以大一些,然後按住alt或shift進行調整
1.字型的測量:
1.1單獨文字圖層:
選擇文字工具,然後在要測量的文字圖層上面點選,在資訊面板中有的框中的數字就是文字的大小
1.2合併在背景圖中的文字:用矩形選框工具,選擇文字,在資訊面板中顯示的高(H)的值就是文字的大小
2.行高的測量
2.1單獨圖層的:
選擇文字工具,然後在上方點選切換字元和段落面板,就可以在屬性面板中讀取行高
2.2已經和背景合併在一起的:
選擇矩形選框工具,從第一行文字的下方到第二行文字的下方,屬性面板中的高度就是行高
補充說明:測量區域比較大時(新增到選區的巧用)
用矩形選框工具,在左邊畫一個小矩形,然後按住shift,在右邊再畫一個小矩形,屬性面板中的寬度就是整個區域的寬度
五、顏色資訊的測量
方法:取色(拾色器和吸管工具)1.獲取文字顏色
1.1獨立文字
選擇文字選擇工具,在屬性面板中點選文字顏色即可
1.2作為背景的文字
拾色器
2.邊框顏色、背景顏色同上
3.取色工具的巧用
確定背景是否為純色,在要測量的區域選擇拾色器,不停的用吸管工具點選,看顏色的取值是否都相同,若每次取值相同,則為純色,否則不是純色
4.確定是否是線性漸變 (用魔棒工具)
用移動工具選擇圖層,點選後,在快速選擇工具中選擇魔棒工具,繼續往下點,若它是橫著的直線,則從上往下Y軸的漸變,也就是說在X軸上顏色都是一樣的