当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > 蠕动线框动画的制作(1)

Photoshop
Photoshop 合成创意的液晶显示器广告特效
photoshop 用玫瑰装饰吉它效果
Photoshop调色之偏暗人物的淡红质感肤色
Photoshop 合成的彩色水晶字
Photoshop 仿琉璃色调美女照片
Photoshop 绘制火焰Nike标志教程
photoshop 外景人物照片的细节美化
Photoshop 一朵漂亮的喇叭花
photoshop 合成玩转地球的女魔法师
Photoshop 一幅橙黄的落叶图
Photoshop调色教程之照片可爱的蓝黄色
photoshop 鼠绘黑色的精灵美女
Photoshop 漂亮的彩色光丝
Photoshop 打造陈旧的淡黄色美女图片
Photoshop 制作一个霸气的老虎头
Photoshop 超酷的虎年连写立体字
Photoshop 柔美的蓝色魅力签名
Photoshop 制作柔美的暖色手机图片
photoshop 鼠绘漂亮的旗袍美女
photoshop 利用文字制作个性的面相图片

Photoshop 中的 蠕动线框动画的制作(1)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-02   浏览: 171 ::
收藏到网摘: n/a

 建造网站时,设计精巧、富于动态的Logo总能为网页增色不少。也许有的朋友见过Logo周围有一圈细细的虚线围绕着Logo缓缓蠕动的效果。

  其实这个效果是用Photoshop和ImageReady共同实现的一个视觉欺骗。下面我们就来探讨制作这种蠕动虚线框的方法。

  运行你的Photoshop,打开你制作好的Logo文件(图1)。这里你可用一张图片来代替。


图 1

  一、扩大画布的尺寸

  1.打开Logo文件后,该图像只有一个背景图层,由于我们需要它的轮廓,所以不能直接在该层上扩展画布。在Layers面板上,双击Background图层右侧的空白区域,在弹出的对话框中单击OK按钮,即可将背景图层转换为普通图层Layer 0。双击图层的名字,将它命名为“Logo”。按住Ctrl键单击面板底部的新建图层按钮,在“Logo”图层下面新建图层Layer 1。

  2.然后选择菜单命令“Image(图像)→Canvas Size(画布大小)”,在对话框中将长度单位改为Pixels,勾选Relative复选框,Width和Height均增加40像素,Anchor保持默认的中间位置(图2)。这步操作的结果是使画布在上下左右四个方向都增大了20像素,为我们下面的步骤开辟了空间。



图 2