【 Photoshop】~ 網頁製作 // 窗簾效果 ~

2009120710:20

【 Photoshop】~ 網頁製作 // 窗簾效果 ~

分類:PS教學
2009/12/06 03:07

 

 

3920x.gif

 

作品預覽

 

427568.gif

 

 

 

 

 

教學開始

 

1 . 開啟一張透明文件~用鉛筆工具拉出幾條直線~

 

編輯~定義圖樣~確定~關掉圖層~

 

 

 

 

 

a698.jpg

 

 

 

 

 

2 . 開啟要製作窗簾效果的圖片~新增圖層~

 

編輯~填滿~找到剛剛製作的直線圖樣~確定~

 

 

 

 

 

a699.jpg

 

 

 

 

3 . 用矩形工具把圖從中間圈出一半~

 

ctrl+j複製圖層~然後在複製一次圖層~移動到另外一邊

 

把原來的圖層刪除~

 

 

 

 

 

a700.jpg

 

 

 

 

4 . 開啟動畫軟體~

 

先開啟2個影格~第一個影格不用動~

 

2 個窗簾圖層各複製一個~

 

然後來到第二個影格~把窗簾圖層向左右移動一些~

 

 

 

 

a701.jpg

 

 

 

 

5 . 開啟第3個影格~然後在複製2個剛剛移動效果的窗簾圖層~

 

一樣在把複製的窗簾圖層左右在移動一些~

 

 

 

 

a702.jpg

 

 

 

 

6 . 重複這個動作直到窗簾開完~

 

(窗簾動作快、影格就少、窗簾動作慢、影格就多)

 

 

 

 

 

a703.jpg

 

 

 

參考教學來至東港老大嘟嘟