如何用PS繪制動態(tài)圖像呢?使用PS制作動態(tài)心型動畫教程
在開始檢測洗錢我們先看一下效果圖,是不是顯得非??蓯?。
最終的效果圖:

這是在寫部教程的時候,看到一個由方格組成的心。于是試著用PS做成了動畫,然后加入了LOVE四個字母,看起來還可以。但是,有些復(fù)雜。復(fù)雜倒不是技術(shù)上的復(fù)雜,是做起來復(fù)雜。
PS教程來試試吧。
1.新建一個文件
大小150*150.然后新建一個圖層,命名為“紅色方塊“,選擇矩形選框工具,設(shè)置選項如下:

在畫布上單擊,此時會出現(xiàn)一個10*10的選區(qū),新建一個圖層,然后填充你喜歡的顏色。注意,此時填充的顏色決定了你整體的心是什么顏色。填充后,把你的這個紅色方塊放到靠左上角的位置,如下圖:

把背景改成你喜歡的顏色,我改成了淺紫色:

復(fù)制紅色方塊層,然后鎖定副本層的透明度,填充白色,并重命名為“白色方塊“:

用鼠標(biāo)工具選中“紅色方塊“和“白色方塊“層,然后Ctrl+J復(fù)制這兩個層,復(fù)制后按住Shift鍵不放按一下→,然后放開Shift鍵,再按3下→:

Ctrl+J繼續(xù)復(fù)制兩個層,復(fù)制后按住Shift鍵不放按一下→,然后放開Shift鍵,再按3下→;重復(fù)這個動作,直到我們的畫布上出現(xiàn)7個方塊:

用鼠標(biāo)工具在畫布中畫出一個矩形,這樣會選中所有的方塊:

選中后,Ctrl+J,復(fù)制所有的方塊。按住Shift鍵不放按一下↓,然后放開Shift鍵,再按3下↓;重復(fù)這個動作,直到我們的畫布上出現(xiàn)7行7列方塊:

2.新建兩條參考線
位置分別為水平50%和垂直50%,然后選中所有的方塊,Ctrl+T,讓中心點與參考線中心對齊,這樣這個整體的方塊就處于了畫布的中央:

刪掉不需要的圖層,哪些是不需要的呢?如下圖:

刪掉后,是這樣的:

3.我們要開始做動畫了哦~
打開幀動畫面板,第一幀時間為0,循環(huán)永遠(yuǎn)。然后隱藏所有的方塊,只顯示背景層(按住Alt鍵,單擊背景層,這樣會只顯示背景層;再次按住Alt鍵單擊背景層會顯示隱藏的圖層。);然后新建一幀,隨便顯示一個白色方塊圖層,并把透明度改成50%:

你最好把新建幀設(shè)置一個快捷鍵,比如F8:

再次新建幀,把透明度由50%改成100;然后繼續(xù)新建幀,顯示白色方塊圖層下邊的紅色方塊圖層,并隱藏白色圖層:

播放一下你的動畫,請確認(rèn)你的動畫和下圖一致:

4.新建幀
隨便顯示一個未顯示的白色方塊圖層,并把透明度改成50%;再次新建幀,把透明度由50%改成100。然后繼續(xù)新建幀,顯示白色方塊圖層下邊的紅色方塊圖層,并隱藏白色圖層:

重復(fù)這個動作,直到讓我們所有的紅色方塊顯示:
(你的圖層面板應(yīng)該是間隔一個顯示一個。即,所有的白色方塊圖層處于隱藏狀態(tài),所有的紅色方塊圖層處于顯示狀態(tài);而你的幀面板應(yīng)該是103幀。)

播放一下,效果是這樣的:

關(guān)于字母動畫的制作,我猜應(yīng)該很多人不用看教程就能做出來。所以,我講一個比較簡單的字母動畫效果。不用再像我們做這個心的時候那么麻煩,當(dāng)然啊,這個辦法也不是多省事。只是…我第一次做這個效果的時候是用的這個方法。
1.選中最后一幀,然后新建一幀(如果你的電腦配置略低,可以在新的文件中做動畫,方法是復(fù)制這個文件,拼合所有的圖層。);選擇最頂端的方塊圖層,Ctrl+J復(fù)制一個,命名為“L“。然后鎖定透明度,把顏色改為其他顏色:

復(fù)制這個L層,組合成一個L形狀:

OK,選中所有的L層,

Ctrl+E合并他們,并重命名為L:

添加蒙板,然后解鎖蒙板和圖層的鏈接,蒙板用剛好遮住整個L的長方形即可:

Ctrl+J復(fù)制這個L層,鎖定透明度,填充白色,命名為“白色L“,并把白色L層放到L層下邊:

2.選中白色L圖層的蒙板,讓后按↓,顯示出一個白色方塊:

新建一幀,再顯示一個白色方塊:

選擇L層的蒙板,按↓,顯示出一個紅色方塊:

3.新建一幀,繼續(xù)向下移動白色L層和L層的蒙板:

新建幀,向下移動白色L層和L層的蒙板:

新建幀,向右移動白色L層的蒙板(此時如果再向下移動,就錯了):

OK,把L層的蒙板繼續(xù)往下:

新建幀,向右移動白色L層和L層的蒙板:

(此時你應(yīng)該明白了,為什么要用一個長方形的蒙板來遮蓋L的形狀了把?)
新建幀,繼續(xù)向右移動白色L層和L層的蒙板:

新建幀,隱藏白色L層,然后向右移動L層的蒙板:

4.選中第104幀(剛做L動畫的那一幀),按住Shift選中最后一幀;以此選中L動畫的所有幀:

F2復(fù)制他們,然后F3粘貼幀,選擇粘貼在后面:

粘貼后,默認(rèn)會選中我們剛粘貼的幀,直接點擊動畫的選項按鈕,選擇反向幀,這樣我們就得到了一個L的消失動畫:

5.新建一幀,隱藏最后一幀的白色方塊:

我們該做字母O的動畫了,O的形狀如下:

有沒有發(fā)現(xiàn)右邊實際上是L:

所以,選擇最后一幀,再次粘貼幀,我們就省了很多力氣做O的動畫,我們要做的只是O的右上部分。
再次新建一幀,復(fù)制一個小方塊,鎖定透明度,把顏色填充為和L一樣的顏色;命名為O;
用這個O圖層,組合成字母O的右上部分:

選中這幾個組成O上半部分的方塊層:

Ctrl+E,合并他們,并重命名為O;給這個O添加蒙板,并取消蒙板和圖層的鏈接:

復(fù)制這個圖層,鎖定透明度,重命名為“白色O“,并放到O圖層的下邊:

把白色O的蒙板網(wǎng)上移動:

新建一幀,把白色O和O層都網(wǎng)上移動:
繼續(xù)新建幀,移動這兩個圖層:

新建幀,往左邊移動白色O圖層的蒙板:

把O圖層蒙板往上移動:

新建幀,把白色O圖層和O圖層都往左邊移動:

再次新建幀,隱藏白色O圖層,往左移動O圖層蒙板:

6.選中所有組成O字母動畫的幀(我的是從121~133幀),復(fù)制他們,然后粘貼幀:

粘貼后,直接反向幀:

OK,到現(xiàn)在我們已經(jīng)完成了兩個字母的制作。后邊的V和E不用我教大家了吧?
相關(guān)文章

如何繪制卡通風(fēng)格的兔子圖標(biāo)?用PS繪制卡通動畫風(fēng)格兔子圖標(biāo)教程
這篇教程主要是通過PS繪制卡通動畫風(fēng)格兔子圖標(biāo)的教程,用PS繪制了一組UI界面的卡通風(fēng)格圖標(biāo),操作也是非常簡單,現(xiàn)在就開始我們今天的教程吧2021-05-12
如何用PS制作雷達(dá)掃描GIF動畫?用PS制作雷達(dá)掃描GIF動畫效果教程
這篇教程主要是通過PS制作雷達(dá)掃描GIF動畫效果教程,具體教程請看下文,大家如果覺得教程還不錯的話,也可以推薦給朋友們一起學(xué)習(xí),現(xiàn)在就開始我們今天的教程吧2021-05-08
如何用PS合成一個GIF動畫?使用PS制作一個炫酷的GIF動畫特效教程
前幾天閑得無聊做了個這樣的GIF發(fā)到群里玩,大伙都問:這什么軟件做的?AE?幻影粒子?我想說這只是PS疊加素材而已。。。。那些高端軟件我還沒安裝呢2021-04-28
如何用PS鼠繪一個小黃人?PS鼠繪萌萌噠的動畫人物小黃人教程
小黃人已經(jīng)是個無需介紹的人氣角色,呆萌的外表讓他成為了踐踏主角的超級巨星,在全球擁有無數(shù)粉絲,是不是一定得用3D軟件才能做出小黃人哩?NONO,今天就教大家用PS快速做2021-04-15
如何用PS制作故障風(fēng)格動畫呢?PS制作故障風(fēng)格GIF動畫教程
當(dāng)你學(xué)習(xí)了一些基本軟件操作后我們可以來制作一個故障風(fēng)格GIF動畫,動畫入門必須得做這些小東西哦,別看它們小,但是里頭有很多知識點呢,喜歡的朋友讓我們一起來學(xué)習(xí)吧。2021-04-15
如何用PS制作出一個投擲標(biāo)槍的小人GIF動畫呢?
當(dāng)你學(xué)習(xí)了一些基本軟件操作后我們可以來制作一個GIF小動畫,動畫入門必須得做這些小東西哦,別看它們小,但是里頭有很多知識點呢,喜歡的朋友讓我們一起來學(xué)習(xí)吧2021-04-15
ps怎么制作加載動畫?ps中想要制作一個加載動畫,該怎么制作這個動畫效果呢?下面我們就來看看ps做loading動畫的實例,需要的朋友可以參考下2021-03-07
ps怎么制作類似微信開啟畫面?ps中想要利用合成制作一個類似微信啟動界面的地球畫面,該怎么制作呢?下面我們就來看看ps微信啟動畫面的做法,需要的朋友可以參考下2021-03-07
Photoshop怎么啟用CC 3D動畫? psCC 3D動畫技術(shù)預(yù)覽的設(shè)置方法
Photoshop怎么啟用CC 3D動畫?ps中在預(yù)覽的時候,想要開啟cc 3d動畫預(yù)覽psCC 3D動畫預(yù)覽,該怎么實現(xiàn)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-12-30
PS時間軸創(chuàng)建幀動畫總是出bug怎么解決?ps在創(chuàng)建時間軸動畫的時候總是會遇到各種問題,該怎么解決這些bug呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-09-08







