當(dāng)前位置:首頁 >影樓數(shù)碼 >數(shù)碼資訊 >用好Photoshop的手足兄弟 ImageReady

用好Photoshop的手足兄弟 ImageReady

文章來源:圓圓yy   我要投稿  

如果你的電腦中安裝著5.5以上版本的Photoshop,你一定會(huì)發(fā)現(xiàn),還有另一個(gè)叫做ImageReady的軟件隨同Photoshop一起被安裝到了你的計(jì)算機(jī)中。那么,你知道它是用來做什么的嗎?

用好Photoshop的手足兄弟 ImageReady

  ImageReady是一款專門用來編輯動(dòng)畫的軟件,它彌補(bǔ)了Photoshop在編輯動(dòng)畫以及網(wǎng)頁素材方面的不足。ImageReady中包含了大量制作網(wǎng)頁圖像和動(dòng)畫的工具,甚至可以產(chǎn)生部分 招聘攝影師

 

html代碼,可以說是功能強(qiáng)大。下面我們就來學(xué)習(xí)一下它的兩項(xiàng)基本動(dòng)畫處理功能。

 

  在正式開始之前讓我們先來看一段搞笑動(dòng)畫“彈指神功”(www.haha365.com/default.asp﹖relid=4)。將圖片的六種變化一一抓下保存為JPEG格式圖片(小編注:抓圖的方法本報(bào)以前有過很多介紹,這里不再贅述。),將大小均調(diào)整為244×277像素,依次命名為t1.jpg?t6.jpg招聘化妝師



圖1準(zhǔn)備好動(dòng)畫所需要的6張圖片


  一、制作GIF動(dòng)畫


  動(dòng)畫實(shí)際上就是一系列連續(xù)出現(xiàn)的靜態(tài)圖像,每一幅靜態(tài)圖像全影人才網(wǎng)稱為一幀,當(dāng)這些幀連續(xù)、快速地顯示時(shí)就會(huì)形成動(dòng)畫效果。用ImageReady編輯動(dòng)畫其實(shí)也就是對(duì)幀的操作。


  1、創(chuàng)建新幀


  打開ImageReady,新建一個(gè)244×277像素大小的名為“彈指神功”的新文件,在“窗口”菜單中點(diǎn)擊“顯示圖層”以及“顯示動(dòng)畫”命令,使圖層面板與動(dòng)畫面板出現(xiàn)在軟件界面中。打開t1.jpg,按Ctrl+A將圖片內(nèi)容全影結(jié)婚網(wǎng)全部選中,復(fù)制粘貼到新圖片中,這是動(dòng)畫的第一幀,也是程序默認(rèn)的圖片正常狀態(tài)。


  單擊動(dòng)畫面板下方的“復(fù)制當(dāng)前幀”按鈕,建立第2幀。同樣將t2.jpg的內(nèi)容全選復(fù)制到新文件“彈指神功”中。


  接下來用上述辦法將t3.jpg、t4.jpg、t5.jpg、t6.jpg分別全影婚慶網(wǎng)粘貼到各自的新幀中,一共建立6幀。

 

  2、圖層與幀的配合

 

  在圖層面板中選中“背景”層,按圖層面板右下角的“刪除圖層”按鈕(小垃圾桶符號(hào)),將背景層刪除。

 

  單擊選中動(dòng)畫面板中的第1幀,在圖層面板中隱藏圖層2、3、4、5、6(就是將這些圖層左邊的“小眼睛”點(diǎn)掉)。

 

  然后單擊選中動(dòng)畫面板中的第2幀,在圖層面板中隱藏圖層1、3、4、5、6,使之僅顯示圖層2的內(nèi)容。

 

  同理,再分別將第3到第6幀中的其他圖層隱藏,使每一幀僅顯示與其關(guān)的圖層內(nèi)容。處理結(jié)果如圖2所示。

 

  3、預(yù)覽與存儲(chǔ)

 

  在動(dòng)畫面板每一幀的下部單擊“秒”字右邊的小倒三角,選擇希望每一幀顯示的時(shí)間(0?240秒,你可以自己調(diào)整)。最后,單擊動(dòng)畫面板中的播放按鈕,就可以直接測試動(dòng)畫效果了。如果你還滿意的話,可以在“文件”菜單中選擇“存儲(chǔ)優(yōu)化結(jié)果”,將我們的成果保存為“彈指神功.gif”,就完成制作了。

 

  順便提一句,你也可以用ImageReady打開任意一幅GIF動(dòng)畫圖片,對(duì)每一幀進(jìn)行編輯修改。我感覺與另一著名動(dòng)畫編輯軟件FireWork比較起來,ImageReady的界面更加友好,操作更加簡便。

 

  二、制作翻轉(zhuǎn)圖片

 

  在網(wǎng)頁中,經(jīng)常遇到鼠標(biāo)事件導(dǎo)致的不同動(dòng)態(tài)效果的情況,比如最常見的鼠標(biāo)移到圖片上、單擊以及移開時(shí),圖片內(nèi)容發(fā)生變化。如果用網(wǎng)頁html代碼編輯這種效果是很麻煩的,而用ImageReady就簡單多了。

 

  制作這種圖片翻轉(zhuǎn)效果的方法與上面制作動(dòng)畫的方法基本差不多,惟一不同的是我們這次不是打開動(dòng)畫面板來編輯各個(gè)幀,而是打開翻轉(zhuǎn)面板來編輯各個(gè)不同的鼠標(biāo)狀態(tài)。

 

  使用“窗口→顯示翻轉(zhuǎn)”命令打開翻轉(zhuǎn)面板,點(diǎn)擊面板下方的“創(chuàng)建新翻轉(zhuǎn)狀態(tài)”按鈕可以創(chuàng)建不同的翻轉(zhuǎn)狀態(tài),這里一共可以有6種狀態(tài),分別是:正常、Over、Down、Click、Out和Up。其他的步驟就不多說了,同樣是建立各個(gè)狀態(tài)與各圖層之間的對(duì)應(yīng)關(guān)系,最后選擇“將優(yōu)化結(jié)果存儲(chǔ)為...”,保存為HTML格式即可。

 

 

圖2使各幀僅顯示相關(guān)圖層內(nèi)容

 

  關(guān)于ImageReady的使用,今天我就向大家介紹到這里,當(dāng)然這只能算是一瞥,更多功能還有待大家繼續(xù)探索。

 

官方微博:@全影網(wǎng) https://weibo.com/7192com

官方微信:想在手機(jī)上獲取最新鮮資訊嗎?添加全影網(wǎng)官方微信:www7192com

免責(zé)聲明:

本站部分內(nèi)容、觀點(diǎn)、圖片、文字、視頻來自網(wǎng)絡(luò),僅供大家學(xué)習(xí)和交流,真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾。如果本站有涉及侵犯您的版權(quán)、著作權(quán)、肖像權(quán)的內(nèi)容,請(qǐng)聯(lián)系我們(0536-8337192),我們會(huì)立即審核并處理。

我要評(píng)論

當(dāng)前已有loading...個(gè)參與
驗(yàn)證碼: 驗(yàn)證碼,看不清楚?請(qǐng)點(diǎn)擊刷新驗(yàn)證碼

名企招聘

人才求職

婚紗攝影

人才網(wǎng)X 關(guān)閉

掃描訪問手機(jī)版