photoshopcs6設(shè)計制作方格心-LOVEgif動畫教程

　　這是在寫部教程的時候，看到一個由方格組成的心。于是試著用PS做成了動畫，然后加入了LOVE四個字母，看起來還可以。但是，有些復(fù)雜。復(fù)雜倒不是技術(shù)上的復(fù)雜，是做起來復(fù)雜。
　　來試試吧。
　　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不用我教大家了吧?

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com