注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

u5制作多张滚动图片的方法  

2011-04-12 20:47:19|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

怎样分享别人的模块? - hdly006502 - .
 
 
将向博客新手详细解讲制作过程
撰文:寒冬腊月 

怎样分享别人的模块? - hdly006502 - .

 怎样分享别人的模块? - hdly006502 - .

        u5制作多张滚动图片的方法      

 

 

首先准备好需要制作的素材图片:

1、上、下滚动的素材:

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

2、在ps里合成5张尺寸为100*100像素的好友头像,合成后图片为500*100像素;见下图:

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

下面,我就利用u5软件来操作:

一、打开u5软件,新建一个尺寸为500*120像素的完全透明画布;(注:500宽*120高,其中120为好友图片100+上滚动10+下滚动10.)

二、新建画布出现后,点击"添加图片"并使图片在画布中上、下对称让图片置于画布正中; 然后看介面下方的第一帧里出现添加后的图片,同时右侧也多了一个以obj-1开头的蓝底背景;如下图

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

三、相同的方法,再添加一次图片(好友图)后,右侧多了一个以obj-2开头的蓝底背景;见下图

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

- 寒冬腊月 -

四、我把第一次添加的图片为内层图,第二添加的为外层图;因内层图片我已做了在画布居中(数据为0和10,见上图);那同样外层图也要做居中的调整 ;只要将外层图在画布中的位置数据改为10和10即可:

操作方法是:鼠标右击obj-2→对象属性→位置及尺寸→将数据改为:左是10、顶部是10;点击确定后,内、外层均在画布正中位置了;见下图:

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

五、接下来,我们就可以来做内、外层图片的滚动了;分二大步走:

笫一步:我们还是从外层做起:

1、点击介面下方的添加"相同帧",为它添加50帧为止;介面下方就会出现1-50帧了;

2、拖动介面下方的滚动条看到第二帧并点击它,将下图第一个红圈内的第一数据变为20、顶部数据不变为10,操作方法见上面第四步:

- 寒冬腊月 -

3、依次类推,点第三帧并将第一个数据改为30(顶部数据仍然为10不变)、第四帧数据为40直到第五十帧数据为500结束;这时,你可以点击"预览"发现外层图片就可以由左向右滚动了,见下图:

(说明:因为我们先做的是外层图片的滚动,所以内层图片还是静态不动的哦!)

- 寒冬腊月 -

笫二步:我们再做内层图片做滚动:

1、点击介面右侧的obj-1 使之变为蓝色背景并将介面正下方的滚动条拖回到笫一帧点击它,然后鼠标右击obj-1 处;将位置及尺寸→将数据改为:左是-490、顶部10数据一直不变;

操作方法是:鼠标右击obj-1→对象属性→位置及尺寸→将数据改为:左是-490;

2、相同的方法,点第二帧数据改为:左是-480、点第三帧数据为 -470、直到最后一帧数据为 0为止,再点击"预览"看到,此时内、外层图片均按规律由左向右移动了;见下图:

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

六、继续操作步骤,为做好的滚动图再添加上、下滚动图片素材;这里也要分两大步来做:

笫一步:先做滚动图片上边的滚动闪条的添加:

1、 拖动介面下方的滚动条看到第一帧并点击它;然后点击"添加图片"导入闪动的图片素材后(本人己提供素材),添加后,介面正下方的第五帧和介面右侧 obj-3 到 obj-7 全变成蓝底背景;这时,你点击"预览"会发现移动图片上方添加的滚动闪图只显示部分;见下图

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

2、我们还必需从第六帧继续添加该闪图,直到第四十六帧的添加后,闪图就完全显示了;此时,正图上方滚动闪图就已添加完成,如下图:

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

笫二步:再做下边的滚动闪图的添加:(这一步相对复杂一些)

1、依然回到第一帧,点"添加图片"后,这时添加的闪图会重叠在正图上方并出现虚线框,看第五帧和介面在侧obj-101到obj-105全显示蓝底背景;见下图

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

2、分别点第一帧再点obj-101并使obj-102到obj-105变为白底背景, 采用第四步的操作方法,分别将上图红圈内的数据改为(0和110);依次类推直到点第五帧和obj-105并将数据同样改为0和110;

3、上面仅是做了第一到第五帧闪图的添加,还必须从第六帧开始继续添加闪图后,采用上一步的方法直到第四十六帧添加完毕.

最后,点"预览"就会看到下面的效果图了:

    最终效果图如下:  

 

【引用】u5制作多张滚动图片的方法 - 寒冬腊月 - .

 看看你2010运势 - hdly006502寒冬腊月 - hdly006502的博客

 

   点击 → 相关文章链接:

点击进入   →   相关文章链接
   〖所有代码的粘贴法〗   〖怎样找准图片及日志的正确网址〗
  〖如何分享别人的‘自定义模块’〗   〖如何做视频及动画的超链接〗
  〖博客首页‘自定义模块’的添加〗   〖怎样获取Flash动画代码?〗
   〖如何查找mp3音乐的真实地址〗    〖如何查找flash真实地址〗
   〖日志中添加背景音乐的方法〗    〖首页多款音乐播放器的安装方法〗
   〖如何传送Flash音画〗    〖如何上传自己的视频?〗

新手入门篇/文字类制作/图片类制作/日历、时钟制作类/博客制作(素材类)/"边框"的制作

 

 怎样分享别人的模块? - hdly006502 - .

 

  2010年1月23日 - hdly006502 - . 

→ 点击进入-"博客学堂"
   怎样分享别人的模块? - hdly006502 - . 新手入门篇    怎样分享别人的模块? - hdly006502 - .   "边框"的制作
   怎样分享别人的模块? - hdly006502 - .  文字类制作    怎样分享别人的模块? - hdly006502 - .  图片类制作
   怎样分享别人的模块? - hdly006502 - .  日历、时钟制作类    怎样分享别人的模块? - hdly006502 - .  博客制作(素材类)
   怎样分享别人的模块? - hdly006502 - .  博客制作(图片类)    怎样分享别人的模块? - hdly006502 - .  博客制作(常用类)

●新手入门篇●/●文字类制作●/●图片类制作●/●日历、时钟制作类●/●博客制作(素材类)●/●"边框"的制作●

 怎样分享别人的模块? - hdly006502 - .

 

     点击进入   在我的博客,更多精彩等着你!

 

 怎样分享别人的模块? - hdly006502 - .

         怎样分享别人的模块? - hdly006502 - . 引用请保留此文链接 :

                       http://hdly006502.blog.163.com/blog/static/490122632009368626930/

    如要转载此文,请注明:

            转载自: 寒冬腊月         http://hdly006502.blog.163.com

 怎样分享别人的模块? - hdly006502 - .

 怎样分享别人的模块? - hdly006502 - .

  评论这张
 
阅读(734)| 评论(2)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017