步骤

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/