圖層

電腦通訊 9547 391 2014-11-24

在上網時,你會發現有的網站頁面上有個小精靈走來走去,時而在文字或圖片上,時而在某些圖片下,這是如何實現的呢?

實現這種效果有多種方法,而使用圖層來完成這種效果是最容易的。

圖層是圖像處理中的基石,它的地位類似於九九乘法表之於數學,運用好圖層可以讓您處理起圖像來又快又好。

為了理解的更形象,想像一下,我們把幾張照片底片疊在一起,然後對著燈光看,當我們改變其中一張底片的位置或對底片做一些處理,最後看到的效果都會不同,回到軟件中,每個圖層就是一張底片,之所以分成很多圖層是為了處理起來更方便,比如要畫個人臉,我們可以分成臉型圖層,眼睛圖層,鼻子圖層,嘴圖層,耳朵圖層單獨繪製。這樣,我們要修改某一部分就只需要對相應的圖層進行修改。

通俗地講,圖層就像是含有文字或圖形等元素的膠片,一張張按順序疊放在一起,組合起來形成頁面的最終效果。

圖層可以將頁面上的元素精確定位。圖層中可以加入文本、圖片、表格、插件,也可以在裡面再嵌套圖層。

圖層在平面坐標X,Y上又添加一個具有三維空間的坐標Z,使圖層有一個疊放順序。圖層的一個重要功能就是可以使頁面元素重疊。按下F11、調出圖層窗口(圖1),在這裡可以很方便地切換圖層,同時便於調整圖層順序,Z值大的在上面。

圖1 圖層面板示例

我們看一下這個例子(圖2),(只有在IE4及更高版本中才能看到此效果,NETSCAPE4中沒有OnClick事件,因而看不到)。

圖2 預覽我們要做的例子

你會說:頁面上除了一個小貓在那裡原地踏步外,什麼也沒有了!那好,我們單擊這個小貓,哇,一個活動菜單出來了,將鼠標放在菜單項上,會彈出每一項的子菜單,子菜單中的每一項都有鏈接。再點一下這個小貓,看,菜單又回到原來位置了。

試驗圖層最簡單的方法就是使用文字工具在您的圖像上添加文字,這些文字將顯示在圖層管理器中的新圖層裡。

PhoXo圖層管理器

圖層管理器以縮略圖的形式顯示了每圖層的內容。當前選中的圖層周圍帶有一個藍色矩形,按下Ctrl或Shift鍵單擊圖層可以選中多個圖層(這對合併/刪除圖層很重要)。單擊圖層縮略圖旁邊的綠燈可以顯示或者隱藏圖層,在有多個圖層時,這樣可以便於您對其中的一兩個特殊圖層進行處理。

圖層管理器中顯示的圖層按照 自底向上 排列,即圖層管理器最上方的圖片為最底層的圖層,最下方的圖片為最上層的圖層,您可以通過拖動圖層來改變他們的層次關係

下面是一個圖層管理器的截圖和編輯區中所顯示的效果圖(請注意它們的層次對應關係)。

圖層的有限性

位置如圖:

它的含義是:當進行填充或畫線等操作時,本圖層不可見部分是否可以被著色或處理。如圖:

上面是對圖像做50%的圖案填充,其中「有限的」圖層心形周圍部分的空白部分不被填充,「無限的」則被填充。



,