朱峰社區(qū)首頁 朱峰社區(qū)

搜索資源 注冊|登陸

等待

返回 展開菜單

PS制作GIF動畫教程

伊利丹 觀看預(yù)覽

伊利丹

包含5節(jié)視頻教程
關(guān)注10.1萬

這個臨摹伊利丹的繪畫課程絕對是市面上最好的繪畫課程之一了。你可以和暴雪大神一樣繪畫。體會大師的繪畫技巧。掌握大師的用色和結(jié)構(gòu)!

關(guān)閉

朱峰社區(qū)評論:這是一篇十分詳細的photoshop動畫制作教程,主要為大家介紹使用photoshop的動畫面板制作一款音符飄動的GIF動畫特效,教程說明十分詳細,希望大家細心閱讀。文中所述有不對之處,請同學(xué)們多指正。

1、效果圖

Photoshop詳細解說動畫面板制作GIF動畫教程

2、素材

Photoshop詳細解說動畫面板制作GIF動畫教程

3、打開“套索工具”和“仿制圖章”等工具,去掉原圖中的音符。然后,打開動畫面板(時間軸),

單擊箭頭所指小三角>文檔設(shè)置>設(shè)定時間及幀數(shù)。這里設(shè)為2秒,每秒25幀

Photoshop詳細解說動畫面板制作GIF動畫教程

4、用“快速選擇工具”選中人物手部

Photoshop詳細解說動畫面板制作GIF動畫教程

5、ctrl+J,得到圖層2,如圖示。下來用“矩形選框工具”在圖中選一個合適對象用作覆蓋與原圖對應(yīng)的區(qū)域

Photoshop詳細解說動畫面板制作GIF動畫教程

6、ctrl+J,得到圖層3;“移動工具”下,將圖層3置于原圖手部位置,調(diào)整至合適,然后參考圖示,移動參考點至紅色箭頭所指處,逆時針旋轉(zhuǎn)9度左右,使手看起來有種抬起的感覺。

Photoshop詳細解說動畫面板制作GIF動畫教程

7、接下來給圖層2添加蒙版,設(shè)前景色為黑色,用“畫筆工具”涂去手部多余部分。完成后,合并圖層2和3,并命名為“變換的左手”。

Photoshop詳細解說動畫面板制作GIF動畫教程

8、再次用“快速選擇工具”,選擇唱片,注意唱機的針頭——屬性模式為“添加到選區(qū)”,全部選中對象后,按住ALT鍵選擇針頭,可減去針頭選區(qū)。

Photoshop詳細解說動畫面板制作GIF動畫教程

9、0、ctrl+J,得到復(fù)制對象圖層后,將它命名為“唱片”。

Photoshop詳細解說動畫面板制作GIF動畫教程

9、1。然后單擊紅框處,添加圖層樣式>漸變疊加——打開“漸變拾色器”,漸變效果和混合模式參考圖示,其它默認(rèn)

Photoshop詳細解說動畫面板制作GIF動畫教程

10、新建圖層,選擇“自定義工具”,參考圖中紅框所示,依次繪制出各種音符。

Photoshop詳細解說動畫面板制作GIF動畫教程

11、添加圖層樣式>漸變疊加——參數(shù)設(shè)置按圖示;然后,ctrl+J,復(fù)制一層,打開圖層樣式編輯窗,在漸變條右側(cè)勾選“反向”。最后,在它們各自的下方分別新建一個圖層,分別合并變?yōu)槠胀▓D層即可。記著為圖層命名

Photoshop詳細解說動畫面板制作GIF動畫教程

12、將“小音符圖層”縮小并改變一下方向。好了,關(guān)閉背景圖層預(yù)覽下效果。我們可以看到編輯好的手臂、唱片和音符等四個圖層。

Photoshop詳細解說動畫面板制作GIF動畫教程

13、按圖示,將大小音符圖層位置向左下移動,使它們右側(cè)正好處在喇叭口處。下來的工作就是要讓音符看起來是從喇叭里飄出來的。當(dāng)然,蒙版是最佳選擇,為便于操作和控制,給這個圖層先編組。方法是,單擊“小音符層”,再按住ctrl鍵單擊“大音符層”,然后,鼠標(biāo)將它們拖至箭頭所指處的“創(chuàng)建新組”按鈕

Photoshop詳細解說動畫面板制作GIF動畫教程

14、用“套索工具”,(羽化一下,參考圖示)在喇叭出口和音符顯示的區(qū)域畫出選區(qū)。對于新手,這里需要提示下,上面說了,這個選區(qū)內(nèi)是可見的區(qū)域,選區(qū)外,自然就是被隱藏的區(qū)域了。

Photoshop詳細解說動畫面板制作GIF動畫教程

15、接上步,單擊面板下方蒙版按鈕為組添加蒙版——黑色為隱藏、白色為顯示——觀察蒙版縮覽圖。

Photoshop詳細解說動畫面板制作GIF動畫教程

16. 按住ALT鍵,單擊蒙版按鈕——可以快速為圖層添加一個“隱藏全部”的蒙版。

Photoshop詳細解說動畫面板制作GIF動畫教程

17、下圖為時間軸一些操作選項,紅框(紅色)為“創(chuàng)建和清除幀”按鈕和與之對應(yīng)的操作位置和結(jié)果;綠框中的按鈕為“添加關(guān)鍵幀”

Photoshop詳細解說動畫面板制作GIF動畫教程

18、大概了解了時間軸的操作,我們正式開始編輯動畫。第一步,先從“小音符”開始;我們設(shè)想的效果是讓它從喇叭飄出,并在飄動中漸漸隱去,單擊“小音符層”,首先編輯“不透明度”。

Photoshop詳細解說動畫面板制作GIF動畫教程

19、將時間指示器移至?xí)r間軸的二分之一處,把不透明度設(shè)為100、

Photoshop詳細解說動畫面板制作GIF動畫教程

20、將時間指示器移至?xí)r間軸的末端,再次將不透明度設(shè)為0、這個動作的過程是,從無到有,再到無

Photoshop詳細解說動畫面板制作GIF動畫教程

21、然后,編輯“小音符”的“位置”。第一幀的位置是設(shè)置好的,將時間指示器移至末端,“移動工具”把“小音符”移至窗口的右上方

Photoshop詳細解說動畫面板制作GIF動畫教程

22、第二步,編輯“大音符”。原理和思路同上,但是,讓它快點,同時,變換一下方向效果可能會更好。(第一幀為初始關(guān)鍵幀,開始制作時已添加,下面不再贅述)還是從不透明度開始,時間指示器返回開始位置。單擊“大音符層”,時間指示器移至?xí)r間軸的五分之一處,更改不透明度為100、

Photoshop詳細解說動畫面板制作GIF動畫教程

23、下來,時間指示器移至?xí)r間軸的五分之二處,更改不透明度為0、同時,移動圖層位置至窗口右側(cè)圖示處。這個動作過程是,用比“小音符”少一半多的時間從喇叭飄出,由無到有,再到無的運動至當(dāng)前位置

Photoshop詳細解說動畫面板制作GIF動畫教程

24、這個效果就這樣了,再來一遍太慢,好在可以復(fù)制——框選“大音符”下的所有關(guān)鍵幀(變?yōu)辄S色),然后在某個幀上單擊右鍵>拷貝關(guān)鍵幀。

Photoshop詳細解說動畫面板制作GIF動畫教程

25、下來,右移時間指示器至圖中位置,在某個幀上單擊右鍵>粘貼關(guān)鍵幀,這樣,“大音符”可以在設(shè)定的時間內(nèi)運行兩遍,當(dāng)然,速度肯定會快于“小音符”。

Photoshop詳細解說動畫面板制作GIF動畫教程

26、好了,音符完成,第三步是編輯唱片。設(shè)想是讓它正時針旋轉(zhuǎn),時間指示器返回開始位置。單擊“唱片層”,再雙擊紅框所示處的“漸變疊加”>圖層樣式編輯窗口打開——特別提醒注意紅框內(nèi)“角度選項”的設(shè)置為90度

Photoshop詳細解說動畫面板制作GIF動畫教程

27、時間指示器移至?xí)r間軸的四分之一處,雙擊紅框所示處的“漸變疊加”>“角度”旋轉(zhuǎn)至0度,確定

Photoshop詳細解說動畫面板制作GIF動畫教程

28、時間指示器移至?xí)r間軸的四分之二處,雙擊紅框所示處的“漸變疊加”>“角度”旋轉(zhuǎn)至-90度,確定

Photoshop詳細解說動畫面板制作GIF動畫教程

29、以此類推,重復(fù)以上操作,下來是180度,再下來,又回到0度、、、、、、

Photoshop詳細解說動畫面板制作GIF動畫教程

30、時間指示器移至某一位置(此編輯憑感覺,沒有固定位置),按住SHIFT鍵,單擊蒙版——可以使蒙版在“啟用和停用”之間轉(zhuǎn)換。移動指示器,結(jié)合“SHIFT鍵+單擊蒙版”,依次為幀加入動作!皢⒂妹砂妗薄措[藏當(dāng)前圖層;“停用蒙版”——即顯示當(dāng)前圖層

Photoshop詳細解說動畫面板制作GIF動畫教程

31、此為“啟用”模式。(打叉為“停用”)

Photoshop詳細解說動畫面板制作GIF動畫教程

32、音樂響起,跟著節(jié)奏敲動手指是很多人的習(xí)慣,有沒規(guī)律自己憑想象,制作時,也可以通過復(fù)制來快速編輯。

Photoshop詳細解說動畫面板制作GIF動畫教程

33、復(fù)制粘貼

Photoshop詳細解說動畫面板制作GIF動畫教程

34、完成。預(yù)覽后沒問題就可以保存了。單擊菜單欄:文件>存儲為web和設(shè)備所用格式>GIF。同時注意下方紅框,選擇“永遠”。

上方紅框根據(jù)文件體積大小可以降低顏色數(shù)等。左邊紅框為文件效果和大小預(yù)覽,263K不算大,播放應(yīng)該很流暢

Photoshop詳細解說動畫面板制作GIF動畫教程
  好了,這樣我們就完成了,非常簡單吧!想了解更多的內(nèi)容請登錄m.10000bestjobs.com   ,

朱峰社區(qū)三維動畫出爐 朱峰社區(qū)三維動畫出爐

朱峰社區(qū)網(wǎng)頁版
朱峰社區(qū)網(wǎng)頁版(手機掃描-分享-添加到屏幕)


朱峰社區(qū)公眾號
朱峰社區(qū)微信公眾號(微信掃一掃-關(guān)注)

資源說明圖文教程無法下載,只能觀看圖片和文字。
版權(quán)規(guī)則本站圖文皆來自互聯(lián)網(wǎng)共享資源,如涉及到版權(quán)請查看版權(quán)規(guī)則。本平臺提供圖文僅可用于個人學(xué)習(xí),如用于商業(yè)請購買正版。您必須遵守的版權(quán)規(guī)則

未知用戶

未知用戶

2005-2025 朱峰社區(qū) 版權(quán)所有 遼ICP備2021001865號-1
2005-2025 ZhuFeng Community All Rights Reserved

VIP

朱峰社區(qū)微信公眾號

回頂部

1.復(fù)制文本發(fā)給您的QQ好友或群、微信等;好友點擊鏈接以后,轉(zhuǎn)發(fā)就成功了。 2.如朋友點擊您的鏈接,您需要需刷新一下才行;同一個好友僅能點擊一次。
購買VIP,觀看所有收費教程!!