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

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

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

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

1,打開(kāi)PS,新建500x200圖層

拼圖教程,CS6做拼圖動(dòng)畫圖片

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

拼圖教程,CS6做拼圖動(dòng)畫圖片

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

1.選擇工具

拼圖教程,CS6做拼圖動(dòng)畫圖片
里滴

拼圖教程,CS6做拼圖動(dòng)畫圖片
在圖層上點(diǎn)右鍵選劃分切片

拼圖教程,CS6做拼圖動(dòng)畫圖片
點(diǎn)確定,效果

拼圖教程,CS6做拼圖動(dòng)畫圖片

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

拼圖教程,CS6做拼圖動(dòng)畫圖片
點(diǎn)標(biāo)題-1
選擇“裁切工具”里面的“切片工具”并且左鍵點(diǎn)第一個(gè)小方格

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

拼圖教程,CS6做拼圖動(dòng)畫圖片
依次將10個(gè)都用相同滴方法,從標(biāo)題-1拷貝到標(biāo)題-2,將順序排好

拼圖教程,CS6做拼圖動(dòng)畫圖片
右鍵點(diǎn)10小格

拼圖教程,CS6做拼圖動(dòng)畫圖片
然后點(diǎn)菜單欄編輯----拷貝
然后點(diǎn)開(kāi)標(biāo)題-2

拼圖教程,CS6做拼圖動(dòng)畫圖片
點(diǎn)菜單欄編輯---黏貼
10個(gè)小圖復(fù)制完成

拼圖教程,CS6做拼圖動(dòng)畫圖片
和原圖一樣

標(biāo)題-2圖層為

拼圖教程,CS6做拼圖動(dòng)畫圖片

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

拼圖教程,CS6做拼圖動(dòng)畫圖片

拼圖教程,CS6做拼圖動(dòng)畫圖片

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

拼圖教程,CS6做拼圖動(dòng)畫圖片
拷貝圖層樣式,然后給每個(gè)圖層
右鍵黏貼----粘貼圖層樣式
最后

拼圖教程,CS6做拼圖動(dòng)畫圖片


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



繼續(xù)


1。點(diǎn)滅任何一個(gè)圖層的眼睛。瓦點(diǎn)滴圖層一

拼圖教程,CS6做拼圖動(dòng)畫圖片
所以效果是這樣

拼圖教程,CS6做拼圖動(dòng)畫圖片


2.第三幀

拼圖教程,CS6做拼圖動(dòng)畫圖片
第四幀

拼圖教程,CS6做拼圖動(dòng)畫圖片
第五幀

拼圖教程,CS6做拼圖動(dòng)畫圖片

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

最后一幀

拼圖教程,CS6做拼圖動(dòng)畫圖片


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

拼圖教程,CS6做拼圖動(dòng)畫圖片
在每2幀之間建3個(gè)過(guò)度幀,點(diǎn)

拼圖教程,CS6做拼圖動(dòng)畫圖片選3

拼圖教程,CS6做拼圖動(dòng)畫圖片
這樣一共41幀。選擇全部幀,然后反向,點(diǎn)小三角選擇合適滴時(shí)間,成下面這樣

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

拼圖教程,CS6做拼圖動(dòng)畫圖片

最后點(diǎn)播放

拼圖教程,CS6做拼圖動(dòng)畫圖片,看一下效果
成品

拼圖教程,CS6做拼圖動(dòng)畫圖片

完工

 

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

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

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

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