5-12 概覽Illustrator與GoLive圖層

如下2圖，Illustrator的圖層調(diào)板在外觀上與Photoshop非常相似。但兩者對圖層這個概念，卻著完全不同的定義。這主要是由于Photoshop基于點陣圖像，而Illustrator基于矢量圖像。可以說Photoshop的圖層是真正的圖層，就如同用畫筆在紙上畫畫一樣，如果不分層所有的像素都會融合在一起無法分離。Illustrator的工作方式實際上不是基于圖層，而是基于物件的。就如同你在地面上放上鉗子、扳手、螺絲刀。這些物件本身就具有獨立性，即使不分層也不會融合。
在下左圖的圖層調(diào)板中我們看到“Boy”層下有一個“head”子層，將其展開后如下右圖所示，其中就是構(gòu)成人物頭像各部位的物件，如眼睛眉毛等，只是沒有一一命名而已。這些物件各自獨立存放。如果以Photoshop中的圖層來理解的話，那么在Illustrator中，每繪制一個物件，這個物件就自動成為一個獨立的圖層。

下面我們進(jìn)入Illustrator實地體會一下。進(jìn)入Illustrator后先新建一個圖像，還記得Photoshop中新建圖像的快捷鍵是什么？如果你記得現(xiàn)在就再次按下它，如果忘記了，那就去前面找，并且記住。
然后再左方的工具欄中選擇矩形工具〖M〗，然后在圖像中隨意畫一個矩形，畫完后打開顏色調(diào)板〖F6〗，如下左圖所示，將填充色(點擊下左圖紅色箭頭處)改為一個橙色。然后遵照這樣先畫后改色的方式再繪制兩個矩形。觀察圖層調(diào)板〖F7〗，展開“圖層1”的三角形，會看到我們繪制的物體一個蘿卜一個坑地自動排列在3個子層中。先畫的層次較低，后畫的層次較高。
由此可見，Illustrator中將每次繪制的物件都獨立歸為一個子層，類似于Photoshop中的圖層組一樣。點擊調(diào)板下方的新建按鈕將新建一個層，那么之后繪制的物件就歸入為它的子層。
需要注意的是更改矩形的顏色必須要先選中矩形才可以，選擇的方法是用選擇工具〖V〗點擊矩形。選擇后可以在顏色調(diào)板〖F6〗中直接更改顏色。也可以在空白區(qū)域拖動出一個大選擇框選取多個矩形后同時改色。

GoLive是一個網(wǎng)頁制作軟件，不屬于圖像軟件，嚴(yán)格說來是沒有層的概念的。但由于網(wǎng)頁中允許安放浮動層，因此GoLive也算具有“圖層”功能了。大家一定看過一些網(wǎng)頁上有飄動的圖片或文字，那就屬于一個網(wǎng)頁中的層。下面我們就來制作一個有飄動層的網(wǎng)頁。
進(jìn)入GoLive后新建一個網(wǎng)頁，新建的快捷鍵和在Photoshop、Illustrator一樣，由此可見Adobe這一系列軟件的關(guān)聯(lián)是很緊密的，熟悉一個軟件的操作后很容易就可以做到觸類旁通。如下圖所示，先選擇紅色箭頭處的“Web”項目，然后在右方依次選擇“頁面”和“HTML頁面”，在最右方綠色箭頭所指處勾選“顯示選項”，在下方選擇文檔類型為“XHTML1.0Transitional”，頁面編碼選擇“多語言(utf-8)”。

然后在頁面中隨意輸入一些文字，如下左圖所示，也可以輸入中文，但前提是在之前的頁面編碼選擇項中必須選擇為多語言編碼方式或中文編碼方式。然后從對象調(diào)板〖CTRL 2〗中從將圖層圖標(biāo)拖動到頁面的左上角，如下右圖。如果工具欄是類似Photoshop那樣豎條顯示的，點擊下方的按鈕就可切換到如下右圖的調(diào)板方式。

然后在這個浮動層內(nèi)輸入其他一些文字。輸入好后選擇這些文字，在公共欄設(shè)置字體樣式為“重點”(即平時所說的加粗)，如下左圖紅色箭頭處。選擇顏色的方法是按住顏色框右下角的黑三角(下左圖藍(lán)色箭頭處)不放，將會出現(xiàn)顏色表，移動到滿意的顏色上放開鼠標(biāo)即可。
如果覺得圖層大小不滿意，可以

接下來選中這個浮動層，選擇的方法是用鼠標(biāo)點擊層的邊框，鼠標(biāo)光標(biāo)會變?yōu)?img src="http://pic.16xx8.com/allimg/141215/051A54J9-26.jpg" width="16" height="16" alt="5-12 概覽Illustrator與GoLive圖層" title="5-12 概覽Illustrator與GoLive圖層_ps教程自學(xué)網(wǎng)(theoat.com.cn)"/>，如下左圖所示。然后打開檢查器調(diào)板〖CTRL 1〗，切換到時間軸選頁，如下中圖。按下其中紅色箭頭處的“記錄”按鈕。接著在編輯窗口內(nèi)拖住浮動層任意移動，移動的軌跡會以灰色線段顯示。松手后軌跡記錄完成(記錄按鈕將自動彈起)。如下右圖，在頁面中布滿了圖層移動的軌跡。

好了，我們已經(jīng)完成了浮動層的設(shè)定。切換版面窗口到預(yù)覽(下圖紅色箭頭處，非PDF預(yù)覽)窗口，就會看到飄來飄去的文字。

由于是第一次接觸網(wǎng)頁制作軟件，與圖像軟件在很多地方都有不同，所以一下子難以理解和消化是正常的。另外由于腳本庫的指向問題，如果現(xiàn)在保存這個網(wǎng)頁，其中的飄動效果只能在本機(jī)運行，在沒有安裝GoLive的電腦上是無法運行的。在我們正式地開始接觸GoLive后就會學(xué)習(xí)如何將腳本包含在網(wǎng)頁文件中。