×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 9124|回复: 25

[综合] Flash cs3仿真艺术设计7.2-翻书效果[本文已收录教程库]

  [复制链接]
发表于 2009-9-3 01:02:15 | 显示全部楼层 |阅读模式
本帖最后由 xyl7422 于 2011-8-7 17:15 编辑

7.2 翻书效果




在你的网站或它的网页上可能会有翻页效果。这种动作完全可以用ActionScript来实现,但是我的AS水平还无法实现这个效果。但是这并不意味着你不能在一个影片剪辑中增加一些动画,当鼠标在它上面移动时来控制它来实现这个效果。把这个想法留给你去思考(第10章将作介绍)


1.        首先使用一个线性渐变或你喜欢的颜色填充的长方形。将它转换为一个影片剪辑元件并给它加上一个阴影滤镜。



2.        复制这个元件并将它放在原始图层上面一层中,将其改为另一种颜色。添加一些文本或图片。



3.        在现有的图层上再新建一图层。将它转化为遮罩层,画一个形状盖住右下角。在第30帧插入关健帧。



4.        选择第1帧的图象,使用自由变形工具,将注册点定位到下边角上。按住alt键缩小形状直到非常的小。



5.        按住alt键,强迫形状基于注册点上。添加一个补间动画,这样形状从小到大。这个动画将显示页面从小到大。



6.        插入一个新的图层画一个三角形,就象向上翻起的页面一样。简单的方法是用矩形来创建这个形状。打开扭曲工具拖动一只角直到另一只角。现在你创建一个三角形,将它放到实例之上。



7.        混合一个三个颜色的线性渐变。第1个和最后1个颜色最亮,值差不多。中间的颜色一样,但要暗一些。填充卷曲形状,并用填充变形工具调整。



8.        转换第7步的图形为一个图形元件,然后双击它在元件内新添加一个图层,使用用矩形工具为这个图形创建一个阴影的图形。这个阴影将投射到形状的下面,这样这个图形的跨度要包含这个页面的空间。



9.        用一个包含两种颜 色的线性渐变填充这个形状。第1个颜色50%的透明度,第2个颜色0%的透明度。使用渐变填充工具旋转这个阴影使它向卷曲方向逐渐消失。



10.        象在第4,5步制作遮罩动画一样,在第30帧插入第2个关键帧,然后在第1帧选择卷曲形状,使用自由变形工具,移动注册点到下角,按住Alt键,缩放它到与遮罩一样的大小。添加1 个补间动画。



提示:
你可以复制这个效果,创建其它页的卷曲动画,充许用户打开更多的页,显示更多的内容。封装翻页动画到一个影片剪辑中,然后拖动多个实例到各个单独的层。使用一些AS代码你可以控制翻页。
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=268308
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 2金币 +10 威望 +1 热心度 +5 收起 理由
祁连山 + 1 支持教程,辛苦啦。
xyl7422 + 10 + 5 对论坛做出贡献

查看全部评分

 楼主| 发表于 2009-9-3 01:03:30 | 显示全部楼层
酷素材
交个作业,点击翻页:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

发表于 2011-4-5 14:28:34 | 显示全部楼层
要是书脚能跟着鼠标动就更好了,学习
回复 支持 反对

使用道具 举报

发表于 2011-4-17 20:29:02 | 显示全部楼层
能不能让鼠标拖动
回复 支持 反对

使用道具 举报

发表于 2011-4-20 10:44:38 | 显示全部楼层
酷素材
效果好看
回复 支持 反对

使用道具 举报

发表于 2011-6-23 22:38:06 | 显示全部楼层
酷素材
我怎么看不到教程
回复 支持 反对

使用道具 举报

发表于 2011-8-22 10:47:54 | 显示全部楼层
收藏学习
回复 支持 反对

使用道具 举报

发表于 2011-9-2 12:34:04 | 显示全部楼层
very good!
回复 支持 反对

使用道具 举报

发表于 2011-10-3 21:08:40 | 显示全部楼层
look look
回复 支持 反对

使用道具 举报

发表于 2011-10-22 14:34:53 | 显示全部楼层
     看不懂,不怎么理解
回复 支持 反对

使用道具 举报

发表于 2011-11-30 00:56:05 | 显示全部楼层
就是啊,我觉得你的教程完全不适合新手学习,
我都要边看教程边百度,
而且阴影滤镜也没有啊。能不能详细点啊高手~~
回复 支持 反对

使用道具 举报

发表于 2015-3-26 17:45:19 | 显示全部楼层
本帖最后由 张文烈 于 2015-3-26 21:56 编辑


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

发表于 2015-3-27 08:16:09 | 显示全部楼层
本帖最后由 张文烈 于 2015-3-27 08:20 编辑

翻书效果源文件

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

发表于 2015-5-19 04:58:17 | 显示全部楼层
本帖最后由 张文烈 于 2015-5-19 05:13 编辑

古典美女翻书相册(可以用鼠标拖拽书角翻页)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

发表于 2015-5-19 05:26:00 | 显示全部楼层
本帖最后由 张文烈 于 2015-5-19 05:29 编辑

古典美女翻书相册源文件压缩包


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345