[入門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)”
轉載請註明出處,謝謝!