[IR動圖教程] ImageReady2.0全面接觸(4)
之所以把它稱為webPhotoshop,就是表明它不僅有Photoshop強(qiáng)大的圖形處理能力,而且還有非常強(qiáng)大的web圖像處理能力,它不僅能像Photoshop那樣做出迷人的圖像,而且還可以進(jìn)行圖像的壓縮優(yōu)化,創(chuàng)作富有動感的Gif動畫,有趣的動態(tài)按鍵,甚至漂亮的網(wǎng)頁。下面就讓我們看看ImageReady2.0是怎樣使用的.
ImageReady2.0通常是捆綁在Photoshop5.5中(怎么有點(diǎn)像比爾的風(fēng)格?。,安裝完P(guān)hotoshop5.5以后ImageReady2.0也裝入了你的電腦。啟動ImageReady2.0以后乍一看好像Photoshop的孿生兄弟,界面非常相似。
右邊是工具箱,左邊是浮動面板,下面的比Photoshop多出了一個長方形的一個浮動面板(這是做Gif動畫分割圖像和動態(tài)按鍵的浮動面板)上方是菜單命令。
先讓我們看看工具箱。這里有34種專業(yè)圖像處理工具。像Photoshop一樣這些工具在工具箱中是分類放置的,以方便設(shè)計師使用。我們先來看看第一類工具——選取工具。
在這類工具種一共包含了9種工具。在第一個按鍵中包含了5鐘工具,第一個是marquee tool(矩形選取工具),它的主要作用是進(jìn)行矩形選;第二個是rounded rectangles marquee tool (圓角選取工具)。第三個是elliptical marquee tool(橢圓形選取工具);最后兩個是single row marquee tools(單排選取工具)和 single column marquee tools (單縱欄選取工具),這兩個工具主要是選取狹窄的橫選取和豎選取。
技巧:按住Shift鍵就可以畫出方形的選取或圓形的選取
第二個? 是move tool(移動工具),用來移動選取或者圖層。
技巧:移動選取的時候按住Alt鍵即可形成浮動選取
第三個按鍵包含了兩個工具——lasso tool(繩套選取工具)和polygon lasso tool(多邊形繩套選取工具)。用這兩個工具可以進(jìn)行不規(guī)則圖形的選取。
技巧:在使用多邊形繩套選取工具時按住Shift鍵可畫出水平或豎直的選取線
第四個按鍵就是我們在Photoshop中常用的magic wand tool(魔術(shù)棒工具)了。通過Option浮動面板上的Tolerance(容差)可調(diào)節(jié)魔術(shù)棒工具的容差。
技巧:我們在使用選取工具時可以通過Shift鍵或者Alt鍵對第一次的選區(qū)進(jìn)行增減
第二類工具是圖片分割工具,它包含了兩個工具。第一個是slice tool(分割工具),使用它可以方便的分割圖片了,這樣在遇到大圖片的時候就可方便的進(jìn)行圖片的分割。第二個工具是slice selection tool(分割選取工具),通過它可以方便的選取分割好的圖片。這兩個工具是ImageReady所獨(dú)有的工具,使用非常的方便,當(dāng)你進(jìn)行第一次分割后,它可以根據(jù)你第一次分割的大小調(diào)整剩下圖像分割的大小。
技巧:當(dāng)我們在使用slice tool(分割工具)工具時可以按住Alt鍵快速切換到slice selection tool(分割選取工具)
第三類工具是繪圖工具,這里包括了八個按鍵共16種工具。先讓我們看看第一個airbrush tool(噴筆工具)。這個工具的使用方法和Photoshop的噴筆工具一樣,產(chǎn)生噴筆的效果。不過在操作面板上的參數(shù)設(shè)置好像少了幾項,僅僅包括了噴筆的樣式和壓力者兩項。
技巧:當(dāng)我們在使用噴筆工具的時候可以按住Alt或Ctrl鍵,快速切換到吸色工具和移動工具上。
第二個工具是paintbrush tool(畫筆工具)。它的作用和Phtotoshop的畫筆工具一樣,在操作浮動面板包含了樣式和不透明度設(shè)置。
第三個工具是rubber stamp tool橡皮圖章工具。使用這個工具可以方便的進(jìn)行圖形的復(fù)制。使用的時候先按住Alt鍵,選擇復(fù)制的目標(biāo),然后就可以復(fù)制圖形了。
第四個按鍵包括了三個工具,rectangle tool(矩形工具)、rounded rectangle tool(圓角矩形工具)、ellipse tool(橢圓形工具)。通過它們可以方便的畫出矩形、圓角矩形、橢圓形著彌補(bǔ)了Photoshop的繪圖工具缺少的缺點(diǎn)。配合Styles浮動面板可以畫出漂亮的按鍵。
技巧:按住Shift鍵可以畫出正方形或圓形。
第五個按鍵也包含了兩個工具,分別是eraser tool(橡皮擦工具)、magic eraser tool(魔術(shù)橡皮擦工具)。橡皮擦工具就不用多介紹了,它的主要作用就是擦除圖像。魔術(shù)橡皮擦工具它的作用就是擦除相似的顏色(有點(diǎn)像魔術(shù)棒工具)。和魔術(shù)棒工具一樣我們可以通過操作浮動面板調(diào)整容差。
第六個按鍵也包含了兩個工具,分別是pencil tool(鉛筆工具)和line tool(直線工具)。用鉛筆工具和Photoshop的鉛筆工具的使用方法一樣,這里就不多講了。直線工具可以讓我們畫出直線。
技巧:按住Shift可以用鉛筆工具畫出直線或者用直線工具畫出水平線或豎直線。
第七個按鍵包含了smudge tool(手擦工具)、blur tool(模糊工具)、sharpen tool(銳化工具)。手擦工具可以模仿出手指擦油畫顏料的效果。模糊工具顧名思義是進(jìn)行圖像的局部模糊用的。銳化工具可以讓圖像局部銳化。
技巧:在使用這些工具的時候按住Ctrl鍵可以快速的切換到移動工具。這一類最后一個按鍵包括了dodge tool、burn tool(燒灼工具)、sponge tool(海綿工具),它們分別能使圖像局部變亮、變黑、色彩變淡。
第三類工具包括了type tool(文字工具)、vertical type tool(豎排文字工具)、crop tool(裁剪工具)、paint bucket tool(填充工具) 、eyedropper tool吸色工具。
第一個按鍵包含了文字工具和數(shù)排文字工具。第一個工具提供了橫排文字輸入的能力,第二個工具包含了豎排文字的能力。具體的使用方法和Photoshop的文字工具一樣,這里就不多講了。
技巧:在使用文字工具的時候可以按住Alt鍵快速切換到吸色工具。
第二個按鍵只有一個crop tool(剪裁工具)。通過它可以方便的裁剪圖形。而且還可以在操作浮動面板設(shè)置具體精確的裁剪尺寸。
第三個按鍵是paint bucket tool(填充工具),這個工具主要作用是進(jìn)行色彩填充。通過在操作浮動面板上我們可以調(diào)節(jié)填充的樣式、不透明度、容差等等參數(shù)。
技巧:在使用填充工具的時候可以通過Alt鍵或Ctrl鍵快速切換到吸色工具或移動工具。
第四個按鍵是eyedropper tool(吸色工具)它可以方便得讓我們在圖像種吸出我們需要的顏色。
技巧:使用吸色工具是可以按住Ctrl鍵快速切換到移動工具。
最后一類工具主要作用是調(diào)節(jié)視圖,方便我們在設(shè)計的時候調(diào)整觀察點(diǎn)。它包含了兩個工具,hand tool(手工具)、zoom tool(放大鏡工具)。運(yùn)用手工具可以方便的移動圖視,而放大工具則可以放大圖形以方便我們對圖像細(xì)節(jié)的修改。
技巧:在使用手工具的時候按住Alt鍵或Ctrl鍵可以方便的切換到放大工具或縮小工具。在使用放大工具時可以按住Alt鍵或Ctrl鍵可以方便的切換移動工具或縮小工具。
在工具箱的最下面包含了前景色背景色、顯示/隱藏分割、標(biāo)準(zhǔn)屏幕模式. 帶菜單欄的全屏模式.全屏模式和調(diào)轉(zhuǎn)到Photoshop。這些工具可以方便的調(diào)整色彩、圖示、甚至可以讓你把當(dāng)前編輯的圖像調(diào)轉(zhuǎn)到Phtotoshop里面進(jìn)行編輯。
技巧:按D或X鍵可以把前景色/背景色快速定義為默認(rèn)顏色或前景色/背景色換位。按F鍵可以快速的在標(biāo)準(zhǔn)屏幕模式. 帶菜單欄的全屏模式.全屏模式種切換.按Tab鍵可以隱藏工具欄和浮動面板
在ImageReady的右邊同樣有像Photoshop那樣的浮動面板,F(xiàn)在讓我們看看這些浮動面板的作用。
Optimize(優(yōu)化)浮動面板,是ImageReady2.0中的一個比較重要的浮動面板在這個浮動面板中主要是對圖像的優(yōu)化進(jìn)行參數(shù)調(diào)節(jié)。在Settings(設(shè)置)里面由預(yù)設(shè)的參數(shù)值。如果你對它預(yù)設(shè)的參數(shù)不滿意可以對下面具體的參數(shù)進(jìn)行自定義的調(diào)節(jié)。如圖形的格式;GIF格式時的顏色數(shù),圖像損失的程度,圖像抖動程度等等;JPG格式的壓縮比,品質(zhì)好壞,柔化的程度等等。這些設(shè)置非常的繁多專業(yè),可以讓你在圖像質(zhì)量和文件大小之間做出精確的平衡。調(diào)整好以后你還可以將你的設(shè)置通過浮動面板右邊箭頭里的菜單保存下來,下一次使用就可直接從Settings(設(shè)置)調(diào)出來使用。而且ImageReady在做圖像優(yōu)化的時候還可以在圖像窗口中進(jìn)行不同設(shè)置的比較,在每一幅例圖下面都有這種優(yōu)化設(shè)置圖像的大小,在網(wǎng)上傳輸圖像要花的時間。甚至我們在優(yōu)化的時候還可以以圖像尺寸優(yōu)先的方式強(qiáng)制規(guī)定圖像的尺寸。
技巧 :我們在優(yōu)化圖像的時候,如果圖像的顏色較少較單純就可以采用GIF格式這樣圖像的大小可以大大的小于jpg格式的圖像,而且像質(zhì)量優(yōu)于JPG格式。 相反如果圖像的色彩比較的豐富就可以采用JPG格式。
Info(信息)浮動面板和Photoshop的浮動面板類似。上面顯示了各種操作色彩的信息。如RGB的數(shù)值、色彩的web表示、鼠標(biāo)的位置等等信息。
Options(操作)浮動面板主要作用是調(diào)節(jié)工具箱里的工具的參數(shù),在前面我們已經(jīng)接觸過了。由于每一樣工具的參數(shù)各不一樣,這里就不過多的講述了。
在Layer(層)浮動面板中我們不但可以像Photoshop那樣方便的對圖像進(jìn)行分層,不透明參數(shù)調(diào)節(jié),對各層進(jìn)行復(fù)雜的處理,而且在ImageReady2.0中還加入了使用層對GIF動畫進(jìn)行控制。此外ImageReady2.0還對Photoshop的層浮動面板進(jìn)行了一定的改進(jìn),增加了層濾鏡按鍵通過它就不必在一層層的菜單里去選? 要的層濾鏡了
當(dāng)我們的操作出現(xiàn)失誤的時候就可以在History(歷史)浮動面板鐘對失誤的操作進(jìn)行糾正。具體的操作方法和Photoshop一樣,只要選擇到錯誤操作的前一次操作就可以挽回操作的失誤了。
Ation(動作)浮動面板可以將你的一切操作記錄下來,下一次遇到相似的操作就可以把你錄制的操作回放一次就可以一下子完成多個命令的操作。動作的錄制和回放操作非常的簡單,在錄制的時候按下浮動面板下方的錄制按鍵就開始錄制了,錄制完了就按下停止鍵,回放就按下播放鍵(是不是有點(diǎn)像操作錄音機(jī)的感覺)。在ImageReady2.0里預(yù)制了一些常用的動作。如制作放大/縮小的Gif動畫、圖像的優(yōu)化等等。
技巧 :當(dāng)我們需要大量的重復(fù)操作時,如把大量的圖片調(diào)整成一樣的尺寸的時候就可以錄制一段動作你就可以快速優(yōu)質(zhì)的完成工作了。
Color Table(色彩圖)浮動面板提供了優(yōu)化圖像的色彩圖,通過這個浮動面板我們可以詳細(xì)的看到優(yōu)化圖像的色彩圖。比如在優(yōu)化GIF圖像的時候,當(dāng)我們選擇不同的色彩數(shù)時,在色彩圖浮動面板上就可以看到優(yōu)化后的具體色彩。通過這個色彩圖浮動面板我們還可以手動調(diào)節(jié)圖像的色彩。通過浮動面板下部的按鍵我們還可以選擇web色彩的安全顏色、鎖定顏色、新建顏色、刪除顏色。這為設(shè)計師提供了手動優(yōu)化的功能。
Layer Option(層操作)浮動面板中我們可以設(shè)置Image Map。在Shape選項中我們可以選擇圖像熱點(diǎn)的形狀。如矩形、圓形、多邊形。URL中填入鏈接的地址。
我們在制作網(wǎng)頁的時候可能遇到制作大量的按鍵,在ImageReady2.0里我們可以通過Style(樣式)浮動面板可以方便的快速的制作大量按鍵。制作很簡單僅僅只需要選擇你想要的按鍵形式,然后這一層就自動的轉(zhuǎn)換成這種按鍵的樣式了。
技巧 :配合工具箱里的矩形、圓角矩形可以制作出漂亮的按鍵。
和Photoshop一樣,ImageReady2.0里也有Color(色彩)浮動面板。在色彩浮動面板里我們通過調(diào)整RGB的數(shù)值就可以調(diào)配出你想要的色彩。和Photoshop不同的是它的RGB的色置是按照WEB顏色表示的。比如說白色是FFFFFF,黑色是000000。你還可以在浮動面板下放的色彩區(qū)里面直接選區(qū)色彩。
技巧 :當(dāng)你從色彩區(qū)中選擇顏色的時候可能出現(xiàn)web色彩警告,這時只要點(diǎn)擊旁邊的小方塊就可以自動轉(zhuǎn)化為顏色最接近的web顏色。
雖然色彩浮動面板的色彩豐富,但是選色不是很方便,對于常用的顏色就可以從Swatches(調(diào)色板)浮動面板里直接選取。使用浮動面板下面的添加命令可以將常用的顏色添加進(jìn)去。
我們在做設(shè)計的時候往往要文字,在Type(文字)浮動面板中我們可以設(shè)置文字的不同的參數(shù)。如常見的字體、字體大小、字間距、行間距、左對其、居中、右對齊、抗鋸齒等,還可以設(shè)置基線位置。
技巧 :當(dāng)我們需要輸入平方等類型的的文字的時候可以通過改變基線位置得到。
Brushes(畫筆)浮動面板和Photoshop的類似,通過它可以改變噴筆或毛筆工具筆頭的形狀。同樣用浮動面板右邊箭頭里的菜單中的載入畫筆命令可以載入Photoshop中的一些特殊的筆形。
在ImageReady2.0中還有三個比較特殊的浮動面板。Animation(動畫)浮動面板,這個浮動面板的作用就是進(jìn)行GIF動畫的編輯。我們都知道GIF動畫是有一幀一幀靜態(tài)圖片組成的,通過添加幀按鍵就可以添加一幀,這樣我們就可以對下一幀進(jìn)行編輯。做好以后我們就可以使用播放控制鍵進(jìn)行播放。同樣我們也可是設(shè)置每幀播放是停留的時間。而且還可以通過浮動面板菜單的命令對動畫進(jìn)行優(yōu)化。用它制作動畫非常的方? 觀、專業(yè)。
Slice(分割)浮動面板通常是配合工具箱中的分割工具使用的。在這個浮動面板里你可以設(shè)置每個圖像分割塊的屬性。如類型(有圖像還是沒有圖像)、名字、鏈接、目標(biāo)位置等等。
我們在設(shè)計網(wǎng)頁的時候,往往希望做一些動態(tài)的按鍵來吸引瀏覽者。在Rollover(翻動)浮動面板上就可以輕易的做出來。按下添加按鍵就可以依次添加進(jìn)over幀、down幀、click幀、out幀、up幀。通過這些幀就可以作出多種形式的動態(tài)按鍵。
技巧 :在做動態(tài)按鍵的時候可以配合工具箱中的矩形工具、圓角矩形工具、圓形工具以及樣式浮動面板快速的制作出動態(tài)按鍵。
和Photoshop一樣在窗口的上部是菜單欄。菜單欄里包括了File(文件)、Edit(編輯)、Layer(層) Slices(切割)、Select(選擇)、Filter(濾鏡)、View(圖示)、Window(窗口)、Help(幫助)九個菜單。
我們先看看文件菜單。在這里包含了21個菜單命令。
第一個New...(新建)命令當(dāng)然作用是新建文件。使用這個命令之后就會彈出一個對話框,在這個對話框鐘可以設(shè)置文件名字、尺寸、第一層的顏色。
警告:由于ImageReady是進(jìn)行網(wǎng)頁圖像處理的,因此在新建里沒有分辨率的設(shè)置,而是默認(rèn)72pixels/inch的分辨率。所以如果要印刷的圖形切不可用ImageReady處理。
Open(打開命令)和Close(關(guān)閉命令)就不多費(fèi)口舌了,和大多數(shù)的軟件一樣作用是打開支持的文件,關(guān)閉就是將打開的文件關(guān)掉。
當(dāng)你想恢復(fù)文件沒編輯時的狀態(tài)就可以使用Revert(復(fù)原)命令。
Save Optimized(保存優(yōu)化)命令可以將你優(yōu)化后的圖像進(jìn)行保存。注意這里只能保存為jpg和gif格式的文件。Save Optimized As...(另存優(yōu)化)就是改名另存。
技巧:如果你想保存文件的層信息必須使用Save命令保存為psd文件。
ImageReady允許你對圖像進(jìn)行在線編輯,編輯完以后使用Update HTML命令就可以將網(wǎng)頁里的圖像進(jìn)行更新。這對經(jīng)常更新的圖片的網(wǎng)頁非常有用。
Save(保存)和Save As...(另存為...)作用就是保存我們編輯的圖像。這里保存的圖像只能保存psd格式,這樣就方便我們對圖像的下一次編輯。
如果你想把圖像保存為其它的格式如TIF格式就必須選擇Export Original(輸出原圖)進(jìn)行保存。
和大多數(shù)專業(yè)圖形處理軟件一樣ImageReady里也可以置入各種類型的圖形文件到當(dāng)前編輯的文件中。選擇Place命令,? 一個對話框。
在offset里可以選擇放置的水平方向和豎直方向的位置。File中選擇置入的文件。
作為專業(yè)軟件ImageReady當(dāng)然也可以從掃描儀中獲取圖像。Import(輸入)子菜單中的Select TWAIN_32 Source(選擇掃描源)和 TWAIN_32 ...(掃描)命令可以對掃描進(jìn)行操作。而Folder as Fames...(文件夾作為幀)的作用就是將序列文件輸入ImageReady進(jìn)行動畫編輯。
Export(輸出)子菜單包含了一個命令——Path to Illustator(輸出路徑到Illustrator)通過這個命令可以將路徑輸出到Illustrator中。
Image info...(圖像信息)命令可以讓你把圖像的標(biāo)題、版權(quán)信息加入圖像。這樣就可以有效的保護(hù)你的作品了。
HTML Background(網(wǎng)頁背景)命令可以然我們設(shè)置編輯的網(wǎng)頁背景,包括背景圖案和顏色。選擇網(wǎng)頁背景命令,出現(xiàn)一個對話框,在這個對話框中我們可以在Color中選擇背景的顏色,在Image中選擇圖案。
像大多數(shù)網(wǎng)頁編輯軟件一樣,ImageReady里編輯的圖像或網(wǎng)頁也可以在瀏覽器中預(yù)覽。在這個子菜單里你可以選擇IE瀏覽器或者是其它瀏覽器。
一個出色的設(shè)計往往不是一個軟件可以完成的,有時候我們要將圖像在另一個圖形圖像處理軟件或網(wǎng)頁編輯軟件里進(jìn)行進(jìn)一步的加工。在ImageReady里的Jump to(跳轉(zhuǎn))命令可以讓使用者方便的把圖像引入其它軟件(如Photoshop和Illustrator)。
Preference(參數(shù))子菜單主要是設(shè)置ImageReady里的各種設(shè)置的參數(shù)。
選擇子菜單里的General...(總體設(shè)置),彈出一個對話框,在這個對話框里就可以進(jìn)行全部的設(shè)置。
在這里我們可以設(shè)置色彩選擇器(Color Picker)的方案(Adobe的還是system系統(tǒng)的)、插值算法(Interpolation)的形式(Smooth光滑還是Jagged鋸齒)、以及自動抗鋸齒(Anti-alia PosrScript)、保存調(diào)色板(Save Palette Loctions)、用英文顯示字體(Show Font Names in English)、完成后提示(Notify when Done)、顯示工具箱提示(Show Tooltips)、禁止警告(Disable Warnings)、自動增加數(shù)據(jù)(Ato-Update Files)、撤銷次數(shù)(Undo Levels)。如果我們要進(jìn)入下一項設(shè)置,只需按下Next按鍵或者在對話框上部的下拉菜單中選擇即可。
下一項設(shè)置為Saving Files(保存文件)。在這里我們主要設(shè)置分割后的小塊圖像的文件名保存形式以及兼容的操作系統(tǒng)。還包括了優(yōu)化圖像的設(shè)置。
第三個選項為HTML設(shè)置。在這一項設(shè)置中可以讓我們設(shè)置HTML的格式和編碼參數(shù),以適應(yīng)不同的系統(tǒng)要求。
第四項為Opimization(優(yōu)化設(shè)置)。我們使用ImageReady的時候有四個或兩個(4up和2up)優(yōu)化的窗口,這個設(shè)置就是設(shè)置這四個或兩個優(yōu)化窗口的優(yōu)化形式。比如你可以設(shè)置第一個窗口為原始圖像,第二個窗口為優(yōu)化為Jpg格式的圖像,第三個窗口為優(yōu)化為128色的Gif圖像,第四個為優(yōu)化為64色的的Gif圖像。
第五項為Cursors(光標(biāo))設(shè)置。在這個設(shè)置中可以讓我們設(shè)置光標(biāo)的形狀。它包括了兩類光標(biāo)的設(shè)置——painting Cursors(筆光標(biāo))和Other Cursors(其它光標(biāo))。通過筆光標(biāo)設(shè)置我們可以設(shè)置噴筆、毛筆等工具的光標(biāo)形狀(Standard標(biāo)準(zhǔn)\Precise精確\Brush Size筆尺寸)。在其它光標(biāo)中我們可以設(shè)置吸色工具等的光標(biāo)形狀(Standard標(biāo)準(zhǔn)\Precise精確)。
技巧:在我們需要一些精確的操作的時候可以選擇精確光標(biāo),這樣光標(biāo)就變成十字形狀方便我們操作的定位。
第六項是Transparency(透明)設(shè)置。這個對話框中主要設(shè)置圖像透明的顯示方式。我們知道通常透明顯示為灰白相間的棋格狀圖形。這個對話框中可以設(shè)置這個圖形的顏色(比如變?yōu)榧t白相間)、棋格狀的大小、對比度等等。
最后一項是設(shè)置Plug-ins & Scratch Disks(插件和虛擬磁盤)。在這里可以設(shè)特別的ImageReady的插件位置(默認(rèn)的是在...\Adobe\Photoshop 5.5\Plug-Ins\Adobe ImageReady Only),以及虛擬磁盤的位置。
技巧:如果想要Photoshop5.5和ImageReady共用插件只需要將插件安裝到...\Adobe\Photoshop 5.5\Plug-Ins\
提示:如果沒有特別的需要最好使用ImageReady的默認(rèn)設(shè)置,以免引起不必要的麻煩。
隨著Internet的發(fā)展許多公司都推出了網(wǎng)上對軟件進(jìn)行升級的服務(wù)。ImageReady也不例外,文件菜單中 dobe Online...就提供了這個服務(wù)。選擇這個命令彈出一個對話框。
按下Update(升級)按鍵即可自動升級ImageReady。如果你的公司使用的代理服務(wù)器可以通過Preferences(參數(shù))進(jìn)行設(shè)置。
Recent Files(最近的文件)中可以快速的選擇最近編輯(打開)過的文件。
技巧:如果你編輯過的文件不知道存到哪兒去了,可以在這兒找一找,或許會有收獲。
EXIT(退出)關(guān)閉ImageReady。
第二個菜單Edit (編輯),在這個菜單中包含了15個命令。
Undo(撤銷)、Redo(重做)這兩個命令和絕大多數(shù)的軟件的作用是一樣的,可以撤銷命令和重做命令。Undo/Redo(撤銷/重做)命令可以在這兩個命令之間切換。
技巧:使用撤銷/重做能夠讓我們反復(fù)比較命令執(zhí)行前和命令執(zhí)行后的圖像效果的變化。此外記住這幾個命令的快捷鍵也是很有用的。
Cut(剪切)、Copy(拷貝)、Paste(粘貼)、Clear(清除)命令和大多數(shù)軟件的命令作用一樣這里就不多講了。Copy Merged(拷貝合并)這個命令比較特殊。我們知道ImageReady里允許對圖像進(jìn)行分層編輯,當(dāng)我們用選取工具選取圖像的后再選擇拷貝,這時在粘貼板上的是當(dāng)前編輯層上選取區(qū)域的數(shù)據(jù)。而如果選擇拷貝合并命令著可以把這個選取區(qū)域的所有層的數(shù)據(jù)拷貝來。
Copy HTML Code(拷貝HTML編碼)子才單中包含了三個命令——Copy All Slices(拷貝所有切割)、Copy Selected Slices(拷貝選取的切割)、Copy Preloads(拷貝載入)。第一個命令可以將所有的分割圖片的HTML代碼拷貝到粘貼板上;第二個命令是將選中的圖像塊的HTML代碼拷貝到粘貼板上;第三個命令是拷貝頁面中的JavaScript到粘貼板上。這樣就可以讓你在記事本或者其它編輯其中編輯HTML代碼。
Copy foreground color as HTML(拷貝前景色作為HTML),這個命令可以前景色轉(zhuǎn)化為HTML代碼。
技巧:如果你遇到一種顏色知道它的HTML代碼,那么就可以用吸色工具將它吸取為前景色,然后使用拷貝前景色作為HTML命令,粘貼到記事本里就可以看到這種顏色的HTML代碼了。
Fill...(填充)命令可以讓我們選擇填充的顏色、透明度等參數(shù)。當(dāng)我們選擇填充命令就會彈出一個對話框。在use下拉菜單中選擇填充的形式——前景色、背景色、圖案、黑色、50%的灰和白色。Opacity(不透明度)調(diào)整透明參數(shù)。Mode(模式)里選擇填充的模式,一共21中模式。
Strock(外線)命令可以在沿著選區(qū)畫線。比如用矩形選取工具選取一個區(qū)域,然后選擇這個命令就會形成一個矩形的方框。選擇這個命令以后同樣有一個對話框出現(xiàn)。在Width(寬度)中可以設(shè)置線的寬度。Loctation(位置)中可以設(shè)置線沿著選區(qū)的位置——內(nèi)部、中心、外部。Use(使用)下拉菜單中可以設(shè)置使用的顏色——前景色、背景色、圖案、黑色、50%的灰和白色。Opacity(不透明度)中可以設(shè)置透明度。Mode(模式)中仍然有21種模式讓你選擇。
技巧:通過這個命令我們就可以方便的在ImageReady中畫出,矩形、圓形等幾何形狀,就不必為了這些簡單的幾何圖形去動用Illustrator這些大家伙了。
Free Transform(自由變形)命令可以讓圖像按你的意愿自由變形。選擇自由變形命令以后圖形或選區(qū)周圍就出現(xiàn)了八個控制點(diǎn)。通過對這些控制點(diǎn)的操作就能輕易的對圖像進(jìn)行拉伸、旋轉(zhuǎn)等變形操作。
Transform(變形)子菜單包含了12個命令——Again(再次)、Scale(縮放)、Rotate(旋轉(zhuǎn))、Skew(歪斜)、Distort(變形)、Perspective(透視)、Numeric...(數(shù)字)、Rotate 180(旋轉(zhuǎn)180度) Rotate90 CW(隨時針旋轉(zhuǎn)90度)、Rotate90 CCW(逆時針旋轉(zhuǎn)90度)、Flip Horizontal(水平反轉(zhuǎn))、Flip Vertical(豎直反轉(zhuǎn))。這些命令和自由變形命令一樣選擇后圖形或選區(qū)周圍也會出現(xiàn)了八個控制點(diǎn),通過對這些控制點(diǎn)的操作達(dá)到變形的目的。
如果你對變形要求非常的精確就可以選擇Numeric...(數(shù)字)命令,在對話框種精確調(diào)整參數(shù)。包括Postion(位置)、Scale(縮放)、Skew(歪斜)、Rotate(旋轉(zhuǎn))的參數(shù)調(diào)整。
前面的填充命令中提到了填充圖案這個命令,那么怎么定義圖案呢?Define Pattern(定義圖案)命令就是將選區(qū)中的圖形定義為圖案。
Image(圖像)菜單包含了十個命令和子菜單。在這個菜單里我們可以進(jìn)行圖像的各種調(diào)整,包括圖像尺寸、色彩色調(diào)等等,非常的專業(yè)。
先讓我們看看Adjust(調(diào)整)子菜單,它包含了九個菜單命令,通過這些命令我們可以方便的調(diào)整色階、色調(diào)、亮度、對比度等等的調(diào)整。
Levels...(色階)命令可以方便的調(diào)整圖像的色階。選擇色階命令以后就會彈出一個對話框,在這個對話框中我們可以象Photoshop一樣方便的調(diào)整圖像的色階。在Channel(通道)中可以方便的選擇單獨(dú)的通道進(jìn)行色階的調(diào)整。下面是色階調(diào)整圖,調(diào)整方法和Photoshop一樣。同樣可以將設(shè)置好的色階保存。如果你是初學(xué)者對于這些復(fù)雜的調(diào)節(jié)頭痛,就按下Auto(自動)按鍵就可以自動的位你調(diào)整色階,當(dāng)然這就不能保證調(diào)整的滿意度了。
Auto Levels(自動色階)命令可以幫助初學(xué)者自動快速的調(diào)整色階。這個命令對大多數(shù)圖像的色階調(diào)整可以得到比較好的效果。如果你對自動調(diào)整的色接不滿意就只有用前面講的色階命令手動調(diào)整了。
技巧: 在用手動調(diào)整之前可以先試試自動調(diào)整色階,如果不滿意再進(jìn)行手動調(diào)整。這樣往往可以提高處理圖像的效率。
Brightness/Contast...(亮度/對比度)命令可以在對話框中調(diào)整圖像的亮度和對比度。你既可以通過滑動桿調(diào)節(jié),也可以通過數(shù)值調(diào)整,非常的方便。
如果你嫌手動調(diào)節(jié)麻煩,那么你就可以用Auto Contast(自動調(diào)整對比度)命令,可以節(jié)約你很多時間。
Hue/Saturation...(色調(diào)/飽和度)命令和Photoshop一樣可以調(diào)整圖像的色調(diào)和顏色的飽和度。通過對話框我們可以調(diào)整色調(diào)、飽和度和亮度的參數(shù)。同樣調(diào)整好的參數(shù)我們可以將保存下來。
Desaturate(褪色)命令可以降低色彩的飽和度,使它變?yōu)楹诎? 像。
注意:這個命令不像Photoshop中的模式轉(zhuǎn)換中的灰度模式命令那樣是將圖像轉(zhuǎn)換成灰度模式,從而圖像文件的尺寸變小。由于瀏覽器的圖像只接受RGB的圖像模式,因此雖然圖像轉(zhuǎn)換成黑白的圖像但原始圖像文件的大小不會改變。當(dāng)然在優(yōu)化的時候文件尺寸可能發(fā)生變化。
Invert(反色)命令可以將圖像的色彩反轉(zhuǎn),從而達(dá)到類似底片的效果。
由于網(wǎng)頁的瀏覽可能在不同的電腦上,比如PC和MAC機(jī)上。而這兩種機(jī)型的顯示器的伽瑪值不一樣就可能出現(xiàn)這樣的問題——在PC機(jī)上做出來的圖像在MAC機(jī)上可能看上去色彩有點(diǎn)不一樣(主要是亮度有點(diǎn)區(qū)別)。這對于普通的瀏覽者或許影響不大甚至你完全察覺不了,但對于專業(yè)的設(shè)計師卻是很重要的。試想一下如果你用MAC做的設(shè)計在WEB上發(fā)布,而客戶用的是PC,圖像就會和客戶要求的有差異,那多么可怕。那么你就可以用這個命令進(jìn)行圖像的調(diào)整。在對話框中選擇Windows to Macntosh就可以把PC的伽瑪值調(diào)整成MAC的伽瑪值。Macntosh to Windows的作用恰恰相反。
對于色彩要求比較嚴(yán)格的圖像我們要反復(fù)的比較各種色彩調(diào)整的效果非常費(fèi)力,而使用Variation(變化)命令這種比較就非常的簡單了。在對話框中我們可以對原始圖的暗部、過渡色、高光和飽和度進(jìn)行調(diào)整。而且可以做各種色調(diào)的比較,比如紅一點(diǎn)、綠一點(diǎn)、黃一點(diǎn)等等的比較,非常省事。
技巧:如果你的電腦比較慢而圖像有比較大,為了加快顯示的速度可以降低略圖的顯示質(zhì)量。把滑塊移向Coarse(粗糙)。
有時候我們可能想試試不同的圖像處理方法,然后選擇一個滿意的設(shè)計。這時候就要用Duplicate(副本)命令,這樣就可以制作出一個圖像的多個副本。在彈出的對話框中填入副本的名字。Merged Layer Only(合并層)選項允許你在制作副本時合并層。按下OK以后就會出現(xiàn)一個新的圖像編輯的窗口,這樣你就可以在原始圖像和副本圖像上分別發(fā)揮你的想象力了,然后選擇一個你滿意的方案。
Duplictate Optimized...(副本優(yōu)化)命令作用和副本命令差不多,不同的時這時的副本使優(yōu)化了的。
技巧:這個命令同樣也可以用來比較圖像優(yōu)化的時候使用,你就可以做更多優(yōu)化方案的比較
Image Size...(圖像尺寸)命令作用是用來調(diào)整圖像的尺寸大小。在圖像尺寸對話框的上部中我們看到當(dāng)前圖像的尺寸以及文件大小。在Width(寬度)Height(高度)中可以填入新的圖像尺寸。Percent(百分比)中可以按照百分比來調(diào)整圖像的尺寸。Constrain Proportion(比例約束)選項可以約束長寬的比例,這樣圖像就不會因長寬的變化產(chǎn)生變形。Do Not Enlarge(不擴(kuò)展)選項可以防止誤操作將圖像的尺寸擴(kuò)大影響圖像的質(zhì)量。在Quality(品質(zhì))中可以選擇抽樣的模式。
Current Size(畫布尺寸)和Photoshop的命令一樣可以擴(kuò)展圖像的尺寸。在對話框的上部我們可以看到當(dāng)前的圖像的尺寸以及圖像的文件大小。在Width(寬度)Height(高度)中可以填入新的畫布尺寸。在Anchor(錨)中選擇擴(kuò)展的基點(diǎn)。
注意:這里可能讓你糊涂了Image Size...(圖像尺寸)命令和Current Size(畫布尺寸)命令有什么區(qū)別呢?我們看看以下三幅圖就明白了。第一幅原始圖、第二幅使用圖像尺寸命令,第三幅使用畫布尺寸命令。
Crop...(裁剪)命令可以將選取框中的圖像進(jìn)行裁剪。在對話框中我們有兩項選擇——Hidden(隱藏)和Deleted(刪除)。這兩個選項的區(qū)別是如果選取隱藏命令選取框外的圖像依然存在,僅僅被隱藏了,用移動工具就可以把隱藏的圖像移動出來。而刪除選項執(zhí)行以后選取框外的圖像就被刪除了。
Trim...(修剪)命令可以自動為你裁剪去多余的空白。在對話框的Based on(基點(diǎn))中選擇基點(diǎn)——Transparent Pixels(透明像素)、Top Left Pixel Color(左上像素顏色)和Bottom Right Pixel Color(右下像素顏色)。下面的Trim Away(修剪掉)中可以選擇裁剪的位置——Top(頂部)、Left(左邊)、Botton(下部)和Right(右邊)。
技巧:我們在制作按鍵的時候往往可能裁剪不精確,特別是一些小的按鍵,不是裁剪多了就是裁剪少了,就可能出現(xiàn)做的按鍵大小不一,或者是留下難看的白邊。使用修剪命令就可以防止這種現(xiàn)象的發(fā)生。
有時候我們需要旋轉(zhuǎn)整個圖像,這就要用到Rotate Canvas(旋轉(zhuǎn)畫布)子菜單中的命令。
如果你要精確的旋轉(zhuǎn)圖像就選擇Numeric...(數(shù)字)命令。在它的對話框中我們可以填入精確的數(shù)字。也可以撥動右邊的轉(zhuǎn)盤調(diào)整角度。
下面的這幾個命令是我們經(jīng)常選擇的角度——Rotate 180°(旋轉(zhuǎn)180度)、Rotate 90°CW(順時針旋轉(zhuǎn)90度)、Rotate 90°CCW(逆時針旋轉(zhuǎn)90度)。
注意:這和編輯菜單中的旋轉(zhuǎn)命令是有區(qū)別的。編輯菜單中的旋轉(zhuǎn)命令是對圖層有效,旋轉(zhuǎn)的時候是旋轉(zhuǎn)當(dāng)前編輯的圖層。而這里的旋轉(zhuǎn)畫布命令式對整個圖像進(jìn)行旋轉(zhuǎn),也就是說所有的圖層一起旋轉(zhuǎn)。
Flip Canvas(翻動畫布)子菜單中包含了Filp Horizontal(水平翻轉(zhuǎn)畫布)、Flip Vertical(豎直翻轉(zhuǎn)畫布)。和旋轉(zhuǎn)畫布命令一樣這是對整個圖像起作用的。
圖像菜單的最后一個子菜單是Master Palette(主調(diào)色板)子菜單。使用這個子菜單可以建立一個調(diào)色板。建立主調(diào)色作用是當(dāng)我們在開發(fā)如多媒體軟件的時候可以將一批圖片使用這個主調(diào)色板,這樣就可以大大的優(yōu)化圖項文件的尺寸。Add to Master Palette(增加到主調(diào)色板)可以將現(xiàn)有圖像的色彩調(diào)色板增加到主調(diào)色板;Build Master Palette(建立主調(diào)色板)命令可以建立一個新的主調(diào)色板;Clear Master Palette(清除主調(diào)色板)命令可以將主調(diào)色板清除;Save Master Palette(保存主調(diào)色板)命令可將主調(diào)色板保存為后綴為act的文件。
技巧:當(dāng)我們在編輯色彩相似的圖像的時候可以建立并保存一個主調(diào)色板,在以后的編輯中只要在Color Table浮動面板中調(diào)出相應(yīng)的調(diào)色板命令就行了。
層是專業(yè)圖像處理軟件所必備的處理功能,ImageReady當(dāng)然也具備強(qiáng)大的層處理功能。在菜單欄中的Layer(層)菜單中包含了19個命令和子菜單。
New(新建)子菜單包含了三個菜單命令——New Layer...(新建層)、Layer via Copy(層拷貝)和Layer via Cut(層剪切)。
在新建層命令的對話框中我們在Name(名字)中設(shè)置層的名字,以方便我們對層進(jìn)行編輯。Opacity(不透明度)中我們可以設(shè)置層的透明度。Group with Previous Layer(與上一層成組)選項可以將層規(guī)劃為 組來方便管理。在Use Layer as Image Map(使用層作為圖像地圖)可以將層作為鏈接的Image Map,在Shape(圖形)中選擇熱點(diǎn)的形狀,包括圓形、矩形和多邊形。URL中填入鏈接的地址。
Duplicate Layer(復(fù)制層命令)可以進(jìn)行層的復(fù)制。在層浮動面板上選中要復(fù)制的層然后使用復(fù)制層命令,這時就可以發(fā)現(xiàn)多出一個層的拷貝。
Delete Layer(刪除層)命令可以刪除無用的層。同樣在層浮動面板上選重要刪除的層使用刪除層命令就可以將此層刪除。
Layer Option(層操作)命令的對話框和新建層命令的對話框一樣。運(yùn)用這個命令我們可以改變已有層的屬性。
Effects(特效)命令可以說是最吸引人的子菜單了。在這個子菜單中包含了Drop Shadow(投影)、Inner Shadow(內(nèi)陰影) 、Outer Glow(外發(fā)光)、Inner Glow(內(nèi)發(fā)光)、Bevel and Emboss(導(dǎo)角和浮雕)、Color Fill(色彩填充)、Gragient/Pattern(漸變/圖案)、Copy Effects(拷貝特效)、Paste Effect(粘貼特效)Past Effects To Linked(粘貼特效作為鏈接)、Clear Effect(清除特效)、Global Angl .(全局角度)、Create Layers(建立層)、Hide All Effects(隱藏所有特效)十四個菜單命令。
投影命令使層產(chǎn)生逼真的陰影效果。我們可以在投影浮動面板中設(shè)置投影的各種參數(shù)。包括17種模式設(shè)置、不透明度設(shè)置、陰影顏色設(shè)置、陰影強(qiáng)度設(shè)置、陰影模糊設(shè)置、距離設(shè)置、角度設(shè)置以及使用全局角度選項。
內(nèi)投影命令可以產(chǎn)生內(nèi)投影的效果,看起來像是內(nèi)陷下去的感覺。它的參數(shù)設(shè)置浮動面板的參數(shù)設(shè)置和投影命令的參數(shù)浮動面板的參數(shù)設(shè)置一樣,這里就不多講了。
外發(fā)光命令產(chǎn)生類似物體發(fā)光的效果。同樣的我們也可以在它的浮動面上調(diào)整它的參數(shù)。包括17種模式、不透明度、外發(fā)光的顏色、強(qiáng)度、外發(fā)光的模糊度。
內(nèi)發(fā)光命令能夠產(chǎn)生內(nèi)部發(fā)光的效果。它的浮動面板和外發(fā)光的浮動面板相似,僅僅多了Center(中心)和Edge(邊緣)兩個選項來控制發(fā)光的位置。
導(dǎo)角和浮雕效果命令可以使圖形產(chǎn)生浮雕和導(dǎo)角的立體效果。它也有一個控制參數(shù)的浮動面板,通過它可以調(diào)節(jié)效果。包括四種樣式、導(dǎo)角/浮雕位置(Up/Down)選項、模糊度、導(dǎo)角/浮雕深度、導(dǎo)角/浮雕角度和使用全局角度選項。
色彩填充命令可以改變當(dāng)前層的色彩填充。他的浮動面板的操作相比以上幾個命令要簡單些,包括模式選擇、不透明度選擇和色彩選擇。
漸變色/圖案命令可以進(jìn)行層的漸變色和圖案填充。我們先來看看漸變色的浮動面板上的參數(shù)。在這里包含了漸變樣式選擇(線性和放射狀)、漸變角度、漸變色調(diào)整。在浮動面板上選擇 Pattern選項就可以跳轉(zhuǎn)到圖按填充的浮動面板上。這個浮動面板非常的簡單,在右邊的向下箭頭的菜單中我們可以選擇填充的圖案(當(dāng)我們選擇Use Defined Patten和Other...命令就可以自定義圖案),在Sample(例子)中我們可以看到這個圖案的預(yù)視圖。Linked to layer(鏈接到層)選項可以讓我們把圖案和層鏈接起來,當(dāng)我們在編輯圖案的時候,這一層的圖案填充也會隨著變化。
技巧:這些效果不僅能獨(dú)立使用而且還可以堆疊使用,比如導(dǎo)角命令和投影命令可以同時使用已達(dá)到較好的立體效果。
拷貝效果和粘貼效果命令可以將我們編輯好的效果進(jìn)行拷貝,然后粘貼到其它層上去。這樣就大大的提高了工作效率。而粘貼特效作為鏈接命令可以讓你把效果同時粘貼到幾個鏈接好的層上,這樣就用不著一層一層的分別粘貼了。清理效果命令顧名思義當(dāng)然就是將當(dāng)前的效果清除掉。前面在一些效果的設(shè)置中遇到全局角度這個選項,下面這個全局角度命令就是設(shè)置全局角度的。在對話框種可以輸入全局角度的數(shù)值。使用全局角度的好處就是整個畫面的陰影等看上去都是由一個光源產(chǎn)生的,而不會發(fā)生混亂。
建立層命令可以將效果單獨(dú)建為一層。例如投影效果使用這個命令以后就可以將陰影單獨(dú)建立為陰影層。這樣做的好處就是為Photoshop5.0以前的版本提供了更好的兼容性,如果不經(jīng)過這一道處理那么在Photoshop4.0種就可能丟失這些效果。
隱藏所有效果命令可以將你做的效果隱藏起來。當(dāng)然這不是刪除,我們也可以使用顯示所有效果(和隱藏所有效果在同一位置)將效果顯示出來。
在Type(文字)在菜單中包含了三個菜單命令——Render Layer(渲染層)、Horizontal(水平)和Vertical(豎直)。由于在ImageReady中的文字采用的特殊的文字層,如果想對文字進(jìn)行濾鏡操作就必須將文字層轉(zhuǎn)換為普通層,使用渲染層命令就可以將文字層轉(zhuǎn)換為普通層。水平和豎直命令可以將文字轉(zhuǎn)換為豎直或水平排列。
Add Layer Mask(增加層蒙片)命令可以在層上增加蒙片。包含了Reveal All(顯示所有)、Hide All(隱藏所有)、Reveal Selection(顯示選擇的)、Hide Selection(隱藏選擇)、Alpha Channel(阿爾法通道)、Top Left Pixel Color(左上象素顏色)、Bottom Right Pixel Color(右下象素顏色)七個命令。
Remove Layer Mask(移走蒙片命令)當(dāng)然是將蒙片移走。Disable Layer Mask(使蒙片實(shí)效)命令可以禁止使用蒙片。
Group with Previous(與前一層組成組)命令可以將前一層和當(dāng)前層組成組,產(chǎn)生下圖的效果。Ungroup(取消組命令)可以取消當(dāng)前組成的組。
Arrange(排列)子菜單可以幫你安排好各種層次的先后順序。它包含了四條菜單命令——Bring to Front(放到前面)、Bring Forward(向前放)、Send Backward(向后放)和Send to Back(放到后面)。這四個命令可以方便的調(diào)整當(dāng)前層的位置。
Set Layer Position(設(shè)置層位置)命令可以方便的設(shè)置層的位置。在彈出的對話框中我們可以設(shè)置水平位置和豎直位置。在它的下拉菜單中預(yù)制了四種位置——當(dāng)前位置、左邊緣、中心、右邊緣,你還可以通過后面的數(shù)值調(diào)整位置。
當(dāng)我們用ImageReady作出一排按鍵后想將它們對齊改怎么辦呢?使用Align Linked(排列鏈接)命令就可以方便準(zhǔn)確的排列。首先選中你想排列的層,然后將它們鏈接在一起,這樣就可以把這些層進(jìn)行排列了。在這個子菜單中包含了Top(頂部)、Vertical Center(水平中心)、Bottom(底部)、Left(左邊)、Horizontal Center(豎直中心)和Right(右邊)六個命令來規(guī)定排列的位置。
有時候我們需要平均的安排一些層,比如若干個按鍵之間要留出距離相等的間距該怎么辦呢?這時就可以使用Distribute Linked(分布鏈接)子菜單中的命令來排列鏈接的層。同樣這個子菜單包括了Top(頂部)、Vertical Center(水平中心)、Bottom(底部)、Left(左邊)、Horizontal Center(豎直中心)和Right(右邊)六個命令來規(guī)定分布的位置。
技巧:在實(shí)際使用中通常是排列鏈接和分布鏈接命令結(jié)合使用達(dá)到整齊排列的效果。
Merge Down(向下合并)命令可以讓你向下合并層,而Merge Visible(合并可見層)命令可以將所有的可見層合并。Falaten Image(壓縮圖像)命令可以在合并圖層的同時丟棄隱藏的層,從而達(dá)到減小圖像問剪裁尺寸的目的。
技巧:如果你對某些層的設(shè)計不再做修改了可以使用使用合并層命令,這樣可大大的減小圖像的尺寸,使在ImageReady中處理更流暢。
簡單的,我們教你,深奧的,你來分享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í) · 提示
相關(guān)教程