在建造網(wǎng)站的時候，一個設計精妙、富有動態(tài)感的Logo能夠為網(wǎng)頁增色不少。而有些Logo周圍有一圈細細的虛線圍繞著Logo緩緩蠕動的效果，這個效果是用Photoshop和ImageReady共同實現(xiàn)的一

在建造網(wǎng)站的時候，一個設計精妙、富有動態(tài)感的Logo能夠為網(wǎng)頁增色不少。而有些Logo周圍有一圈細細的虛線圍繞著Logo緩緩蠕動的效果，這個效果是用Photoshop和ImageReady共同實現(xiàn)的一個視覺欺騙。下面我們就來探討制作這種蠕動虛線框的方法。

步驟一：新建文件

使用菜單命令“File（文件）→New（新建）”新建一個800像素，背景色為白色的文件，然后按下“Ctrl ”鍵數(shù)次，將文件視圖放大到合適比例以便于操作。

步驟二：制作黑白方格

選擇矩形選擇工具（快捷鍵為M），在左上角畫出一個邊長為4像素的正方形選框。再按住Shift鍵，在右下角添加一個同樣的選框。確認當前的前景色為默認的黑色，如果不是可以按下D鍵將它恢復為默認的。然后按下“Alt BackSpace”鍵使用前景色黑色填充選區(qū)，最后按下“Ctrl D”鍵取消選擇。接著，選擇菜單命令“Edit（編輯）→Define Pattern（定義圖案）”，在對話框中為新圖案命名為“黑白方格”，然后按下OK按鈕，保存自定義的圖案。

步驟三：制作虛線框

回到Logo所在的文件，在Layers面板上，選擇下面的Layer 1圖層，然后選擇菜單命令“Edit（編輯）→Fill（填充）”，在對話框中選擇使用Pattern填充，在下面的下拉列表中選擇我們剛才自定義的“黑白方格”圖案，其余選項保持默認值。確定后，Layer 1圖層將被密布而有規(guī)律的黑白方格填滿。

在Layers面板上，單擊面板底部的新建圖層按鈕，建立空白圖層Layer 2。按住Ctrl鍵單擊“Logo”圖層，將其輪廓作為選區(qū)載入。再選擇菜單命令“Select（選擇）→Modify（改變）→Expand（擴展）”，在對話框中輸入1，按下OK按鈕，選區(qū)將向外擴張一個像素。按下“Ctrl Shift I”鍵，將選區(qū)反向。確認當前圖層為Layer 2，按下“Ctrl BackSpace”鍵，使用背景色白色填充選區(qū)。將圖層Layer 2命名為“白邊”。按下“Ctrl D”鍵取消選擇，可以看到Logo周圍出現(xiàn)了一圈虛線框。

步驟四：制作蠕動線框動畫

在這一步中，我們將制作蠕動的虛線框動畫。首先，我們需要在時間軸上創(chuàng)建一個新的圖層。在每一個關(guān)鍵幀上，我們需要微調(diào)虛線框的位置，然后逐漸改變它的形狀來產(chǎn)生動畫效果。我們可以使用選區(qū)工具和移動工具來完成這些微調(diào)。

在時間軸上選擇第1幀，確保圖層“白邊”處于選中狀態(tài)，然后使用矩形選區(qū)工具選擇整個虛線框。使用移動工具，微調(diào)虛線框的位置，使其緊密地貼合在Logo周圍。然后按下“Ctrl C”鍵，將虛線框復制到剪貼板中。

在圖層面板中，選擇新建的圖層，然后在時間軸上選擇第2幀。使用“Ctrl V”鍵將虛線框從剪貼板中粘貼到當前幀。使用移動工具，略微調(diào)整虛線框的位置，在當前幀中形成微小的位移。在時間軸上選擇第3幀，在這一幀中，進一步調(diào)整虛線框的位置，使其再次微小地移動。重復這個步驟，直到你完成整個動畫效果。

步驟五：導出動畫

最后一步就是導出我們的動畫效果了。打開時間軸窗口，選擇“Save for Web”，在對話框中選中GIF格式，并設置循環(huán)次數(shù)。點擊“保存”按鈕即可導出你制作的蠕動線框動畫。

總結(jié)

通過以上步驟，我們可以制作出一個帶有蠕動線框的Logo，并將其導出為GIF格式的動畫。這種特效能夠為網(wǎng)站增添動態(tài)感，吸引用戶的注意力。因此，在設計網(wǎng)站時，這種特效是相當實用的，能夠為網(wǎng)站帶來更多的流量和曝光率。