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

ps cs6制作流暢的登錄演示動畫(4)

來源:站酷 作者:牛MO王 學(xué)習(xí):5408人次

作者這里僅介紹登錄動畫的制作思路和簡單過程。一些細節(jié)的制作,如登錄框,每一幀的圖像等都需要自己根據(jù)參考圖慢慢完成。

最終效果

1、新建大小適當(dāng)?shù)奈募,背景填充暗藍色。首先設(shè)計一個底座,主要用圖層樣式來完成。

2、設(shè)計一個紙張的出口,同樣用圖層樣式制作。


3、畫一張紙,用圖層蒙版畫出下面的鋸齒,再新建圖層添加剪貼蒙版,給紙張增加陰影。

   

4、輸入需要布局的文字,在這里需要考慮交互問題?焖俣环爆嵤亲詈玫。


5、首先在草稿上或腦海里構(gòu)思出預(yù)想的一個動態(tài)交互,然后到菜單:窗口> 時間軸,并選中它。

6、然后復(fù)制一層整個界面的組合文件,再設(shè)計出另一種方式,將其它隱藏。

7、以此類推,做出其他的逐幀變化樣式,期間注意運動的遠近。


8、所有的準備工作準備完畢,開始我們的動畫設(shè)計。

9、整體做完以后,點擊播放按鈕預(yù)覽,然后對于不流暢的地方調(diào)整時間或者調(diào)整細節(jié)。


10、最后按Ctrl+ Alt + Shift + S ,存儲為Web所用格式。

同理制作QQ表情。

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

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

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

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