[前言] Adobe ImageReady剛誕生時(shí)是作為一個(gè)獨(dú)立的動(dòng)畫編輯軟件發(fā)布的,直到Photoshop升級(jí)到5.5版本的時(shí)候,Adobe公司才將升級(jí)到2.0版本的ImageReady捆綁在一起,搭配銷售,彌補(bǔ)Photoshop在動(dòng)畫編輯以及網(wǎng)頁制作方面的不足。ImageReady具備Photoshop中常用的圖像編輯功能,同時(shí)ImageReady更提供了包含了大量網(wǎng)頁和動(dòng)畫的設(shè)計(jì)制作工具,功能強(qiáng)大也非常實(shí)用。
Photoshop7.0發(fā)布的時(shí)候,ImageReady一下子就同步升級(jí)到了7.0,
今年Adobe 今年Adobe CS套件發(fā)布,ImageReady也就一同升級(jí)成為嶄新的ImageReady CS。
點(diǎn)擊ImageReady CS漂亮的羽毛圖標(biāo),我們一起來看看新的ImageReady CS都帶給大家什么樣的驚喜。
一、新的工具欄
ImageReady CS的工具欄有一些變化,許多工具也進(jìn)行了重新合并分組,
我們將它和ImageReady 7.0的工具欄做一個(gè)細(xì)致的比較,并著重介紹新增的
“矩形工具”和“藥丸矩形工具”……
二、新增LayerComps面板
和Photoshop CS一樣,ImageReady CS增加了LayerComps面板,可以在
一個(gè)文件中保存不同的層組合效果,以便對(duì)各種效果進(jìn)行快速察看……
三、新增Web Content面板
經(jīng)筆者使用發(fā)現(xiàn)這與ImageReady7.0中的Rollovers面板功能相近,只不
過它將常用的一些面板進(jìn)行組合,使用此面板能夠快速瀏覽所有的行為切片
(Slices),動(dòng)畫幀(Animations)、Map熱區(qū)(Image Maps),有一個(gè)方便的操
作面板并能通瀏覽器方便的看到其運(yùn)行結(jié)果。而且可以快速嵌套行為切片、添
加行為片段等等,最重要的是可以在一個(gè)文檔中建立多種切片方式,在新建動(dòng)畫幀時(shí)同時(shí)新建層……
四、豐富的Slice面板
在Slice面板中又添加了許多內(nèi)容,用戶對(duì)熱區(qū)的屬性指定變得更加方
便……
五、新增的Table面板
ImageReady CS新增了Table面板,用來調(diào)整嵌套行為切片屬性……
六、新建預(yù)設(shè)
ImageReady CS在新建文件時(shí)提供了常用的一般網(wǎng)頁所用的尺寸以及一些廣告大小預(yù)設(shè),比起ImageReady7.0更細(xì)致貼心……
七、輸出Flash動(dòng)畫
從來沒有想過ImageReady 也能夠?qū)?dòng)畫輸出成.swf格式吧!現(xiàn)在網(wǎng)上流行Flash動(dòng)畫為主的.swf格式,不但體積小而且方便,所以在ImageReady CS里也特意為大家準(zhǔn)備了能夠以.swf格式輸入的功能。只要選擇主菜單中選中“File”下“Export”中的,就會(huì)彈出輸出.swf格式的設(shè)置框……
八、Actions面板增加Insert a Step功能
這個(gè)Insert a Step功能可以讓我們自定義條件觸發(fā)的動(dòng)作內(nèi)容,使用這種條件觸發(fā)的邏輯功能,可以讓ImageReady CS根據(jù)不同圖像的特性(比例、尺寸、文件名等)選擇運(yùn)行預(yù)先設(shè)置好的動(dòng)作……
編輯點(diǎn)評(píng):ImageReady的長處主要在設(shè)計(jì)稿切割成網(wǎng)頁與動(dòng)畫制作方面,CS新版本增加的新工具、Web Content面板、Table面板以及Slice面板都在加強(qiáng)其網(wǎng)頁設(shè)計(jì)制作功能,為網(wǎng)頁設(shè)計(jì)人員更多的方便。因?yàn)镕lash的長處更多的在于其強(qiáng)大的交互性,僅僅輸出成swf格式的動(dòng)畫并無太大實(shí)際意義。Action面板新增的條件觸發(fā)功能是一個(gè)新亮點(diǎn),是否實(shí)用還要看各位用戶的實(shí)際運(yùn)用。
一、新的工具欄
ImageReady CS的工具欄有一些變化,許多工具也進(jìn)行了重新合并分組,我們將它和ImageReady 7.0的工具欄做一個(gè)細(xì)致的比較,并著重介紹新增的“矩形工具”和“藥丸矩形工具”。
圖1是ImageReady 7.0的工具欄,大家可以看到各屬性工具之間用凹進(jìn)去的橫線隔開,而且分類比較多。
圖1
再看圖2中的ImageReady CS的工具欄界面,初看工具箱好像沒有太大的變化,但是仔細(xì)看一下凹進(jìn)去的線條變成了實(shí)灰色,許多工具也進(jìn)行了重新合并分組。
圖2
原來的“圖像映射工具”中將“圖像映射選擇工具”分離出來與“圖像映射工具”排成一行。
在“畫筆工具”中少了“油漆噴霧器工具”但是卻將“圖章工具”與“油漆桶工具”整合了進(jìn)來。
在整合的“矩形工具”中將“直線工具”分離出來,另外增加了一個(gè)類似的工具,整合了“制表矩形工具”和“藥丸矩形工具”。
“模糊、銳化、涂抹、減淡、加深、海綿”工具都簡(jiǎn)化,工具欄看起來更加整潔。最上方的Go to Adobe Online(聯(lián)機(jī)方式)的圖片換成了新的羽毛標(biāo)志。
這里我著重介紹一下新增的“矩形工具”和“藥丸矩形工具”:
“制表矩形工具”以及“圓角矩形工具”與“矩形工具”和“圓角矩形工具”不同,“矩形工具”畫出來的是四角均為方形,“圓角矩形工具”畫出的是四個(gè)角均帶有弧形的圓角矩形。而“制表矩形工具”則是特意為網(wǎng)頁制作中畫表格上方的導(dǎo)航欄所使用的工具,可以畫出上方兩個(gè)角邊帶有弧形,而下方兩角則為方形的矩形。
“藥丸矩形工具”就是以我們現(xiàn)在生活中常吃的膠囊藥丸為模形,可以繪制出如藥丸一樣的圖形,下圖就是四種工具分別以“圓角矩形半徑”為30px繪制的圖形。
在“制表矩形工具”與“藥丸矩形工具”的屬性欄中,均有以“形狀圖層”和“完整象素”、“固定大小”來繪制圖形,并可以調(diào)節(jié)其“圓角半徑”、“模式”以及“透明度”,最完美的是有更多漂亮的“圖層樣式”供大家選擇。