PS与ImageReady打造动态Logo

在建造个人网站时,一个设计精巧、富于动态的Logo总是能为网页增色不少。一种常见的效果是Logo周围有一圈细细的虚线围绕着Logo缓缓蠕动的效果,这种动态效果让Logo更加生动。下面将介绍一种制作这种

在建造个人网站时,一个设计精巧、富于动态的Logo总是能为网页增色不少。一种常见的效果是Logo周围有一圈细细的虚线围绕着Logo缓缓蠕动的效果,这种动态效果让Logo更加生动。下面将介绍一种制作这种蠕动虚线框的方法。

---

运行Photoshop并打开Logo文件

首先,打开你制作好的Logo文件。Logo的标准尺寸通常为88x31像素,确保你的Logo符合这一标准尺寸。在本文中,为了让演示更清楚,我们使用了一幅较大尺寸的图片。在打开Logo文件后,需要扩大画布的尺寸以便进行后续操作。

---

扩大画布的尺寸

Logo文件中通常只包含一个背景图层,为了能够操作Logo的轮廓,我们需要将背景图层转换为普通图层。双击Background图层右侧的空白区域,在弹出的对话框中点击OK按钮,将背景图层转换为普通图层,并将其命名为“Logo”。接着,在“Logo”图层下方新建一个图层。选择菜单中的“Image→Canvas Size”,增加画布的宽度和高度,为后续操作留出空间。

---

制作用来填充背景的图案

接下来,我们需要制作用来填充背景的图案。新建一个8x8像素,背景色为白色的文件。使用矩形选择工具,在文件中创建一个4x4像素的黑色正方形,然后定义此图案为“黑白方格”。保存自定义的图案后,即可用来填充Logo背景。

---

通过以上步骤,我们完成了扩大画布和制作背景图案的准备工作,为接下来制作动态Logo的蠕动虚线框奠定了基础。在制作过程中,可以根据实际需求对Logo进行调整和优化,使其更加吸引人眼球。在网站设计中,一个独特而动感的Logo将会提升整体的用户体验,为网站注入活力和个性。

标签: