┆死┆ 发表于 2007-11-2 07:58:58

卷轴展开动画效果制作

<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:}

maowan 发表于 2010-5-14 21:09:17

看不到呀`1{:6_272:}

chaiwen5200 发表于 2010-6-4 21:40:07

受益匪浅啊

吾濁水滌足 发表于 2010-6-20 15:50:12

额。这个教程非常不错啊！！好玩的

ziyeyouyu 发表于 2010-9-22 14:10:07

photoshop:0020好像蛮简单的我也去做一个

ziyeyouyu 发表于 2010-9-22 14:26:03

本帖最后由 ziyeyouyu 于 2010-9-23 02:09 编辑

好不容易传个图上来居然链接失效

yiluxiang1bei 发表于 2010-9-26 18:12:32

“ImageReady”这个在哪啊?我没找到~~~

yiluxiang1bei 发表于 2010-9-26 18:15:08

求解答

ziyeyouyu 发表于 2010-9-28 01:36:29

13# yiluxiang1bei


你找菜单栏的 窗口 点 动画 就可以了

啊贝哥 发表于 2010-9-30 11:14:38

好喜欢这个动画，也试着做做，谢谢分享。
页: [1] 2
查看完整版本: 卷轴展开动画效果制作