當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

來源:站酷 作者:川貝 學(xué)習(xí):3790人次

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

首先把你做好的效果圖拿出來。想一下如何做這個(gè)動(dòng)態(tài)。把頁面分解幾個(gè)區(qū)域以便于做動(dòng)態(tài)。

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

新建一個(gè)干凈的界面 把整理好的區(qū)域做一個(gè)初始狀態(tài)

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

接下來做在窗口選擇“時(shí)間軸”并且創(chuàng)建“幀動(dòng)畫”

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

之后就是做動(dòng)畫了,點(diǎn)左下角倒數(shù)第二個(gè)按鈕新建一幀,并把內(nèi)容下移到你想要的位置

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

把這兩幀都選中點(diǎn)擊倒數(shù)第三個(gè)按鈕進(jìn)行過度效果(數(shù)字隨意,越大越自然,但是時(shí)間越長,做的時(shí)候同學(xué)們自己考慮)之后的效果同理。

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

接下來比較關(guān)鍵,點(diǎn)擊時(shí)間軸的上角圖標(biāo) 選擇“轉(zhuǎn)換為視頻時(shí)間軸”

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

把所有圖層選中 選擇“轉(zhuǎn)換為智能對(duì)象”

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

新建一個(gè)畫布,把你要貼的背景圖放進(jìn)來,選擇時(shí)間軸后就可以把剛剛做好的動(dòng)畫拖過來了,貼上就可以了

動(dòng)圖技巧,5分鐘教會(huì)用gif做交互的動(dòng)態(tài)效果

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

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

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

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