教你如何修改GIF動畫

1、所需軟件，Photoshop,AdobeImageready（Photoshop7.0以上版本均有自帶）。好了，先讓我們來看看原圖。然后，我們再來看看修改后的效果圖。在這里大家可以看到，我把原圖里布料上的字給去掉了，然后換成我自己想要的文字。這里面總共涉及到3個大知識點：如何把GIF導(dǎo)入到PS里。如何將圖案完美的退底。如何在Imageready編輯動畫。好了，現(xiàn)在我們開始今天的課程。首先，我們來觀察一下原圖：一個可愛的小孩在天上飛，手里抓著我們今天課程的主題，一塊布，一塊在上面印著GOODLUCK的布。這塊布是以白色紅點為背景，我們現(xiàn)在要來做的就是把字去掉，然后把去掉部分用再用紅點覆蓋起來。好

2、了，現(xiàn)在讓我們來打開ADOBEImageready。首先，雙擊空白處，找到并打開我們所要的圖片。如圖A。A.jpg藥囲+潔封-請豫蚩擇更須*信封-激腌崽-*.J3.C2IJ.Z2J剛:豳2-P5唱眾tE1T6第尺類丈OTiin酈鬥|毘件LMl】的6鬥二|刪礎(chǔ)沁盤井芒；文忡翹心.三接下來，點擊左邊的工具條最下方，跳轉(zhuǎn)到Photoshop。如圖B。B.jpg（這里可能有同學(xué)會問，為什么不直接用PS打開呢，這是因為,用PS直接打開GIF圖片時，PS只能打開圖片的第1幀）。好，現(xiàn)在我們已經(jīng)進入到ps的操作界面了。按一下鍵盤上的鍵：使用多邊型選擇工具。如圖c。jpg在圖片上圈選出如圖D的部分。jpg這里

3、要說明一下，因為呆會我們會把圈選的范圍用紅點填充，為了感覺完整性，所以我們現(xiàn)在在選擇的時候盡量注意不要出現(xiàn)一顆紅點有半邊在圈外半邊在圈內(nèi)的情況。如上圖D。接下來，我們按鍵盤上的D鍵，把前、背景還原為默認色，然后，再按鍵盤上的Ctrl+Delete,用白色把圈選的區(qū)域用背景色填充。按下來，我們按一下鍵盤上的B鍵：使用畫筆工具，然后在窗口的右邊有一“畫筆”的標簽，點擊它，然后設(shè)如圖參數(shù)：直徑為5，硬度為100%，間距為500%。如圖E。17動惑形狀5100%硬施角度：度直筆筆尖形伏文件瀏覽器宦應(yīng)筆預(yù)設(shè)廠散布廠紋理廠雙重畫筆廠動蕊顏色廠苴他動番廠雜色廠濕邊廠噴槍廠平滑廠保護紋理吃斤;一”-:.丘間距

4、13.4591319r5*.91-3172127Bli354565100200300T-直徑j(luò)pg（這里有一點要注意，我們所用的是畫筆工具鑒，不是鉛筆工具o）好，接下來，按緊鍵盤上的ALT鍵，在白布里的紅點上點一下鼠標，取一下紅點的顏色，然后，用畫筆工具在選區(qū)里畫上紅點。如圖F。雪*少4拯TA口jpg好，現(xiàn)在，我們用畫筆工具小心翼翼的在空白處合理的畫上所需紅點，如圖G。jpg好，接下來就是按一下鍵盤上的CTRL+J,可以看到圖層面板里多出了一個層，沒錯，這個就是我們剛剛的選區(qū)。如圖H。閣層埴充：11珈鎖定：寺m閣層2閣層3I正常一3不透明度：1述I*聞眉5道徑逸jpg好，現(xiàn)在我們試著來回點擊圖

5、層2左邊的眼睛，看看布的XXX是否正常。你看到了什么？沒錯，布在動，但我們剛剛做的那一塊區(qū)域卻沒反應(yīng)，這看起來很不自然。那么我們接下來就是讓他變的自然一點。我們觀察一下，圖層2的布是鼓起來的，而圖層1的布是往內(nèi)收縮的，所以，我們現(xiàn)在只要將圖層3也往內(nèi)收縮一下，就OK了。好，我們來選擇圖層3,然后按CTRL+T，把圖層3稍微往下壓一點，好，壓好后，按鍵盤的ENTER確認。我們再切換圖層2的眼睛看看，是不是很自然了？OK，接下來選擇圖層3，然后按CTRL+E，讓圖層3和圖層1合并起來。下面，我們就要來真正的讓它動起來了。按一下PS的工具欄的下方，轉(zhuǎn)到Imageready。如圖I。口乂毎Xgpdr*

6、.T.S兒-*ef_：J-粘貼圖層祥式茗團層樣式粘貼到鏈接的陰屋港陰團層樣式內(nèi)垸光斜面和浮雕頻色疊加漸變査加團案疊加描邊復(fù)制圖層瓏除圖層不透明度：too%j_劇定：.審0軌甩筆電M.jpgN.jpg好，接下來，我們準備為文字制作4幀的變色動畫。但現(xiàn)在問題是整個動畫才只有2幀，所以我們現(xiàn)在就要再多增加2幀出來。在Imageready的動畫窗口上，按鍵盤SHIFT鍵把2個動畫幀選上，然后拖到新鍵幀的圖標上，如圖0。O.jpg好，現(xiàn)在你會看到動畫窗口上有4個幀了。接下來，我們把“游園活動”的圖層也復(fù)制3個出來。（只要把“游園活動”圖層拖到圖層面板下方的新建按鍵上就行）?，F(xiàn)在，我們在圖層面板上就可以看

7、到“游園活動”、“游園活動副本”、“游園活動副本2”、“游園活動副本3”。如圖P。|正常3不透明度：|100_L逋定：少中自統(tǒng)一：居彎唱T游園活動副本3游園活動副本2|T|游園活動副本游園活動圖層zT圖層1P.jpg接下來，我們分別把改副本、副本2和副本3這3個文字層的文字改顏色。最后，我們只需要把動畫幀與圖層的隱藏和顯示順序?qū)悠饋?，這一步較容易，我就只做了個動畫演示供同學(xué)們參考。如圖Q。廠|1Hrw汎圧史記錄fFx0|正竄|不透明度|ioc%鎖定：口二申話紙一仝亀蓄園活動副本317Q.gifT游園活動副本2T游園活動副不敕果好，最后，我們再來看看效果：再看看效果：（加摳圖照片，文字漸隱效果

8、）1、從IR中打開動態(tài)素材圖。然后選擇動畫框中的第一幀（如果你選擇中間的其他幀，等從PS修改圖片后再回來，照片和文字就會上下左右的亂動，就不好看，也難改了）2、從左邊工具欄中，點擊轉(zhuǎn)到PS修改圖片。AilciteIrriageJieadyCS2AiutieIiriageJieailyCS23、打開照片，摳好圖，調(diào)整好照片的亮度大小等，拖到素材里，注意把照片放到最上方。因為照片要顯示在每個幀的上面。（如果素材中間摳空做相框，那么照片就要放到最下層）文字，放好位置后，再轉(zhuǎn)到IR。4、再輸入芒I小透明度:5、轉(zhuǎn)到IR后，素材的每個幀要相對應(yīng)每個圖層，照片和文字層的眼睛不論哪一幀都開著。這時播放一下動畫，就能看到效果了。6、下面把文字做漸隱效果，選擇動畫的最后一幀這里是第四幀，把這一幀對應(yīng)的文字圖層前面的眼睛關(guān)閉，選擇過渡，過渡五幀就差不多了。好了，再播放一下動畫，如果幀的速度要修改，可以自己再修改一下。記住優(yōu)化選擇一下，再將優(yōu)化結(jié)果保存為GIF格式就OK了。第二個效果：（原動態(tài)圖上文字多的修改）1、從IR中打開素材圖，選擇第一幀，轉(zhuǎn)到PS，將每一個圖層的原文字（也就是不需要的地方）用畫筆選好顏色后涂抹，或者背景不清晰的，可以用其他方法來去除文字。附：轉(zhuǎn)帖圖片去除文字的幾個