當(dāng)前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

ps制作動態(tài)風(fēng)車圖(7)

來源:古欲香蕭 作者:佚名 學(xué)習(xí):18095人次

簡介:本次教大家用PhotoShop制作一個風(fēng)車轉(zhuǎn)動的GIF動態(tài)效果,從風(fēng)車制作到動畫都有詳細過程,喜歡的同學(xué)可以學(xué)習(xí)一下!

效果圖:

素材:

1.新建

2.打開一張素材,拖入文檔中,CTRL+T調(diào)整到適當(dāng)大小。

3.隱藏素材圖片,畫一個矩形,在右側(cè)增加一個錨點

4.用直接選擇工具,選取右上角的錨點,右鍵--刪除錨點

5.點亮素材圖片圖層前面的眼睛,CTRL+回車,把路徑轉(zhuǎn)換成選區(qū)

6.路徑轉(zhuǎn)換成選區(qū)后,CTRL+J復(fù)制選區(qū)為新圖層,然后刪掉原來的素材圖層,得到如下圖

7. 在圖層2,用橢圓選框工具,畫一個圓,移動位置如下圖,移好后按shift+ctrl+i反選,再按CTRL+J 復(fù)制選區(qū)為新圖層(得到圖層3)。

8.圖層3,按住ctrl+鼠標(biāo)左鍵點擊圖層3(透明區(qū)域),把圖層3截入選區(qū)。

9.打開漸變編輯器,調(diào)出如下漸變。

10.在圖層3的選區(qū)中拉出一個漸變,CTRL+D(取消選擇)。

11.回到圖層2,用橢圓選框工具畫個橢圓,右鍵--羽化15,確定。

12.按CTRL+U打開色相/飽和度,把明度調(diào)到-64,確定。

13.選中圖層2和圖層3,按CTRL+E合并圖層,現(xiàn)在風(fēng)車葉子的一片就算做好了。


 

14.CTRL+T,把中心點拖到左下角。

15.在上方角工具條度輸入90,它就會以左下角為中心向右旋轉(zhuǎn)90度,然后按一下回車。

16.按快捷鍵shift+ctrl+alt,再按字母 T 三下,就會得到三個旋轉(zhuǎn)過的圖層,把四個風(fēng)車葉子圖層合并。

17.CTRL+T,從左邊和上邊標(biāo)尺處各拖出一條輔助線到風(fēng)車中心點(如果沒有輔助線,請選CTRL+R,顯示輔標(biāo)尺),形成十字,中心點相交。

18.新建一層,畫一個小圓形,填充紅色,中心點對齊。


 

19.再畫一個更小的圓形,填充黃色,移至中心,如圖。

20.用矩形選框工具(快捷鍵M),拉一個一像素的選框,在黃色圓形的中間,縱橫分別刪去選中部分,呈現(xiàn)十字形。然后把上面三個圖層合并。

21.在背景上面新建一層,用矩形選框工具,畫一個細長的選框作為風(fēng)車手柄。

22.給選框填充一個漸變。

23.填好后如下圖


 

24.在風(fēng)車葉子圖層CTRL+T,并在上邊工具欄中,角度中輸入10度,按回車。

25.按住快捷鍵SHIFT+CTRL+ALT,再按T字母8次。然后把風(fēng)車圖層前面的眼睛去掉,只留最下面一個風(fēng)車圖層亮著眼睛及手柄與背景。

26.再拖進一張自己喜歡的背景,把背景放在背景圖層上面。并把風(fēng)車手柄多余的部分刪去。再把手柄顏色調(diào)淡一點(CTRL+U 明度向右拉一點)

27.執(zhí)行窗口---動畫,打開動畫面板,第一幀對應(yīng)圖層1副本

28.點動畫面板復(fù)制當(dāng)前幀按鈕(垃圾桶左邊那個),取消圖層1副本前面的眼睛,點亮圖層1副本2前面的眼睛。

再復(fù)制當(dāng)前幀,取消圖層1副本2的眼睛,點亮圖層1副本3的眼睛,以此類推,直到把9個圖層都對應(yīng)完畢。

29.對應(yīng)圖示例。每一幀只讓它顯示一個風(fēng)車葉子圖層,且要讓它按轉(zhuǎn)動的方向順序進行。

對應(yīng)完之后可以按動畫面板播放鍵 預(yù)覽一下效果,然后保存。

30.保存

最終效果!

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!