1. 程式人生 > >如何用Photoshop製作方形ico圖示(致敬Pycharm)

如何用Photoshop製作方形ico圖示(致敬Pycharm)

前言

       先來看一下圖片效果,其中字母可以根據自己需求設定。

軟體

Photoshop CS6

製作步驟

1.  開啟Photoshop CS6,點選選單欄中 檔案 》新建,如下圖介面

       設定寬度、高度為16cm,點選 確定;

2.  設定前景色,為後續著色做準備

      第一步:點選著色器,設定前景色為淺藍色;

      第二步:點選轉換箭頭,將前後景色調換,現在的後景色變為剛剛設定的淺藍色;

                     再點選著色器,重複第一步,將前景色設定為淺綠色。

3.  佈置圖層1(最底層)

        第一步:選擇 矩形選框工具(工具欄第二個),先在白色圖片中點選一下滑鼠左鍵,確定矩形中心;

                       按住shift + Alt + 滑鼠左鍵,拖動滑鼠,繪出矩形選框;

        第二步:選擇 漸變工具(序號①),設定 線性漸變(序號②);

                       按住滑鼠左鍵,按箭頭方向拖動滑鼠,即可填充漸變顏色。

4.  佈置圖層2(個性化圖形) 

       選擇 多邊形套索工具,在圖中勾勒出理想的圖案,按下Alt + Delete,即可填充顏色。

5.  佈置圖層3 (頂層)

       同理步驟3,將前景色設定為黑色(#000000),再進行填充。

       矩形選框選中後,通過四個方向箭頭鍵調整選框位置,使兩個矩形框中心相同。

6.  新增字母 

       選擇 橫排文字工具(序號①),按序號②選框中的引數設定,在圖中輸入字母;

       按住Ctrl 鍵,調整文字位置。

7.  裁剪 

       選擇裁剪工具,選中矩形區域,按下Enter 鍵,完成裁剪。

8.  儲存為jpg/png格式 

       Shift + Ctrl + S,另存為jpg或png格式圖片,方便線上轉換格式。

9.  線上轉換成ico格式,方便程式呼叫 

       轉換網址-->網站連結,尺寸一般為64*64。

DONE!

     (本段文字屬瞎掰,可跳過)最近畢設馬上要開題了,心裡慌的一批,趕緊提高一下文筆和邏輯思維,先做點自己喜歡的事情叭,來CSDN更新一下博文。