ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8594|回复: 17
收起左侧

[gif动图] 卷轴展开动画效果制作

[复制链接]
发表于 2007-11-2 07:58:58 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
<DIV id="gg_bbs"> </DIV><p align="right">作者:<a href="http://www.16xx8.com/" target="_blank">阿科</a>&nbsp;&nbsp;<a href="http://bbs.16xx8.com" target="_blank">教程</a>来源:中国教程网论坛&nbsp;&nbsp; <br></p>一个很菜的教程,欢迎拍砖<br>先看效果:<br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165746525.gif" alt="" border="0"><br>一 <font color="blue">绘画篇</font> <font color="red">卷轴</font><br>&nbsp; &nbsp; <br>&nbsp; &nbsp;1 新建宽 300,高 120像索 RGB文件 <br><br>&nbsp; &nbsp;2 用距形选框工具在图中拉出长方形,并选择渐变工具,属性设置如下:<br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165746998.jpg" alt="" border="0" height="195" width="595"><br><p align="right">本新闻共<font color="red">5</font></p><font style="font-size: 14px;"><font color="red">3 新建图层,按着shift銉在长方形选区中拉出渐变,并用1像索描边<br>4 继续用距形选框工具于上下两端拉出选区,填充黑色, 卷轴部分描绘完毕<br>5 按ctrl+J,得到两个卷轴,为方便操作分别命名为卷轴左,卷轴右</font></font><br><font style="font-size: 14px;"><font color="red"><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165746464.jpg" alt="" border="0" height="257" width="593"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165747621.jpg" alt="" border="0" height="263" width="592"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165747457.jpg" alt="" border="0" height="218" width="594"></font></font><br><p align="right"><font color="red">本新闻共<font color="red">5</font></font></p><font style="font-size: 14px;"><font color="red"><font color="red"><font color="blue">绘画篇</font> <font color="red">卷体</font><br><br>&nbsp;&nbsp;1 新建图层,在卷轴两端之间选 出距形区域,1像索描边 <br><br>&nbsp;&nbsp;2 选择=&gt;修改=&gt;收缩10像索,并描边<img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165747978.jpg" alt="" border="0" height="248" width="593"></font></font></font><br><font style="font-size: 14px;"><font style="font-size: 14px;"><font color="red"><font color="red"> </font></font></font><br><font style="font-size: 14px;"><font color="red"><font color="red">3 以黄色填充图中部分<br>4 新建图层,再次用花纹图案填充该部份<br>5 将花纹图层改为叠加模式,卷体部分描绘完毕<br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165747866.jpg" alt="" border="0" height="263" width="592"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165747375.jpg" alt="" border="0" height="238" width="593"></font></font></font><br></font><br><p align="right"><font color="red"><font color="red">本新闻共<font color="red">5</font></font></font></p><font style="font-size: 14px;"><font color="red"><font color="red"><font color="red">二 <font color="blue">准备工作</font><br><br>&nbsp; &nbsp;1 在卷体中间打上字&nbsp; &nbsp;<br>&nbsp; &nbsp;2 将两个卷轴图层移到最上方,用白色填充(卷轴左) 左边所有区域,卷轴右亦然.如图:<br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165748273.jpg" alt="" border="0"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165748930.jpg" alt="" border="0"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165748714.jpg" alt="" border="0"></font></font></font></font><br><p align="right"><font color="red"><font color="red"><font color="red">本新闻共<font color="red">5</font></font></font></font></p><font style="font-size: 14px;"><font color="red"><font color="red"><font color="red"><font color="red">三 <font color="blue">动画篇</font><br><br>&nbsp; &nbsp;1 切换至 ImageReady,复制第1帧,然后将卷轴左向左移动至合适位置,将卷轴右向右移动至合适位置<br>&nbsp; &nbsp;2 点击过渡,属性设置如下<br>&nbsp; &nbsp;3 将最后一帧设置为1.0秒<a href="http://bbs.16xx8.com/" target="_blank">。</a>收工</font></font></font></font></font><br><font style="font-size: 14px;"><font color="red"><font color="red"><font color="red"><font color="red"><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165749279.jpg" alt="" border="0"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165749192.jpg" alt="" border="0"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165749339.gif" alt="" border="0"> <br><br><img src="http://pic.16xx8.com/article/UploadPic/2007/10/31/2007103165749786.gif" alt="" border="0"></font></font></font></font></font>
发表于 2009-1-14 16:16:53 | 显示全部楼层
谢谢楼主了,受益非浅啊
发表于 2009-3-14 17:03:41 | 显示全部楼层
我是新手,试着努力的认真的做了个~
发表于 2009-5-11 07:47:12 | 显示全部楼层
很实用很好玩photoshop:0001
发表于 2010-4-28 19:22:14 | 显示全部楼层
学习~~~~{:6_258:}
发表于 2010-4-30 19:13:06 | 显示全部楼层
为什么看不到吗~~{:6_249:}
发表于 2010-5-14 21:09:17 | 显示全部楼层
看不到呀`1{:6_272:}
发表于 2010-6-4 21:40:07 | 显示全部楼层
受益匪浅啊
发表于 2010-6-20 15:50:12 | 显示全部楼层
额。这个教程非常不错啊!!好玩的
发表于 2010-9-22 14:10:07 | 显示全部楼层
photoshop:0020好像蛮简单的我也去做一个
发表于 2010-9-22 14:26:03 | 显示全部楼层
本帖最后由 ziyeyouyu 于 2010-9-23 02:09 编辑

好不容易传个图上来居然链接失效
中秋节快乐.gif
发表于 2010-9-26 18:12:32 | 显示全部楼层
“ImageReady”这个在哪啊?我没找到~~~
发表于 2010-9-26 18:15:08 | 显示全部楼层
求解答
发表于 2010-9-28 01:36:29 | 显示全部楼层
13# yiluxiang1bei


你找菜单栏的 窗口 点 动画 就可以了
发表于 2010-9-30 11:14:38 | 显示全部楼层
好喜欢这个动画,也试着做做,谢谢分享。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-24 04:16 , Processed in 0.047239 second(s), 12 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表