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