1. 程式人生 > >前端必備之切圖(一、使用PhotoShop測量和取色)

前端必備之切圖(一、使用PhotoShop測量和取色)

矩形選框工具的使用:

        新增到選區(按住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軸上顏色都是一樣的