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

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

準(zhǔn)備工作:

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

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

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

最愛(ài)的翻白眼表情

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

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

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

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

選框工具

小貼士:

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

圖層面板

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

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

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

最終的結(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)起來(lái)

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

時(shí)間軸面板

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

Paste_Image.png

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

效果
升級(jí)版

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

充電.gif

第一步:繪制電池的邊框

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

方形
凸出的部分

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

合拼形狀
合拼后的形狀

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

修改名字

第二步逐一繪制圖案

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

Paste_Image.png

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

圖層百分之80%

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

圖層50%
圖層20%

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

圖層100%

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

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

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

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

這樣

最后如上圖,點(diǎn)擊0秒后面的倒三角,選擇延遲2S就制作完成了,聽(tīng)上去很復(fù)雜,做起來(lái)其實(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)擊圖片)
汽車

第二步:將汽車的輪胎和汽車的身體分開(kāi),保存為PSD文件。

在基礎(chǔ)教程里說(shuō)過(guò)的方法,兩個(gè)輪胎圈出來(lái),然后復(fù)制一層,然后再刪掉原圖的輪胎就可以了。

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

第三步:打開(kāi)AE,將PSD文件導(dǎo)入

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

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

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

首先,我們確定一下,圖層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)起來(lái)。

旋轉(zhuǎn)

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

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

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

位置

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

字的移動(dòng)就是輸入好文字以后,可以在PS里先完成,只不過(guò)他和扯一起動(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里打開(kāi)。

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

打開(kāi)

好了!只要你掌握了上面三種方式,一般的靜態(tài)圖轉(zhuǎn)動(dòng)態(tài)圖的方法,你就基本上都學(xué)會(huì)啦~至于用途,可以插入在PPT、也可以用來(lái)給公眾號(hào)配圖、設(shè)置公眾號(hào)的歡迎界面等等.....當(dāng)然,也可以用來(lái)制作表情包?。。”热绾?jiǎn)書上的動(dòng)畫大神阿隨老師(阿隨向前沖)就把這種動(dòng)態(tài)的圖,放在自己文章的末尾,很有意思!

阿隨老師
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、工作區(qū)和工作流程 1.工作區(qū)和面板 保存、刪除、重置工作區(qū)停靠、編組、浮動(dòng)面板 2.首選項(xiàng) 常規(guī)、預(yù)覽、導(dǎo)入、...
    朱細(xì)細(xì)閱讀 8,213評(píng)論 0 52
  • 官網(wǎng)中文版 1 簡(jiǎn)易天空替換## 技能:線性擦除,追蹤運(yùn)動(dòng),用顏色鍵K出人物,用色彩曲線調(diào)色。(1)天空?qǐng)D片素材放...
    朱細(xì)細(xì)閱讀 11,683評(píng)論 4 81
  • 如果你是初級(jí)階段的水平,熟讀此文并掌握,馬上進(jìn)階為中級(jí)水平。絕對(duì)不是廣告噢。 常見(jiàn)技巧 經(jīng)典的Photoshop技...
    打豆豆閱讀 9,786評(píng)論 0 81
  • 【說(shuō)明:本文是從Principle官網(wǎng)翻譯過(guò)來(lái)的,因個(gè)人能力和水平有限,部分術(shù)語(yǔ)可能不準(zhǔn)確,對(duì)軟件功能的理解也可能...
    shea閱讀 43,283評(píng)論 23 117
  • 有時(shí)候我們并沒(méi)有關(guān)注到身邊的變化,只有那變化產(chǎn)生了影響才感覺(jué)到已經(jīng)不是曾經(jīng)那樣。我們會(huì)感嘆時(shí)間和生命,會(huì)思考該怎么...
    神秘的Q閱讀 343評(píng)論 0 1

友情鏈接更多精彩內(nèi)容