如何用PS繪制動(dòng)態(tài)圖像呢?使用PS制作動(dòng)態(tài)心型動(dòng)畫(huà)教程

在開(kāi)始檢測(cè)洗錢我們先看一下效果圖,是不是顯得非??蓯?ài)。
最終的效果圖:
這是在寫(xiě)部教程的時(shí)候,看到一個(gè)由方格組成的心。于是試著用PS做成了動(dòng)畫(huà),然后加入了LOVE四個(gè)字母,看起來(lái)還可以。但是,有些復(fù)雜。復(fù)雜倒不是技術(shù)上的復(fù)雜,是做起來(lái)復(fù)雜。
PS教程來(lái)試試吧。
1.新建一個(gè)文件
大小150*150.然后新建一個(gè)圖層,命名為“紅色方塊“,選擇矩形選框工具,設(shè)置選項(xiàng)如下:
在畫(huà)布上單擊,此時(shí)會(huì)出現(xiàn)一個(gè)10*10的選區(qū),新建一個(gè)圖層,然后填充你喜歡的顏色。注意,此時(shí)填充的顏色決定了你整體的心是什么顏色。填充后,把你的這個(gè)紅色方塊放到靠左上角的位置,如下圖:
把背景改成你喜歡的顏色,我改成了淺紫色:
復(fù)制紅色方塊層,然后鎖定副本層的透明度,填充白色,并重命名為“白色方塊“:
用鼠標(biāo)工具選中“紅色方塊“和“白色方塊“層,然后Ctrl+J復(fù)制這兩個(gè)層,復(fù)制后按住Shift鍵不放按一下→,然后放開(kāi)Shift鍵,再按3下→:
Ctrl+J繼續(xù)復(fù)制兩個(gè)層,復(fù)制后按住Shift鍵不放按一下→,然后放開(kāi)Shift鍵,再按3下→;重復(fù)這個(gè)動(dòng)作,直到我們的畫(huà)布上出現(xiàn)7個(gè)方塊:
用鼠標(biāo)工具在畫(huà)布中畫(huà)出一個(gè)矩形,這樣會(huì)選中所有的方塊:
選中后,Ctrl+J,復(fù)制所有的方塊。按住Shift鍵不放按一下↓,然后放開(kāi)Shift鍵,再按3下↓;重復(fù)這個(gè)動(dòng)作,直到我們的畫(huà)布上出現(xiàn)7行7列方塊:
2.新建兩條參考線
位置分別為水平50%和垂直50%,然后選中所有的方塊,Ctrl+T,讓中心點(diǎn)與參考線中心對(duì)齊,這樣這個(gè)整體的方塊就處于了畫(huà)布的中央:
刪掉不需要的圖層,哪些是不需要的呢?如下圖:
刪掉后,是這樣的:
3.我們要開(kāi)始做動(dòng)畫(huà)了哦~
打開(kāi)幀動(dòng)畫(huà)面板,第一幀時(shí)間為0,循環(huán)永遠(yuǎn)。然后隱藏所有的方塊,只顯示背景層(按住Alt鍵,單擊背景層,這樣會(huì)只顯示背景層;再次按住Alt鍵單擊背景層會(huì)顯示隱藏的圖層。);然后新建一幀,隨便顯示一個(gè)白色方塊圖層,并把透明度改成50%:
你最好把新建幀設(shè)置一個(gè)快捷鍵,比如F8:
再次新建幀,把透明度由50%改成100;然后繼續(xù)新建幀,顯示白色方塊圖層下邊的紅色方塊圖層,并隱藏白色圖層:
播放一下你的動(dòng)畫(huà),請(qǐng)確認(rèn)你的動(dòng)畫(huà)和下圖一致:
4.新建幀
隨便顯示一個(gè)未顯示的白色方塊圖層,并把透明度改成50%;再次新建幀,把透明度由50%改成100。然后繼續(xù)新建幀,顯示白色方塊圖層下邊的紅色方塊圖層,并隱藏白色圖層:
重復(fù)這個(gè)動(dòng)作,直到讓我們所有的紅色方塊顯示:
(你的圖層面板應(yīng)該是間隔一個(gè)顯示一個(gè)。即,所有的白色方塊圖層處于隱藏狀態(tài),所有的紅色方塊圖層處于顯示狀態(tài);而你的幀面板應(yīng)該是103幀。)
播放一下,效果是這樣的:
關(guān)于字母動(dòng)畫(huà)的制作,我猜應(yīng)該很多人不用看教程就能做出來(lái)。所以,我講一個(gè)比較簡(jiǎn)單的字母動(dòng)畫(huà)效果。不用再像我們做這個(gè)心的時(shí)候那么麻煩,當(dāng)然啊,這個(gè)辦法也不是多省事。只是…我第一次做這個(gè)效果的時(shí)候是用的這個(gè)方法。
1.選中最后一幀,然后新建一幀(如果你的電腦配置略低,可以在新的文件中做動(dòng)畫(huà),方法是復(fù)制這個(gè)文件,拼合所有的圖層。);選擇最頂端的方塊圖層,Ctrl+J復(fù)制一個(gè),命名為“L“。然后鎖定透明度,把顏色改為其他顏色:
復(fù)制這個(gè)L層,組合成一個(gè)L形狀:
OK,選中所有的L層,
Ctrl+E合并他們,并重命名為L(zhǎng):
添加蒙板,然后解鎖蒙板和圖層的鏈接,蒙板用剛好遮住整個(gè)L的長(zhǎng)方形即可:
Ctrl+J復(fù)制這個(gè)L層,鎖定透明度,填充白色,命名為“白色L“,并把白色L層放到L層下邊:
2.選中白色L圖層的蒙板,讓后按↓,顯示出一個(gè)白色方塊:
新建一幀,再顯示一個(gè)白色方塊:
選擇L層的蒙板,按↓,顯示出一個(gè)紅色方塊:
3.新建一幀,繼續(xù)向下移動(dòng)白色L層和L層的蒙板:
新建幀,向下移動(dòng)白色L層和L層的蒙板:
新建幀,向右移動(dòng)白色L層的蒙板(此時(shí)如果再向下移動(dòng),就錯(cuò)了):
OK,把L層的蒙板繼續(xù)往下:
新建幀,向右移動(dòng)白色L層和L層的蒙板:
(此時(shí)你應(yīng)該明白了,為什么要用一個(gè)長(zhǎng)方形的蒙板來(lái)遮蓋L的形狀了把?)
新建幀,繼續(xù)向右移動(dòng)白色L層和L層的蒙板:
新建幀,隱藏白色L層,然后向右移動(dòng)L層的蒙板:
4.選中第104幀(剛做L動(dòng)畫(huà)的那一幀),按住Shift選中最后一幀;以此選中L動(dòng)畫(huà)的所有幀:
F2復(fù)制他們,然后F3粘貼幀,選擇粘貼在后面:
粘貼后,默認(rèn)會(huì)選中我們剛粘貼的幀,直接點(diǎn)擊動(dòng)畫(huà)的選項(xiàng)按鈕,選擇反向幀,這樣我們就得到了一個(gè)L的消失動(dòng)畫(huà):
5.新建一幀,隱藏最后一幀的白色方塊:
我們?cè)撟鲎帜窸的動(dòng)畫(huà)了,O的形狀如下:
有沒(méi)有發(fā)現(xiàn)右邊實(shí)際上是L:
所以,選擇最后一幀,再次粘貼幀,我們就省了很多力氣做O的動(dòng)畫(huà),我們要做的只是O的右上部分。
再次新建一幀,復(fù)制一個(gè)小方塊,鎖定透明度,把顏色填充為和L一樣的顏色;命名為O;
用這個(gè)O圖層,組合成字母O的右上部分:
選中這幾個(gè)組成O上半部分的方塊層:
Ctrl+E,合并他們,并重命名為O;給這個(gè)O添加蒙板,并取消蒙板和圖層的鏈接:
復(fù)制這個(gè)圖層,鎖定透明度,重命名為“白色O“,并放到O圖層的下邊:
把白色O的蒙板網(wǎng)上移動(dòng):
新建一幀,把白色O和O層都網(wǎng)上移動(dòng):
繼續(xù)新建幀,移動(dòng)這兩個(gè)圖層:
新建幀,往左邊移動(dòng)白色O圖層的蒙板:
把O圖層蒙板往上移動(dòng):
新建幀,把白色O圖層和O圖層都往左邊移動(dòng):
再次新建幀,隱藏白色O圖層,往左移動(dòng)O圖層蒙板:
6.選中所有組成O字母動(dòng)畫(huà)的幀(我的是從121~133幀),復(fù)制他們,然后粘貼幀:
粘貼后,直接反向幀:
OK,到現(xiàn)在我們已經(jīng)完成了兩個(gè)字母的制作。后邊的V和E不用我教大家了吧?
相關(guān)文章
如何繪制卡通風(fēng)格的兔子圖標(biāo)?用PS繪制卡通動(dòng)畫(huà)風(fēng)格兔子圖標(biāo)教程
這篇教程主要是通過(guò)PS繪制卡通動(dòng)畫(huà)風(fēng)格兔子圖標(biāo)的教程,用PS繪制了一組UI界面的卡通風(fēng)格圖標(biāo),操作也是非常簡(jiǎn)單,現(xiàn)在就開(kāi)始我們今天的教程吧2021-05-12如何用PS制作雷達(dá)掃描GIF動(dòng)畫(huà)?用PS制作雷達(dá)掃描GIF動(dòng)畫(huà)效果教程
這篇教程主要是通過(guò)PS制作雷達(dá)掃描GIF動(dòng)畫(huà)效果教程,具體教程請(qǐng)看下文,大家如果覺(jué)得教程還不錯(cuò)的話,也可以推薦給朋友們一起學(xué)習(xí),現(xiàn)在就開(kāi)始我們今天的教程吧2021-05-08如何用PS合成一個(gè)GIF動(dòng)畫(huà)?使用PS制作一個(gè)炫酷的GIF動(dòng)畫(huà)特效教程
前幾天閑得無(wú)聊做了個(gè)這樣的GIF發(fā)到群里玩,大伙都問(wèn):這什么軟件做的?AE?幻影粒子?我想說(shuō)這只是PS疊加素材而已。。。。那些高端軟件我還沒(méi)安裝呢2021-04-28如何用PS鼠繪一個(gè)小黃人?PS鼠繪萌萌噠的動(dòng)畫(huà)人物小黃人教程
小黃人已經(jīng)是個(gè)無(wú)需介紹的人氣角色,呆萌的外表讓他成為了踐踏主角的超級(jí)巨星,在全球擁有無(wú)數(shù)粉絲,是不是一定得用3D軟件才能做出小黃人哩?NONO,今天就教大家用PS快速做2021-04-15如何用PS制作故障風(fēng)格動(dòng)畫(huà)呢?PS制作故障風(fēng)格GIF動(dòng)畫(huà)教程
當(dāng)你學(xué)習(xí)了一些基本軟件操作后我們可以來(lái)制作一個(gè)故障風(fēng)格GIF動(dòng)畫(huà),動(dòng)畫(huà)入門必須得做這些小東西哦,別看它們小,但是里頭有很多知識(shí)點(diǎn)呢,喜歡的朋友讓我們一起來(lái)學(xué)習(xí)吧。2021-04-15如何用PS制作出一個(gè)投擲標(biāo)槍的小人GIF動(dòng)畫(huà)呢?
當(dāng)你學(xué)習(xí)了一些基本軟件操作后我們可以來(lái)制作一個(gè)GIF小動(dòng)畫(huà),動(dòng)畫(huà)入門必須得做這些小東西哦,別看它們小,但是里頭有很多知識(shí)點(diǎn)呢,喜歡的朋友讓我們一起來(lái)學(xué)習(xí)吧2021-04-15ps怎么制作加載動(dòng)畫(huà)? ps做loading加載動(dòng)畫(huà)的實(shí)例
ps怎么制作加載動(dòng)畫(huà)?ps中想要制作一個(gè)加載動(dòng)畫(huà),該怎么制作這個(gè)動(dòng)畫(huà)效果呢?下面我們就來(lái)看看ps做loading動(dòng)畫(huà)的實(shí)例,需要的朋友可以參考下2021-03-07ps怎么制作類似微信開(kāi)啟畫(huà)面? ps微信啟動(dòng)畫(huà)面的做法
ps怎么制作類似微信開(kāi)啟畫(huà)面?ps中想要利用合成制作一個(gè)類似微信啟動(dòng)界面的地球畫(huà)面,該怎么制作呢?下面我們就來(lái)看看ps微信啟動(dòng)畫(huà)面的做法,需要的朋友可以參考下2021-03-07Photoshop怎么啟用CC 3D動(dòng)畫(huà)? psCC 3D動(dòng)畫(huà)技術(shù)預(yù)覽的設(shè)置方法
Photoshop怎么啟用CC 3D動(dòng)畫(huà)?ps中在預(yù)覽的時(shí)候,想要開(kāi)啟cc 3d動(dòng)畫(huà)預(yù)覽psCC 3D動(dòng)畫(huà)預(yù)覽,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2020-12-30PS時(shí)間軸創(chuàng)建幀動(dòng)畫(huà)總是出bug怎么解決?
PS時(shí)間軸創(chuàng)建幀動(dòng)畫(huà)總是出bug怎么解決?ps在創(chuàng)建時(shí)間軸動(dòng)畫(huà)的時(shí)候總是會(huì)遇到各種問(wèn)題,該怎么解決這些bug呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2020-09-08