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

Photoshop
photoshop 鼠绘超酷的游戏场景
photoshop 人物照片个性中性色
photoshop 人物转手绘中嘴唇部分的详细制作
Photoshop 梦幻的文字心形效果
photoshop 合成经典酒类海报
Photoshop 增强外景照片的鲜明度
Photoshop 葱翠的竹子壁纸
Photoshop 外景照片柔和的淡黄色
photoshop 梦幻的彩色水晶字
Photoshop 一个漂亮的紫色面具
photoshop 调出外景人物照片柔和的青紫色
photoshop 简单三步调亮偏暗的人物照片
photoshop 鼠绘诺基亚3230手机
Photoshop 暗调婚片经典青绿色
Photoshop 美女头像转成黑白仿手绘效果
photoshop 利用选区制作简单的颓废残缺字
Photoshop 经典的文字插画
Photoshop 人物照片加上柔和的彩霞光辉
Photoshop 增强照片的清晰度
photoshop 利用花纹素材制作漂亮的古典纹理字

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-02   浏览: 689 ::
收藏到网摘: 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