第32節 概覽Illustrator與GoLive圖層

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

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

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

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

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

接下來選中這個浮動層，選擇的方法是用鼠標點擊層的邊框，鼠標光標會變為，如下左圖所示。然后打開檢查器調板[CTRL 1I，切換到時間軸選頁，如下中圖。按下其中紅色箭頭處的“記錄”按鈕。接著在編輯窗口內拖住浮動層任意移動，移動的軌跡會以灰色線段顯示。松手后軌跡記錄完成(記錄按鈕將自動彈起)。如下右圖，在頁面中布滿了圖層移動的軌跡。

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

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