网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

U5制作图片的左右移动效果

2012-05-01 07:19:35| 分类：【U5▲教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自枫叶《U5制作图片的左右移动效果》

U5教程：图片左右移动效果的制作

     图片是可放大缩小的，也可以左右上下移动的。动画运动原理是由一桢一桢的静止画面构成的。
     下面，以图片的左右移动为例，探讨图片的移动。这个问题搞清楚了，上下和放大缩小移动就是一样的做法。
     1、打开软件界面，点“文件”——“打开图像”（找到您存的喜欢的图片双击就导到了软件的编辑了）
    2、用鼠标点左边的工具“变形工具”，再点舞台中间的图——再用鼠标把图平行地向左右拉宽。将图向右拖到图的左边边缘（距舞台框左边边缘有一点距离）
　　 3、点下面的“复制桢”图标（这时在下面的予览框里就出现了第二幅图）— 点第二幅图，用鼠标把舞台中的图再向左移一点（每帧不要移动过多）。
     4、用第3步方法反复复制和移动图片，到满意为止。
     5、点下面的播放按钮予览，并调整图片移动的幅度。——最后点“文件”—“另存为”（格式为GIF）．
     说明：
     1、图如运动过快，无法调整，可用右键点予览框的图再点“属性”，用设定“延迟”桢数来调整。
   2、图片不宜过大，可在“编缉”里的“调整图像大小”里设定。桢数也不宜过多。
     最终效果如下图：

图片过大和桢数过多会导至形成的动画图过大。

来自博友

首页导航	易博基础		美图珍藏	图文欣赏
旅游胜地	U5教程		人间万象	穴位健康
自然风光	人文历史		读者影视	汉拼英基
天下一半	博客游戏		科技展现	节日愉快
实用技术	点击进入枫叶的博客，分享更多精彩...			军事天地
云南风貌		图文音画学	按摩技巧
情感驿站	历史酷刑	厨房一学	花卉欣赏	歌曲音乐
幽默否刺	美女欣赏	星宿命理	健康保健	电脑技术

U5图片的左右移动效果 - 枫叶 - 枫叶的园地

评论这张

转发至微博

阅读(436)| 评论(26)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087066085095088074081084087074072087088068087087087066082086',
              blogTitle:'U5制作图片的左右移动效果',
              blogAbstract:'   <TABLE title=\"枫叶的园地欢迎您\" borderColor=\"#003d79\" cellSpacing=\"2\" cellPadding=\"2\" width=\"630\" align=\"center\" bgColor=\"#97cbff\" border=\"10\" \>  <TBODY\>  <TR\>  <TD\><A target=\"_blank\" href=\"http://blog.163.com/zdrzts@126/\" \>  <TABLE borderColor=\"#8c8c00\" cellSpacing=\"2\" cellPadding=\"2\" width=\"630\" align=\"center\" bgColor=\"#c4e1ff\" border=\"1\" \>  <TBODY\>  <TR\>  <TD\></TD\></TR\></TABLE\></A\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/19731116020124171935315',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1335827975315,
              permalink:'blog/static/19731116020124171935315',
              commentCount:26,
              mainCommentCount:16,
              recommendCount:3,
              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:false,
              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/19731116020124171935315">${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制作图片的左右移动效果

历史上的今天

最近读者

热度

评论

页脚