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

動圖入門,制作簡單的跳動小球。(4)

來源:站酷 作者:cssj2012 學(xué)習(xí):26613人次

大家好:

在FLASH 和 AE橫行的時代,相信很多平面設(shè)計師都在想

“我不會FLASH 不會AE 但是想做一些簡單的東西,這個能用PS 完成嗎?”

我回答是,簡單的小動畫 用PS是可以完成的。

下面,小編介紹一個簡單的動畫和操作方式,大家可以依次推理制作一些簡單好玩的動畫。

看上去很簡單吧,來看看怎么制作的吧!

 

動圖入門,制作簡單的跳動小球。

 

 

動圖入門,制作簡單的跳動小球。

 

首先,用PS畫好一個橢圓(這里稍微賣弄一下,根據(jù)動力學(xué)的原理,一般球狀物下落是會有一個形變的,)然

后,在上面畫三條豎線,代表有速度的下落,下面的直線作為一個平臺。制作的時候最好把橢圓和三條豎線組成

一個組。命名為第一幀,方便后面做動畫好找圖層。

 

 

動圖入門,制作簡單的跳動小球。

然后吧你剛剛成組的橢圓和三條豎線復(fù)制一個 命名為第二幀 然后吧第一幀隱藏起來 把位置向下移動一點

 

動圖入門,制作簡單的跳動小球。

然后 吧第二幀的組在復(fù)制,命名為第三幀,這里要注意一點了當(dāng)橢圓形下落到平臺后,吧橢圓旋轉(zhuǎn)90度,表示

這個橢圓是有一柔韌性的,顯得比較活潑,然后,吧藍(lán)色的線復(fù)制一個圖層,吧藍(lán)色線彎曲一點,也是體現(xiàn)柔韌性的

 

動圖入門,制作簡單的跳動小球。

然后 吧第三幀的組在復(fù)制,命名為第四幀,這次先別急著吧平臺還原,先把橢圓旋轉(zhuǎn)回來,三條豎線不用要了。

 

動圖入門,制作簡單的跳動小球。

然后 吧第四幀的組在復(fù)制,命名為第五幀,加上三條豎線,吧橢圓向上移動一點 第六幀也一樣 復(fù)制第五幀,

然后向上移動一點就可以了。 然后隱藏所有的圖層。

 

做好前面這些就是為了后面做動畫就會非常方面了,下面開始見證奇跡的時刻吧。

 

動圖入門,制作簡單的跳動小球。

窗口---動畫

就會彈出一個動畫(幀)的窗口,這個時候就可以制作動畫了哦

首先,點開第一幀那個組的隱藏,然后,藍(lán)色線條也點開,

 

動圖入門,制作簡單的跳動小球。

 

然后點擊一下那個復(fù)制所選幀,然后再點開第二幀,隱藏第一幀(一定要隱藏)。

 

動圖入門,制作簡單的跳動小球。

同樣的道理,先點擊那個復(fù)制所選幀,吧第三幀顯示出來,隱藏第二幀,吧藍(lán)色直線隱藏,吧彎曲的藍(lán)色線顯示出來,后面的幾幀都是一樣的到底。

 

動圖入門,制作簡單的跳動小球。

最終顯示是這樣的,現(xiàn)在開始驗收成果了,哦也~~

 

動圖入門,制作簡單的跳動小球。

點擊播放鍵就可以看到動畫了哦

 

動圖入門,制作簡單的跳動小球。

動畫播放的快慢可以調(diào)這里。

 

動畫到這里就可以完結(jié)了!小伙伴們多多練習(xí),自己也可以做好玩的動畫!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
秦顧2018-12-08 04:13
小妖愛丫怪2015-08-17 01:49
動畫134749ieflckl3lqesb803.gif
小妖愛丫怪2015-08-17 01:08
動畫134749ieflckl3lqesb803.gif
學(xué)習(xí)PS2015-04-28 12:04
不知道PS也能做出這么流暢的
學(xué)習(xí)PS2015-04-28 12:34
不知道PS也能做出這么流暢的
帥滴鬼哭神泣2015-04-25 10:51
學(xué)習(xí)啦。。學(xué)習(xí)啦。
輕浮home2015-04-25 11:40
學(xué)習(xí)啦。。學(xué)習(xí)啦。。。
挖蛆蘸膿吃2015-04-25 11:40
學(xué)習(xí)啦。。學(xué)習(xí)啦。。。
本身的命運2015-04-25 11:40
學(xué)習(xí)啦。。學(xué)習(xí)啦。。。
星辰神魔2015-04-25 11:15
學(xué)習(xí)啦、
落慕不嵩手2015-04-25 11:15
學(xué)習(xí)啦、
四夕住持2015-04-25 11:15
學(xué)習(xí)啦、
紫狼王怒2015-04-25 11:15
學(xué)習(xí)啦、
好先森2015-04-25 11:15
學(xué)習(xí)啦、
位面喵星人2015-04-25 11:15
學(xué)習(xí)啦、

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

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