動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。(4)

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

大家好:

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

“我不會(huì)FLASH 不會(huì)AE 但是想做一些簡(jiǎn)單的東西,這個(gè)能用PS 完成嗎?”

我回答是,簡(jiǎn)單的小動(dòng)畫(huà) 用PS是可以完成的。

下面,小編介紹一個(gè)簡(jiǎn)單的動(dòng)畫(huà)和操作方式,大家可以依次推理制作一些簡(jiǎn)單好玩的動(dòng)畫(huà)。

看上去很簡(jiǎn)單吧,來(lái)看看怎么制作的吧!

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

 

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

 

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

后,在上面畫(huà)三條豎線,代表有速度的下落,下面的直線作為一個(gè)平臺(tái)。制作的時(shí)候最好把橢圓和三條豎線組成

一個(gè)組。命名為第一幀,方便后面做動(dòng)畫(huà)好找圖層。

 

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

然后吧你剛剛成組的橢圓和三條豎線復(fù)制一個(gè) 命名為第二幀 然后吧第一幀隱藏起來(lái) 把位置向下移動(dòng)一點(diǎn)

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

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

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

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

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

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

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

然后向上移動(dòng)一點(diǎn)就可以了。 然后隱藏所有的圖層。

 

做好前面這些就是為了后面做動(dòng)畫(huà)就會(huì)非常方面了,下面開(kāi)始見(jiàn)證奇跡的時(shí)刻吧。

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

窗口---動(dòng)畫(huà)

就會(huì)彈出一個(gè)動(dòng)畫(huà)(幀)的窗口,這個(gè)時(shí)候就可以制作動(dòng)畫(huà)了哦

首先,點(diǎn)開(kāi)第一幀那個(gè)組的隱藏,然后,藍(lán)色線條也點(diǎn)開(kāi),

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

 

然后點(diǎn)擊一下那個(gè)復(fù)制所選幀,然后再點(diǎn)開(kāi)第二幀,隱藏第一幀(一定要隱藏)。

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

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

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

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

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

點(diǎn)擊播放鍵就可以看到動(dòng)畫(huà)了哦

 

動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。

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

 

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

學(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)論
秦顧2018-12-08 04:13
小妖愛(ài)丫怪2015-08-17 01:49
動(dòng)畫(huà)134749ieflckl3lqesb803.gif
小妖愛(ài)丫怪2015-08-17 01:08
動(dòng)畫(huà)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í)啦。。。
本身的命運(yùn)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)友求助,請(qǐng)回答!