站内搜索

Photoshop CS3作实战图层样式动画

作者:赵鹏 来源:PConline 时间:2008-04-29 点击: 上传:paya

  上节我们学习了利用图层样式制作动画,我们发现用图层样式可以做出多种效果动画,如模拟雷达动画制作。本节我们就来学习模拟雷达效果的制作,下节我们将继续学习使用蒙版制作动画。

  现在我们来讲解一下上节课的作业。比起以前“石器时代”的作业,它的难度有明显的增加。一个是动画元素的增多,不再是由少数的简单物体构成。再就是要求在制作前要成竹在胸,事先就要计划好步骤。

  新建图像,约100×100,用椭圆形状工具的形状图层方式绘制一个矢量正圆,填充为绿色(数值19631c,可在拾色器下方的#区域内填入,这其实就是用十六进制来表示十进制的0~255,不必深究)或其他颜色。然后复制该图层(CTRL+J,复制出来的应位于原图层上方),对复制出来的图层用自由变换功能,将其参照中心点(Alt+SHIFT)缩小。接着为其定义描边样式(大小为1像素,白色)并将填充不透明度设置为0%,得到一个线圆。适当降低该图层的不透明度(约15%)已达到较好的视觉效果。将这个线圆图层再次复制并依照之前再次缩小,得到两个同心的线圆。大家也可依次列推制作更多的同心线圆。此时图像应类似于下左图所示。

  然后新建一个普通图层,使用直线工具的填充像素方式(粗细1像素,关闭消除锯齿)在圆的中央位置绘制一横一竖组成十字。绘制的时候可将图像放大便于对齐,绘制后也可使用多图层对齐功能调整。此时图像类似于下中图所示,图层调板如下右图所示。

  在这个前期的动画元素准备过程中,我们先使用了矢量绘制圆是因为其需要缩小,矢量方式可保证质量。后面的十字理论上也可以使用矢量方式绘制,但由于矢量直线在1像素这样小的单位时,会由于自身的抗锯齿功能而可能导致边缘模糊,结果看上去就像是2像素粗细。大家可以自己动手试试看。除了这种极微小单位的情况以外,都应尽量使用矢量绘制,这个前提是不会变的。

Photoshop CS3作实战图层样式动画
图1

Photoshop CS3作实战图层样式动画
图2

Photoshop CS3作实战图层样式动画
图3

  雷达扫描效果的实现是第一个难点,这其实就是渐变叠加样式,关键是要选择角度的渐变方式,以及相应的渐变设定,分别如下左图和中图所示。渐变色标为96de8a。渐变色标也可用白色,再通过更改混合模式或降低不透明度来融合图像。此时图像应如下右图所示。如果看不懂这里的内容,请复习基础教程的相应章节。

Photoshop CS3作实战图层样式动画
图4

Photoshop CS3作实战图层样式动画
图5

1 2 3 4 下一页
世外园林版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:admin@shiy.net
现有条评论 | 更多评论..
我要发表看法
用户名: 密码:
验证码: 匿名发表(无需注册)
    如果您还不是世外园林会员,欢迎加入
  • ※ 评论注意事项:
  • 您的评论将在管理员审核后才会显示
  •   
  • 非世外园林会员或未登陆发表评论,评论人名字显示为匿名
  • 遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除评论中的任意内容
  • 参与本评论即表明您已经阅读并接受上述条款