GIF 動態雨景效果

延伸閱讀:↓↓↓

Photoshop 製作動態雨景效果教學

 

Photoshop 製作動態雨景效果

影像處理軟體 ︰Photoshop CS3

有興趣的朋友一同來學習...

 

---

 

1. 開啟圖片，建立一個新空白圖層

填滿顏色為白色 (shift+F5鍵)，此為

「圖層1」圖層。

 接著請點選「圖層1」圖層，然後到【圖層浮動視窗】先按住 Ait 鍵

再按「增加圖層遮色片」鈕。

 

2. 執行「濾鏡／雜訊／添加雜訊」命令，設置如下

數值可依個人喜好而另做設定

 

 

 

3. 執行「濾鏡／模糊／動態模糊」命令，設置如下

 

 

 

4  請點選「圖層1」圖層，按右鍵複製「圖層1」圖層 ( Ctrl+j 鍵) ，

此為「圖層1拷貝」圖層。

 

 

5        點選「圖層1拷貝」圖層，並執行「編輯 /變形 /旋轉180度」

 

 

6  執行「視窗／動畫」命令，顯示動畫浮動視窗

 

 

此時你會看到浮動視窗中，左上角已經有一個

標示為1 的影格，並且是處於已被選取的狀態

↓↓↓

 

7 現在我們將按下動畫浮動視窗中的複製選取影格鈕來新增第2個影格。

 

 

 

 

接著設定1 跟2 影格的延遲時間都為0.15秒

 

 

 

設定

選取重複播放選項為；永遠。設置如下

 

 

選取延遲時間

 

 

 

選取重複播放

 

 

 

8 在動畫浮動視窗中先選取 1 的影格，然後到圖層面版中，關閉

「圖層1拷貝」圖層的眼睛，(「圖層 1」圖層的眼睛則打開)

 

 

9 接著選取動畫浮動視窗中的第 2 影格，然後再關閉圖層面版中的

「圖層 1」圖層的眼睛。(「圖層1拷貝」圖層的眼睛則是打開)

 

 

10      按下動畫浮動視窗中的播放鈕，即可播放動畫效果

 

 

11  最後動畫雨景儲存為網頁與裝置用

 

 

設置如下

 

 

 

 

 

〔Photoshop〕文字過光效果

【 完成圖 】

影像處理軟體 Photoshop CS3

有興趣的朋友一同來學習...

---

１、首先開啟新檔，尺寸依個人喜好另做設定，背景顏色為黑色，使用文字工具輸入

　　自己喜歡的文字及顏色與字體大小，並將此圖層命名為「文字圖層」圖層。

２、 新增一個圖層命名為「過光圖層」圖層，並將此圖層放在「文字圖層」圖層的上方，

選擇矩形選取畫面工具，並在「過光圖層」圖層上畫一個矩形，羽化為7像素，  

羽化為 7 像素，↓↓↓

編輯→ 填滿→ 白色 填滿白色，然後取消選取後(ctrl+D)

接著執行「編輯／變形／旋轉」命令 ，旋轉矩形後放置於文字的最左方。

 旋轉矩形後放置於文字的最左方

3、執行「視窗／動畫」命令，顯示動畫浮動視窗後，此時你會看到浮動視窗中，

左上角已經有一個標示為1 的影格，並且是處於已被選取的狀態。

4、請點選「過光圖層」圖層，並建立剪裁遮色片 （按右鍵選擇建立剪裁遮色片）( 使用快捷鍵 Alt+Ctrl+G )。

    我們可以看到「過光圖層」圖層，是向右縮進並且還有一個小箭頭朝下在左邊，這表示該圖


層已被下方的「文字圖層」圖層所剪裁。

５、現在我們按下動畫浮動視窗中的「複製選取影格」鈕，來新增第2個影格。接著在動畫浮


動視窗中 先選取第 2 的影格，然後到圖層面版中點一下「過光圖層」圖層，

將過光從左移到文字 的最右方，直到過光不見為止。

↓↓↓

↓↓↓

６、在動畫浮動視窗中著設定第1個影格跟第2個影格的延遲時間，都設定為 0.13秒。

７、接著點動畫浮動視窗中的第1個影格，然後按住Ctrl 同時點擊第2個影格，

當兩個影格都被選取時，再按下動畫浮動視窗中的「補間動畫影格」鈕

其補間設定值如下 ↓↓

結果如下 ↓↓↓

８、選擇重複播放 其設定如下  ↓↓

９、最後完成動畫過光文字後，請儲存為網頁與裝置用　設定如下