動(dòng)圖入門,制作簡(jiǎn)單的跳動(dòng)小球。(4)
大家好:
在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)看看怎么制作的吧!
首先,用PS畫(huà)好一個(gè)橢圓(這里稍微賣弄一下,根據(jù)動(dòng)力學(xué)的原理,一般球狀物下落是會(huì)有一個(gè)形變的,)然
后,在上面畫(huà)三條豎線,代表有速度的下落,下面的直線作為一個(gè)平臺(tái)。制作的時(shí)候最好把橢圓和三條豎線組成
一個(gè)組。命名為第一幀,方便后面做動(dòng)畫(huà)好找圖層。
然后吧你剛剛成組的橢圓和三條豎線復(fù)制一個(gè) 命名為第二幀 然后吧第一幀隱藏起來(lái) 把位置向下移動(dòng)一點(diǎn)
然后 吧第二幀的組在復(fù)制,命名為第三幀,這里要注意一點(diǎn)了當(dāng)橢圓形下落到平臺(tái)后,吧橢圓旋轉(zhuǎn)90度,表示
這個(gè)橢圓是有一柔韌性的,顯得比較活潑,然后,吧藍(lán)色的線復(fù)制一個(gè)圖層,吧藍(lán)色線彎曲一點(diǎn),也是體現(xiàn)柔韌性的
然后 吧第三幀的組在復(fù)制,命名為第四幀,這次先別急著吧平臺(tái)還原,先把橢圓旋轉(zhuǎn)回來(lái),三條豎線不用要了。
然后 吧第四幀的組在復(fù)制,命名為第五幀,加上三條豎線,吧橢圓向上移動(dòng)一點(diǎn) 第六幀也一樣 復(fù)制第五幀,
然后向上移動(dòng)一點(diǎn)就可以了。 然后隱藏所有的圖層。
做好前面這些就是為了后面做動(dòng)畫(huà)就會(huì)非常方面了,下面開(kāi)始見(jiàn)證奇跡的時(shí)刻吧。
窗口---動(dòng)畫(huà)
就會(huì)彈出一個(gè)動(dòng)畫(huà)(幀)的窗口,這個(gè)時(shí)候就可以制作動(dòng)畫(huà)了哦
首先,點(diǎn)開(kāi)第一幀那個(gè)組的隱藏,然后,藍(lán)色線條也點(diǎn)開(kāi),
然后點(diǎn)擊一下那個(gè)復(fù)制所選幀,然后再點(diǎn)開(kāi)第二幀,隱藏第一幀(一定要隱藏)。
同樣的道理,先點(diǎn)擊那個(gè)復(fù)制所選幀,吧第三幀顯示出來(lái),隱藏第二幀,吧藍(lán)色直線隱藏,吧彎曲的藍(lán)色線顯示出來(lái),后面的幾幀都是一樣的到底。
最終顯示是這樣的,現(xiàn)在開(kāi)始驗(yàn)收成果了,哦也~~
點(diǎn)擊播放鍵就可以看到動(dòng)畫(huà)了哦
動(dòng)畫(huà)播放的快慢可以調(diào)這里。
動(dòng)畫(huà)到這里就可以完結(jié)了!小伙伴們多多練習(xí),自己也可以做好玩的動(dòng)畫(huà)!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)畫(huà)閃字
- 動(dòng)畫(huà)入門
- 大家
- 跳動(dòng)
- cssj2012
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類型照片
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫(huà),用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫(huà)效果
- 播放器制作,用PS加AE制作一個(gè)“山寨”網(wǎng)易云音樂(lè)播放界面
推薦教程
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫(huà)效果
- 照片加水波動(dòng)畫(huà)特效IR教程
- photoshop如何做河水流動(dòng)效果
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫(huà)之三
- ps制作佛光閃耀GIF動(dòng)畫(huà)
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- PS制作心電圖動(dòng)態(tài)效果圖
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖