[IR动图教程] Photoshop ImageReady打造遮隐效果

Photoshop ImageReady打造遮隐效果本文由 中国教程网 myjunbb 原创,(http://bbs.16xx8.com)

[IR动图教程] 蠕动线框动画的制作

蠕动线框动画的制作建造网站时,设计精巧、富于动态的Logo总能为网页增色不少。也许有的朋友见过Logo周围有一圈细细的虚线围绕着Logo缓缓蠕动的效果。 其实这个效果是用Photoshop和ImageReady

Photoshop ImageReady打造遮隐效果本文由 中国教程网 myjunbb 原创,(http://bbs.16xx8.com)

1.打开要处理的文件,新建一个层(快捷键Ctrl Shift N),然后用矩形选框工具在画布上画出一个圆~~随便填充一种颜色

[IR动图教程] Photoshop ImageReady打造遮隐效果插图

取消选区,按ALT双击背景层,将其变为变通层,把背景层移到上面,下面的层不透明度改为50%

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(1)

选中图片所在层(图层1),按下Ctrl J将其复制出一层,然后把透明度降为15%..这是为了让画面有一点点图案可以看清楚,做到后面就明白了..


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(2)

再新建一个图层,填充黑色,按下Ctrl Shift [把它放到最底层]

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(3)

鼠标右键单击图层0,如图,选择创建剪贴蒙板

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(4)

这是效果

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(5)

按工具箱最下面的一个东东进入到IR。

在IR里窗口–动画,调出动画面板

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(6)

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(7)


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(8)

先将动画的第一帧改为0。1秒。点新建,新建一帧。选中圆的那层,在图中把圆拖动到别的地方


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(9)

再新建一帧(我这里只是作示范,你当然可以多建几帧,这样效果要好些


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(10)

复制动画1,把复制的动画移到最后面(上面那个新建,也叫复制)

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(11)

点过渡,选下一帧,添加的帧为10。

这样后再选动画12,重复上一步的过渡,再选动画23,重复上一步(选的步数为什么是这样呢,很容易明白吧,选动画1过渡10个帧,那12就是没有过渡的,也就是最开始的2,同理如此)

[IR动图教程] Photoshop ImageReady打造遮隐效果插图(12)


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(13)

最后点播发,就可以了


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(14)

还有,呵,刚才忘了,保存时将优化结果存储为GIF就可以了


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(15)


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(16)


[IR动图教程] Photoshop ImageReady打造遮隐效果插图(17)

搜索更多相关主题的帖子:Photoshop ImageReady 效果 中国 Shift

简单的,我们教你,深奥的,你来分享

photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部