五分鐘讓靜態(tài)圖片動(dòng)起來匾七!又可以更新表情包了!

在之前的文章里江兢,教過大家怎么樣截取電影片段昨忆,制作成GIF圖。就有很多寶寶想問杉允,電影里的片段邑贴,都是設(shè)定好的,我想讓某些靜態(tài)圖案動(dòng)起來叔磷,怎么辦呢拢驾?看完今天的內(nèi)容,靜態(tài)圖也可以動(dòng)起來了世澜。

準(zhǔn)備工作:

1独旷、需要一張無背景或者純色背景的圖片。(圖片的內(nèi)容寥裂,一定要是會(huì)動(dòng)的)

2、Photoshop(如果你還會(huì)基礎(chǔ)AE案疲,那就更好了)

基礎(chǔ)篇——會(huì)動(dòng)的emoji表情

最愛的翻白眼表情

第一步:簡(jiǎn)單分析圖片

首先我們有一張靜態(tài)圖片封恰,第一步需要確定,這張圖我想怎么樣動(dòng)褐啡?emoji表情里的翻白眼這個(gè)表情诺舔,可以用的地方就是讓黑眼球動(dòng)起來。

第二步:摳出眼睛成為獨(dú)立圖層

想要讓黑眼球動(dòng)起來备畦,我們就必須要黑眼球成為一個(gè)新的對(duì)象低飒,這一步的方法多種多樣,你自己重新繪制一個(gè)眼球都行懂盐。下面我們只講一種褥赊。

選框工具

小貼士:

這里有一個(gè)小訣竅,選取的時(shí)候莉恼,可以在眼球附近畫面拌喉,然后用鍵盤上的上下左右,來調(diào)整選取的位置俐银。選擇好以后尿背,復(fù)制粘貼一次就可以了。用同樣方法完成另外一只眼睛捶惜。

圖層面板

這個(gè)時(shí)候圖層里田藐,應(yīng)該有三個(gè)圖層。

第三步 :刪掉原有圖層中的黑色眼球

我們回到最下層(也就是原圖),利用印章工具汽久,將原來的黑色眼球去掉鹤竭。這里的方法也是多種多樣,你也可以用白色的畫筆去涂回窘。

最終的結(jié)果

印章工具的用法

在工具箱中選擇印章工具诺擅,按住ait鍵不放,選取白色眼球啡直,然后去涂掉黑色眼球就可以了烁涌。(印章工具可以用于去除水印等,和污點(diǎn)修復(fù)工具的區(qū)別在于酒觅,印章工具的覆蓋以后撮执,不會(huì)自動(dòng)羽化邊緣。)

最后舷丹,把黑色眼球抒钱,移動(dòng)到中間,可以用Ctrl建選中兩個(gè)圖層颜凯,同時(shí)移動(dòng)兩個(gè)圖層谋币。

眼球

第四步:創(chuàng)建時(shí)間軸

在菜單欄窗口中選擇時(shí)間軸,時(shí)間軸窗口中症概,選擇創(chuàng)建時(shí)間軸蕾额。

時(shí)間軸
創(chuàng)建時(shí)間軸

第五步:讓眼球動(dòng)起來

在時(shí)間軸面板中,點(diǎn)擊眼球圖層前前的倒三角彼城,展開以后诅蝶,點(diǎn)擊下方位置前的秒表。

時(shí)間軸面板

箭頭指的就是秒表和關(guān)鍵幀募壕,下面將時(shí)間軸往后拉一點(diǎn)(取決于你想要的時(shí)間長(zhǎng)度)

Paste_Image.png

下面還是Ctrl同時(shí)選中兩只黑色眼球揭绑,讓兩個(gè)眼球同時(shí)向上移動(dòng)坏怪,移動(dòng)到眼眶邊緣就可以了搀缠。如果烧颖,想完成翻白眼翻到看不見黑眼球,可以在制作時(shí)將原圖的眼眶中的白眼球摳掉习柠,將黑眼球的圖層放在原圖的下方就可以了匀谣。

效果
升級(jí)版

中級(jí)篇——正在充電的手機(jī)電池

充電.gif

第一步:繪制電池的邊框

首先這個(gè)正在充電的圖標(biāo)需要自己手繪的,方法是運(yùn)用了PsCC版本中的圓角繪制工具资溃。(長(zhǎng)方形的框圓角像素為5武翎,凸出的部分圓角像素3)

方形
凸出的部分

在圖層面板中同時(shí)選中兩個(gè)圖層,復(fù)制一次溶锭。復(fù)制一次以后宝恶,將其中的兩個(gè)圖層合并形狀。

合拼形狀
合拼后的形狀

此時(shí)一共有三個(gè)圖層,分別是合并以后的圖層和長(zhǎng)方形圖層和突出部分的圖層垫毙。之后為了方便說明霹疫,我們將合并后的圖層(如上圖)改名為邊框,長(zhǎng)方形圖層改名為填充色90%综芥,突出的部分你可以改為填充色100%

修改名字

第二步逐一繪制圖案

首先我們選中填充色90%的圖層丽蝎,對(duì)圖層的邊框色關(guān)閉(圖中1處),將背景色調(diào)整為綠色圖中2處膀藐。

Paste_Image.png

復(fù)制一層屠阻,修改名為百分之80%,CTRl+T將綠色的條縮短额各。(效果如下)

圖層百分之80%

接下來用同樣的方式繪制50和百分之20兩個(gè)圖層国觉。

圖層50%
圖層20%

下面將圖層百分90%復(fù)制一層,將他與圖層100%(就是突出的部分)合并形狀虾啦。

圖層100%

第四步:將幀制作成動(dòng)畫

首先還是一樣的麻诀,在窗口中打開時(shí)間軸,不同的是這一次我們創(chuàng)建幀動(dòng)畫傲醉。

創(chuàng)建幀動(dòng)畫

在第一幀里蝇闭,只保留圖層邊框和背景(其他圖層隱藏)點(diǎn)擊下方的新建幀,顯示圖層20%硬毕,在新建幀丁眼,顯示圖層50%....以此類推制作到100%

這樣

最后如上圖,點(diǎn)擊0秒后面的倒三角昭殉,選擇延遲2S就制作完成了,聽上去很復(fù)雜藐守,做起來其實(shí)很簡(jiǎn)單挪丢。

高級(jí)篇——會(huì)動(dòng)的小汽車(需要運(yùn)用AE)

小汽車.gif

這張圖中的小汽車運(yùn)動(dòng),其實(shí)和表情的運(yùn)動(dòng)類似卢厂,首先需要新建一個(gè)圖層乾蓬,然后將小汽車放在圖層里面。

汽車的圖

小貼士一定要是一個(gè)平行的汽車側(cè)面

第一步:圖片的處理

首先去掉下方的英文慎恒,然后將汽車做水平翻轉(zhuǎn)任内,最后將白色背景去掉,得到一個(gè)透明背景的汽車融柬。

水平翻轉(zhuǎn)(選中圖片Ctrl+T之后右鍵點(diǎn)擊圖片)
汽車

第二步:將汽車的輪胎和汽車的身體分開死嗦,保存為PSD文件。

在基礎(chǔ)教程里說過的方法粒氧,兩個(gè)輪胎圈出來越除,然后復(fù)制一層,然后再刪掉原圖的輪胎就可以了。

圖層里有四個(gè)圖層

第三步:打開AE摘盆,將PSD文件導(dǎo)入

點(diǎn)擊文件導(dǎo)入選擇剛才保存的PSD文件

導(dǎo)入
會(huì)有彈出窗口選擇確定

第四步:讓車輪轉(zhuǎn)動(dòng)起來

首先翼雀,我們確定一下,圖層2和圖層3就是輪胎的圖層孩擂,因此我們最下方時(shí)間軸同時(shí)選中這兩個(gè)圖層狼渊,調(diào)出旋轉(zhuǎn)設(shè)置(快捷鍵R)

操作的地方在這里

操作和PS中其實(shí)是類似的,首先點(diǎn)擊圖中1位置的小秒表类垦,然后就會(huì)自動(dòng)出現(xiàn)圖中5的關(guān)鍵幀狈邑,然后拖動(dòng)時(shí)間軸(圖中3的紅線)到圖中四的位置,在圖中2的位置讓輪胎旋轉(zhuǎn)起來护锤。

旋轉(zhuǎn)

第五步:讓車動(dòng)起來

除了背景以為的圖層全部選中官地,在鍵盤上點(diǎn)擊快捷鍵P。

方法和之前輪胎的旋轉(zhuǎn)一樣烙懦,只不過在圖中2位置時(shí)驱入,我們需要讓車往前移動(dòng),移動(dòng)到畫外的位置氯析。

位置

第六步:字的移動(dòng)

字的移動(dòng)就是輸入好文字以后亏较,可以在PS里先完成,只不過他和扯一起動(dòng)掩缓,在設(shè)置位置時(shí)雪情,他在畫面中間停止,而車?yán)^續(xù)走你辣。從關(guān)鍵幀上看巡通,字的關(guān)鍵幀,在車關(guān)鍵幀的前面就停止了舍哄。

如圖

第七步:保存做好的內(nèi)容

點(diǎn)擊菜單欄中的合成宴凉,點(diǎn)擊預(yù)渲染。

預(yù)渲染

設(shè)置輸出的格式表悬,建議可以選擇TIFF弥锄,然后設(shè)置保存的位置,可以保存到桌面蟆沫。

Paste_Image.png

第八步:將保存好的TIFF文件籽暇,在PS里打開。

記住一定要勾選圖像序列喲~

打開

好了饭庞!只要你掌握了上面三種方式戒悠,一般的靜態(tài)圖轉(zhuǎn)動(dòng)態(tài)圖的方法,你就基本上都學(xué)會(huì)啦~至于用途但绕,可以插入在PPT救崔、也可以用來給公眾號(hào)配圖惶看、設(shè)置公眾號(hào)的歡迎界面等等.....當(dāng)然,也可以用來制作表情包A酢N忱琛!比如簡(jiǎn)書上的動(dòng)畫大神阿隨老師(阿隨向前沖)就把這種動(dòng)態(tài)的圖劫窒,放在自己文章的末尾本今,很有意思!

阿隨老師
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末主巍,一起剝皮案震驚了整個(gè)濱河市冠息,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌孕索,老刑警劉巖逛艰,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異搞旭,居然都是意外死亡散怖,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門肄渗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來镇眷,“玉大人,你說我怎么就攤上這事翎嫡∏范” “怎么了?”我有些...
    開封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵惑申,是天一觀的道長(zhǎng)具伍。 經(jīng)常有香客問我,道長(zhǎng)圈驼,這世上最難降的妖魔是什么沿猜? 我笑而不...
    開封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮碗脊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘橄妆。我一直安慰自己衙伶,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開白布害碾。 她就那樣靜靜地躺著矢劲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪慌随。 梳的紋絲不亂的頭發(fā)上芬沉,一...
    開封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天躺同,我揣著相機(jī)與錄音,去河邊找鬼丸逸。 笑死蹋艺,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的黄刚。 我是一名探鬼主播捎谨,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼憔维!你這毒婦竟也來了涛救?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤业扒,失蹤者是張志新(化名)和其女友劉穎检吆,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體程储,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蹭沛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了虱肄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片致板。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖咏窿,靈堂內(nèi)的尸體忽然破棺而出斟或,到底是詐尸還是另有隱情,我是刑警寧澤集嵌,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布萝挤,位于F島的核電站,受9級(jí)特大地震影響根欧,放射性物質(zhì)發(fā)生泄漏怜珍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一凤粗、第九天 我趴在偏房一處隱蔽的房頂上張望酥泛。 院中可真熱鬧,春花似錦嫌拣、人聲如沸柔袁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捶索。三九已至,卻和暖如春灰瞻,著一層夾襖步出監(jiān)牢的瞬間腥例,已是汗流浹背辅甥。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留燎竖,地道東北人璃弄。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像底瓣,于是被迫代替她去往敵國和親谢揪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 一捐凭、工作區(qū)和工作流程 1.工作區(qū)和面板 保存拨扶、刪除、重置工作區(qū)妥鲁Γ靠患民、編組、浮動(dòng)面板 2.首選項(xiàng) 常規(guī)垦梆、預(yù)覽匹颤、導(dǎo)入、...
    朱細(xì)細(xì)閱讀 7,429評(píng)論 0 52
  • 官網(wǎng)中文版 1 簡(jiǎn)易天空替換## 技能:線性擦除托猩,追蹤運(yùn)動(dòng)印蓖,用顏色鍵K出人物,用色彩曲線調(diào)色京腥。(1)天空?qǐng)D片素材放...
    朱細(xì)細(xì)閱讀 10,664評(píng)論 4 82
  • 如果你是初級(jí)階段的水平公浪,熟讀此文并掌握他宛,馬上進(jìn)階為中級(jí)水平。絕對(duì)不是廣告噢欠气。 常見技巧 經(jīng)典的Photoshop技...
    打豆豆閱讀 9,483評(píng)論 0 81
  • 【說明:本文是從Principle官網(wǎng)翻譯過來的厅各,因個(gè)人能力和水平有限,部分術(shù)語可能不準(zhǔn)確预柒,對(duì)軟件功能的理解也可能...
    shea閱讀 42,237評(píng)論 23 117
  • 有時(shí)候我們并沒有關(guān)注到身邊的變化队塘,只有那變化產(chǎn)生了影響才感覺到已經(jīng)不是曾經(jīng)那樣。我們會(huì)感嘆時(shí)間和生命宜鸯,會(huì)思考該怎么...
    神秘的Q閱讀 280評(píng)論 0 1