梦中人の梦工场

这里有爱的细雨，这里有情的倾诉。这里帮你筑梦，帮你圆梦！

日志

关于我

梦中人

喜欢做梦,从小到大,始终不变,喜欢研究,海阔天空,天文地理,喜欢交友,不分老幼,不分男女。

文章分类

用u5使图片移动起来

2012-02-02 09:30:07| 分类： U 5教程 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文引用自春山《U5心得教程细解之十二 [原创]》

这是－幅原图宽1400.高300的长图素材（因为位置放不下，进行了压缩）

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

这是完成后最终效果图

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

打开u5，点文件新建;设宽度为700.高度为300。点完全透明，确定。我们设宽度为700，是因为原图素材宽度是1400。所以我们取它－半，高度与原图相同，取300。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

点击添加图像，选择我们预存于桌面的原图后点打开。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

打开原图后点文件另存为GIF于桌面待用。我们取文件名为;222。当然您可随便取，便于记住就行。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

再双击画布上图片，在对象属性中点开位置及尺寸。设左为-700。其它不用管，点确定。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

再点文件另存为GIF于桌面待用。我们取文件名为;333。当然您同样可随便取，便于记住就行。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

再点文件中打开图像，选择我们刚存入桌面的333，点打开。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

点对话框中''否''。当然这－点无所谓，只是习惯问题。因为桌面333，我们已不再需要了。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

连续点击下方相同帧，直到35帧为止。因为我们设置的宽度是700.而我们预想让它往右走时每帧间想设为20.而20X35刚好是700。如果我们预想设每帧间为10.那就要70帧了。这样设置平均，对完成后的移动效果要好些。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

返回第一帧并点蓝。双击画布上图片，在对象属性中点开位置及尺寸。设左为20，其它不管。点确定。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

点添加图像，选择我们最先存入桌面待用的222后点打开。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

双击画布上打开的222图片，在对象属性中点开位置及尺寸。设左为-680，其它不管。点确定。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

点蓝第二帧。双击画布上333图片，在对象属性中点开位置及尺寸。设左为40，其它不管。点确定。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

再次点添加图像，选择我们最先存入桌面待用的222后点打开。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

双击画布上打开的222图片，在对象属性中点开位置及尺寸。设左为-660，其它不管。点确定。以后都按这种方法操作。直到35帧。只是注意修改那幅图的属性参数，必须双击它才能正常修改。第三帧的333为左60，那么相对应的222左就为-640。..............

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

如果您中途没出差错。到第35帧时，我们设左为700时，333图片会消失在画布外了。这时，我们再点确定。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

我们最后一次点添加图像，选择我们最先存入桌面待用的222后点打开。打开后刚好满画布！这－帧就不必再双击修改什么参数了。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

完成上面所有程序后，点击左下方的播放动画查看。如果速度过快，再点击旁边的停止动画。您也可以用上方的预览查看，不满意再返回编辑。

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

用前面教程中所学知识，点蓝所有帧后按右键，在画面帧属性中设延迟为20.移动方式为到背景。再预览查看，直到自己认为最佳效果后。点文件另存为GIF格式文件到桌面。这就是大家辛苦所得成果了！

U5心得教程细解之十二 [原创] - 春山 - ★春山博客★

评论这张

转发至微博

阅读(1311)| 评论(2)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087067080087083067082082095064072081083064087081084070080',
              blogTitle:'用u5使图片移动起来',
              blogAbstract:'<FONT color=\"#ff0000\" \>本文引用自春山</FONT\><A target=\"_blank\" href=\"http://blog.163.com/huchosan@126/blog/static/841068972010530303590\" \>《U5心得教程细解之十二 [原创]》</A\><BR\>  <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>这是－幅原图宽1400.高300的长图素材 （因为位置放不下，进行了压缩）</P\>  <P style=\"TEXT-INDENT: 2em;\"  \><IMG style=\"WIDTH: 750px; HEIGHT: 161px;\"  title=\"用u5使图片移动起来 - 梦中人  - 梦中人の梦工场\"  alt=\"U5心得教程细解之十二 [原创] - 春山 - ★春山博客★\"  src=\"http://img166.ph.126.net/vfTigtRughnnUT38SOcB0Q==/1637339939527590348.gif\"  ____=\"ev_1603582840\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \> 这是完成后最终效果图</P\>  <P style=\"TEXT-INDENT: 2em;\"  \></P\>',
              blogTag:'图片移动,原图,最终效果,学习教程',
              blogUrl:'blog/static/723372542011102174526800',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1328146208010,
              publishTime:1328146207993,
              permalink:'blog/static/723372542011102174526800',
              commentCount:2,
              mainCommentCount:1,
              recommendCount:1,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'喜欢做梦,从小到大,始终不变,喜欢研究,海阔天空,天文地理,喜欢交友,不分老幼,不分男女。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/723372542011102174526800">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

梦中人の梦工场

导航

日志

用u5使图片移动起来

历史上的今天

最近读者

热度

评论

页脚