| 步驟  1  2  3  4 建造個人網站時,設計精巧、富于動態的Logo總是能為網頁增色不少。也許有的朋友見過Logo周圍有一圈細細的虛線圍繞著Logo緩緩蠕動的效果,沒有見過的朋友請看這里 步驟/方法 3、制作虛線框。 回到Logo所在的文件,在Layers面板上,選擇下面的Layer 1圖層,然后選擇菜單命令“Edit→Fill”,在對話框中選擇使用Pattern填充,在下面的下拉列表中選擇我們剛才自定義的“黑白方格”圖案,其余選項保持默認(如圖4)。 (圖4) 確定后,Layer 1圖層將被密布而規律的黑白方格填滿(如圖5,圖中將“Logo”圖層隱藏)。 (圖5) 
在Layers面板上,單擊面板底部的新建圖層按鈕,建立空白圖層Layer 2。按住Ctrl鍵單擊“Logo”圖層,將其輪廓作為選區載入。再選擇菜單命令“Select→Modify→Expand”,在對話框中輸入1,按下OK按鈕,選區將向外擴張一個像素。按下Ctrl+Shift+I鍵,將選區反向。確認當前圖層為Layer 2,按下Ctrl+BackSpace鍵,使用背景色白色填充選區。將圖層Layer 2命名為“白邊”。按下Ctrl+D鍵取消選擇,可以看到Logo周圍出現了一圈虛線框(如圖6)。 (圖6) 
4、使每條邊的虛線相互獨立。 讀者朋友們一定已經看明白了,沒錯,這條虛線框是假的,這里使了個障眼法,是讓背景圖案通過一條1像素寬的縫隙露出來一部分,如果讓它動起來的話會很困難。該怎么辦呢?我們繼續使用障眼法——用四塊背景來分別對應四條邊。在Layers面板上,將圖層Layer 1拖動到面板底部的新建圖層按鈕上,新建一個該圖層的副本圖層Layer 1 copy。再重復兩次復制操作,得到四個相同的布滿“黑白方格”圖案的圖層。選擇單列像素選擇工具,將圖像視圖放大到合適比例,在Logo左側的虛線上單擊,將該條虛線所在的直線全部選擇。在Layers面板上,選擇圖層Layer 1,然后單擊面板底部的添加圖層蒙版按鈕,結果將為該圖層添加一塊幾乎為全黑色的蒙版,只在Logo左側的虛線所在的直線上是白色的,也就是說圖層Layer1只在那條直線上可見。接下來,同樣的原理,分別使用單行像素選擇工具和單列像素選擇工具選擇Logo上方、右側和下方的虛線,依次為余下的三個圖案圖層添加蒙版。這時候,從表面上看Logo毫無變化,實際上圍繞在它周圍的虛線框已經是由四部分組成的了。可以隱藏某一圖層,查看一下情況是否如此。根據四個圖案圖層對應的部分,分別為它們命名為“左”、“上”、“右”和“下”(如圖7)。 (圖7) 
參考資料 http://www.logozj.com/ |
