1. 程式人生 > >[入門PS教程]用Photoshop(PS)繪製一個“載入中”GIF

[入門PS教程]用Photoshop(PS)繪製一個“載入中”GIF

我回來啦!我這塵封多年的部落格呀!自從大四以後就沒有管這部落格了,隨著年齡的增長,自己對開發的新技術也漸漸失去了熱情。

閒著無聊,就把多年前的知識共享出來吧,這也是相當實用的技巧哦,如果你是初學PS的話,對你入門PS也相當有幫助的。

廢話不多說啦,馬上開始我們這次的課程吧!

根據你想要設計的大小新建一個新檔案(CTRL + N)。這裡我把新檔案的長寬設定為 200 x 200 畫素。

建立圖示

1. 新建一個圖層 (SHIFT + CTRL + N).

2. 點選“選框工具(M)”.

3. 在你建立的新圖層的上中位置,建立一個如下圖所示的長方形選擇區域。

4. 平滑選擇區域5畫素 (選擇 〉 修改 〉 平滑…。在彈出視窗中輸入5).

5. 填充選中區域為黑色(或者你你想要的顏色) (SHIFT + F5).

6. 取消選擇你選中的區域 (CTRL + D).

7. 點選“移動工具 (V)”.

8. 按住ALT鍵,點選並拖動你剛剛在繪製的小黑線到圖層的下中央。

這樣你就可以建立一個相同的小黑線在圖層的下中央。

9. 合併兩條小黑線為一個圖層。
按住CTRL鍵你就可以在“圖層”視窗選擇多個圖層了。選中以上步驟建立的兩個小圖層之後,右擊其中一個圖層並在彈出快捷選單中點選“合併圖層”。

10. 複製剛剛合併的圖層 (CTRL + J).

11. 選中複製的圖層,按下CTRL + T 進入“自由變換”模式.

12. 按住SHIFT鍵,將圖層旋轉至水平方向如下圖所示:


13. 旋轉完之後,按下回車(ENTER)鍵。

14. 重複9到13步,直至到如下圖形:

15. 合併所有有條形圖形的圖層為一個圖層。

製造漸變效果

1. 將你的前景色和背景色變更為預設顏色(按下D鍵)。

2. 切換前景色和背景色(按下X鍵)。

3. 點選“圖層 〉 新填充圖層 〉 漸變… ”

4. 點選確定按鈕。

5. 在顏色工具條上雙擊以編輯漸變:

6. 選擇第二個預設值

7. 將左側側的不透明度和顏色的位置更改為 12%.

8. 將漸變設定更改為如下所示:

9. 點選確定按鈕。Click OK button.
通過建立漸變填充圖層,我們可以很容易地修改我們的漸變效果。當我們建立動畫幀時,我們只需要做的是更改漸變的旋轉角度。

建立動畫幀

1. 新建一個檔案 (CTRL + N)。新檔案的大小和我們前面的圖形一樣。

2. 我們將要使用前面繪製的圖形來建立每一幀動畫。這樣一來,我們就很容易的編排每一幀動畫了。

3. 從前一個檔案裡,按住CTRL選中漸變填充圖層和圖示圖層,右擊其中一個圖層,然後再快捷選單中點選“合併圖層”,將兩個圖層合併。

4. 全選 (CTRL + A),然後從上一個檔案中的內容複製(在舊檔案中按CTRL+C)貼上(在新檔案中按CTRL+V)到新檔案中。


5. 回到上一個檔案中,並找到“歷史”面板。如果你找不到,你可以在選單欄點選(視窗 〉 歷史)開啟。

6. 在“歷史”面板中,在“合併圖層”上右擊,並點選“刪除”。

7. 在圖層面板裡,如下圖位置雙擊漸變填充圖層:

8. 將“角度”更改為16

9. 重複以上3到8步直到在你的新檔案裡建立8個圖層,如下圖所示:

生成動畫

現在我們已經把我們動畫元素做好了,是時候生成動畫了。

1. 選擇上面建立的新檔案,在工具欄點選“在 ImageReady 中編輯(CTRL + SHIFT + M)”。

2. 在  ImageReady 裡,開啟“動畫”面板(視窗 〉 動畫)。

3. 在“圖層”面板中,除了“背景”圖層和“圖層1”其他圖層都隱藏。

4. 在“動畫”面板中,更改“幀延時時間”為0.2秒。

5. 點選“複製當前幀”按鈕。

6. 回到“圖層”面板,取消隱藏“圖層2”。

7. 重複5、6步,直到“動畫”面板中有8幀動畫。

8. 在選單欄點選“檔案 〉 將優化結果儲存為… (ALT + CTRL + SHIFT + S)”

轉載請註明出處,謝謝!