Photoshop设计实例 PS与ImageReady打造动态Logo [2]

 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）