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

拼圖教程,CS6做拼圖動畫圖片(4)

來源:貼吧 作者:shine日月星岑8 學(xué)習:18084人次
跟大家分享一個拼圖動畫效果教程,大家發(fā)揮想像,用這個方法做出更好的拼圖動畫片。

第一步:拖入素材圖層,縮變好大小,讓度娘審核能通過的大小哦

1,打開PS,新建500x200圖層

拼圖教程,CS6做拼圖動畫圖片

2,打開你要做滴圖,裁好大小。放到新建圖層里?梢杂镁匦喂ぞ咧苯咏貓D放進

拼圖教程,CS6做拼圖動畫圖片

第二步:選擇“裁切工具”;里面的“切片工具” ,點右鍵,把素材畫布裁切為水平2格,橫版的5格,均分為10個小方格

1.選擇工具

拼圖教程,CS6做拼圖動畫圖片
里滴

拼圖教程,CS6做拼圖動畫圖片
在圖層上點右鍵選劃分切片

拼圖教程,CS6做拼圖動畫圖片
點確定,效果

拼圖教程,CS6做拼圖動畫圖片

第三步:選擇文件菜單欄的“新建工具”,重新去建一個新畫布500X200,白色

拼圖教程,CS6做拼圖動畫圖片
點標題-1
選擇“裁切工具”里面的“切片工具”并且左鍵點第一個小方格

拼圖教程,CS6做拼圖動畫圖片
然后點菜單---編輯---拷貝,點標題-2,菜單---編輯----黏貼,將小方格拷貝粘貼到“新建的空白畫布”也就是標題-2上去

拼圖教程,CS6做拼圖動畫圖片
依次將10個都用相同滴方法,從標題-1拷貝到標題-2,將順序排好

拼圖教程,CS6做拼圖動畫圖片
右鍵點10小格

拼圖教程,CS6做拼圖動畫圖片
然后點菜單欄編輯----拷貝
然后點開標題-2

拼圖教程,CS6做拼圖動畫圖片
點菜單欄編輯---黏貼
10個小圖復(fù)制完成

拼圖教程,CS6做拼圖動畫圖片
和原圖一樣

標題-2圖層為

拼圖教程,CS6做拼圖動畫圖片

接著選擇圖層樣式里面的斜面浮雕,讓小方格一個都突起,像一塊塊的拼圖小格子。
 

拼圖教程,CS6做拼圖動畫圖片

拼圖教程,CS6做拼圖動畫圖片

將10個圖層都做出浮雕樣式
可以右鍵

拼圖教程,CS6做拼圖動畫圖片
拷貝圖層樣式,然后給每個圖層
右鍵黏貼----粘貼圖層樣式
最后

拼圖教程,CS6做拼圖動畫圖片


做完就到了動畫模式,打開動畫面板,第一幀是整個完整的拼圖格,第二幀,讓其中一個小方格消失,這樣方便拖移其余的小方格,至于讓哪一格消失,自由選擇。第三幀,讓小方格隨著消失的方格處移動,就想拼圖一樣,將順序按照拼圖的格局打亂,使每一格都移動了位置。這樣建了有大概11幀,在每2幀之間建3個過度幀(為什么是3幀,主要是幀數(shù)少了,方便度娘審核,不然一定要降低色相,到時就難看了)。這樣差不多有30幾幀,最后一步,選擇全部幀,再選擇反向幀,就像打算順序的拼圖,再次拼回原來的樣子



繼續(xù)


1。點滅任何一個圖層的眼睛。瓦點滴圖層一

拼圖教程,CS6做拼圖動畫圖片
所以效果是這樣

拼圖教程,CS6做拼圖動畫圖片


2.第三幀

拼圖教程,CS6做拼圖動畫圖片
第四幀

拼圖教程,CS6做拼圖動畫圖片
第五幀

拼圖教程,CS6做拼圖動畫圖片

依次移動小方框,注意,每一幀要復(fù)制一層再移動

最后一幀

拼圖教程,CS6做拼圖動畫圖片


3.這樣建了有大概11幀,

拼圖教程,CS6做拼圖動畫圖片
在每2幀之間建3個過度幀,點

拼圖教程,CS6做拼圖動畫圖片選3

拼圖教程,CS6做拼圖動畫圖片
這樣一共41幀。選擇全部幀,然后反向,點小三角選擇合適滴時間,成下面這樣

拼圖教程,CS6做拼圖動畫圖片
將最后一幀,也就是沒有空白滴那一幀,把它的時間設(shè)置長一點,便于觀看整圖,瓦選滴1.5秒,可以自己看著設(shè)置,成這樣

拼圖教程,CS6做拼圖動畫圖片

最后點播放

拼圖教程,CS6做拼圖動畫圖片,看一下效果
成品

拼圖教程,CS6做拼圖動畫圖片

完工

 

學(xué)習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
韓肖飛2017-03-20 07:55
伊庚落定:ctrl+I
伊庚落定2015-11-07 09:23
怎么反向

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

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