[IR動(dòng)圖教程] 用真正的圖層制作動(dòng)畫(huà)-ImageReady2

來(lái)源:不詳 作者:佚名 學(xué)習(xí):427人次
用真正的圖層制作動(dòng)畫(huà)-ImageReady2Photoshop的網(wǎng)友,在需要作動(dòng)畫(huà)Logo或動(dòng)畫(huà)廣告條時(shí),會(huì)很自然地想到用動(dòng)畫(huà)專用軟件,如Ulead公司的Animater之類。先將動(dòng)畫(huà)的各組成頁(yè)用圖象編輯軟件作好,再到動(dòng)畫(huà)軟件里組合。這種方法雖然很可靠,但較麻煩。尤其當(dāng)作品完成后,又想改動(dòng),而原動(dòng)畫(huà)組成頁(yè)已被你刪除,可就“蝦”了。我給你推薦一種方法,用ImageReady2.0吧。

  ImageReady2.0與Photoshop幾乎相同,可以說(shuō)是Photoshop的翻版。安裝Photoshop5.5時(shí),會(huì)自帶ImageReady2.0。當(dāng)然,你也可以到網(wǎng)上找找看。如果你會(huì)用Photoshop,事兒就全齊了,馬上就能作動(dòng)畫(huà),即方便,可改動(dòng)性又強(qiáng)。

  我先來(lái)講講ImageReady2.0的動(dòng)畫(huà)原理,相信你很快就會(huì)掌握它。大家都知道,如果不會(huì)用Photoshop的層控制,就不能算會(huì)用Photoshop。在ImageReady2.0里,動(dòng)畫(huà)的制作主要是在層控制板上完成的。開(kāi)始,你不必關(guān)心動(dòng)畫(huà)的各頁(yè)設(shè)置。你只須象用Photoshop一樣,將動(dòng)畫(huà)的各靜態(tài)部分分別放到不同的層上,在每一層上,無(wú)內(nèi)容的區(qū)域就讓它空著,不用管它。每個(gè)動(dòng)畫(huà)靜態(tài)頁(yè)可以都在一層上,也可在幾層上,只要你弄得清哪些層同時(shí)顯示,就能組成哪一個(gè)動(dòng)畫(huà)靜態(tài)頁(yè)。比如,你想讓一個(gè)單詞從左到右分別出現(xiàn)三次,左邊一次,中間一次,右邊一次。那你只須作三個(gè)層,并分別將這個(gè)單詞放在左、中、右位置。

  當(dāng)作完組成動(dòng)畫(huà)的所有靜態(tài)圖層后(我說(shuō)了,并不需要圖層和動(dòng)畫(huà)靜態(tài)頁(yè)成為一對(duì)一的關(guān)系,組成某一靜態(tài)頁(yè)的,可以是幾個(gè)圖層,只要你弄得清即可。并且,某一圖層允許被不同的靜態(tài)頁(yè)公用),就可以從容地將具體內(nèi)容分別放入各靜態(tài)頁(yè)中,所謂放入,其實(shí)只是當(dāng)你選中某一個(gè)動(dòng)畫(huà)頁(yè)時(shí),使反映這一頁(yè)的那一層或幾層為可見(jiàn),而讓其它層不可見(jiàn)。然后,到,再使反映這一頁(yè)的那一層或幾層為可見(jiàn),而讓其它層不可見(jiàn)。ImageReady2.0將分別記住你關(guān)閉或打開(kāi)各層的情況,這時(shí),你只須令其輸出就行了。

       
  原理弄明白,事情就好辦了。首先看看這張圖,圖象窗和Photoshop有些不同。上方有四個(gè)顯示狀態(tài)選擇,其中Original表示原始狀態(tài),即未經(jīng)壓縮時(shí)的顯示狀態(tài)。Optimized表示經(jīng)優(yōu)化后的狀態(tài)顯示,即壓縮效果顯示。2-Up和 4-Up則分別以兩幅或四幅的幅面來(lái)顯示不同的壓縮效果,你只須對(duì)它稍作研究就會(huì)明白,我就不多說(shuō)了。至于下面的幾個(gè)數(shù)據(jù)顯示框,都是很直觀的。用鼠標(biāo)點(diǎn)擊它們,可以選? 種數(shù)據(jù)顯示,比如中間那個(gè)框里的“9.146k”是表示這個(gè)動(dòng)畫(huà)被輸出后的實(shí)際大小。

          
  這是層控制板。我這個(gè)小動(dòng)畫(huà)用了不少層吧?但每層數(shù)據(jù)量很小,作起來(lái)就相當(dāng)快。你看,至少有五個(gè)層可見(jiàn),而其它層被關(guān)閉了。它們的組合,就反映了一個(gè)動(dòng)畫(huà)靜態(tài)頁(yè)。

上面說(shuō)過(guò),一開(kāi)始不必去管動(dòng)畫(huà)各頁(yè)的設(shè)置,也不必急于生成各個(gè)動(dòng)畫(huà)頁(yè)。在默認(rèn)情況下,開(kāi)始只有第一頁(yè)。當(dāng)你將所有的層都設(shè)計(jì)得較為滿意了,再?gòu)牡谝豁?yè)開(kāi)始,分別增加一頁(yè)然后設(shè)置需要打開(kāi)或關(guān)閉的層。當(dāng)然,對(duì)于每個(gè)層,也可以設(shè)置其透明度和疊加方式,即上方那個(gè)“Normal”選擇框和在它右邊的那個(gè)透明度百分比選擇。你的工作幾乎都在這個(gè)控制板上,所以,盡可能發(fā)揮你的想象力吧,巧妙的組合會(huì)使你得到意想不到的效果。

  關(guān)于動(dòng)畫(huà)控制板,實(shí)在沒(méi)什么可說(shuō)的。它很簡(jiǎn)單,你試試就會(huì)的。下圖就是動(dòng)畫(huà)控制板。須稍加說(shuō)明的,就是每幅靜態(tài)頁(yè)的顯示時(shí)間控制。每頁(yè)下面的那個(gè)“1.2...”說(shuō)明我將靜態(tài)顯示時(shí)間設(shè)置成1.2秒了。ImageReady2.0允許將各頁(yè)設(shè)置成不同的顯示時(shí)間。用鼠標(biāo)右擊那些“1.2...”,你有很自由的選擇。

       


 最后,談?wù)剦嚎s問(wèn)題。你總不能不壓縮就把動(dòng)畫(huà)發(fā)布到網(wǎng)上去吧?我這幅動(dòng)畫(huà)如果不壓縮,將是120k,看到了嗎?

         

  Optimize設(shè)置框讓你對(duì)作品進(jìn)行壓縮設(shè)置,你可以看到,我將動(dòng)畫(huà)輸出為GIF格式,并且,顏色控制在32色。

  試試吧,ImageReady2.0可以讓你的動(dòng)畫(huà)設(shè)計(jì)成為一種享受的(象廣告詞兒)。記住,你還是需要將文件存成PSD格式的,不然,將來(lái)要改動(dòng)時(shí)就被動(dòng)了。簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享
photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!