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

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

日志

关于我

佳人素材教程基地

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

文章分类

U5教程：制作鲜花动态字步骤

2012-04-29 10:57:22| 分类：【U5▲教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自枫叶《U5教程：制作鲜花动态字步骤》

制作鲜花动态字步骤

效果虽与上面效果图有所区别，但技巧都一样，第一幅效果图只是多了种旋转。您只需在制作过程中将文字增加同步旋转就可以了！大家在制作这种文字效果时可根据动态花朵的动态变化过程而变化文字，因今天的动态花朵素材是不带旋转效果的，所以也就没必要将文字弄成旋转。那样反而没有了整体和谐之美！好了。言归正传，下面是透明动态花朵素材图。

开启u5。点文件新建。设宽度为500。高度为300。完全透明。确定。您可根据自己所需设带背景。

点添加图像。选我们的透明动态花朵素材图点打开。

点一下显示对象下第一个图层，去掉其余图层蓝色。

点击底部排列。

点蓝所有帧中倒数第二帧。再点显示对象下出现''小眼睛''的第二图层，使之变蓝后点底部排列。

相同方法完成到所有帧中第一帧。

将鼠标放在画布上按下右键，选对象属性点位置及尺寸。记住顶部232。宽度91这两个数字。

再点添加图像。又选我们的透明动态花朵素材图点打开。

跟前面一样。点一下显示对象下第一个图层，去掉其余图层蓝色。再将鼠标放在画布刚添加的花朵上，按下右键。选对象属性点位置及尺寸，设左为我们前面记住的91。顶部为232。确定。

相同方法完成到所有帧中第一帧。都设左为我们前面记住的91。顶部为232。确定。

U5教程：在鲜花上做动态字步骤 - 枫叶的园地.

相同方法完成到画布底部有五朵透明动态花朵素材图就行了。重点是每次添加素材图后，在对象属性栏中的左都要比前一次多加91。顶部232不变。如教程中第三次为182。第四次为273。第五次也就是最后一次是364。顶部都是232。为什么只弄五朵花呢？因为我们只想制作五个动态字。如果您想多些字，还可多加。当然，开始新建画布时也需宽些。反正方法都是一样的。

完成透明动态花朵素材图组合定位后。预览。点文件另存为GIF于桌面待用。

返回点编辑。再点文件打开图像，选我们刚制作完成存入待用的素材点打开。在对话框中点''否''。

点蓝所有帧中最后一帧。也就是教程中第十一帧，接着点五下相同帧。增加五帧相同的最末帧。

点一下''文本工具''。再在画布中间点一下。在对话框中选好自己喜欢的字体，设好字体颜色，设字体大小为60。再点一下''B''字符即粗体。打上自己想表达文字。如教程中的''鲜花送博友''。点确定。

点一下''复制''。

点蓝所有帧中倒数第二帧即第十五帧后点粘贴。

相同方法''粘贴''到倒数第五帧即所有帧中第十二帧。

点击一下''选取工具''。将鼠标放在画布文字上按下右键，在对话框中选''文本''，点击''拆分文本''。

点一下显示对象下图层中的''鲜''字图层，去掉其它文字图层蓝色。把鼠标放在画布''鲜''字上按下右键，在对话框中点对象属性。在对象属性中点位置及尺寸。在保持外表比率上前打''勾''，将宽度从原来50改成10。确定。

将鼠标放在改成很小的''鲜''字上按住左键不放，将这个很小的''鲜''字拖到画布下方第一朵花儿的上方边缘中间处放开左键。

点蓝显示对象下''花''字图层。相同方法将宽度从原来51改成11。确定。

相同方法。将鼠标放在改成很小的''花''字上按住左键不放，将这个很小的''花''字拖到画布下方第二朵花儿的上方边缘中间处放开左键。

相同方法完成剩下几个字的缩小和位移。记得宽度都减40。如教程中最后一个''友''字。原来只有46。那么减40就成了6。完成所有五字缩小和位移后再目测一下五朵花朵上五个''小字''上.下.左.右是否平行一致。不行，可自己再作调整。大概可以就ok。

点蓝所有帧中第十三帧。再点一下画布上文字，将鼠标放在画布文字上按下右键，在对话框中选''文本''，点击''拆分文本''。

点蓝显示对象下''鲜''字图层。相同方法将宽度从原来50改成20。确定。

相同方法完成剩下几个字的缩小和位移。记得宽度都减30。如教程中最后一个''友''字。原来只有46。那么减30就成了16。完成所有五字缩小和位移后再目测一下五朵花朵上五个''小字''上.下.左.右是否平行一致。不行，可自己再作调整。大概可以就ok。

相同方法完成第十四帧上文字的缩小和位移。记得宽度都减20。如教程中最后一个''友''字。原来只有46。那么减20就成了26。完成所有五字缩小和位移后再目测一下五朵花朵上五个''小字''上.下.左.右是否平行一致。不行，可自己再作调整。大概可以就ok。

相同方法完成第十五帧上文字的缩小和位移。记得宽度都减10。如教程中最后一个''友''字。原来只有46。那么减10就成了36。完成所有五字缩小和位移后再目测一下五朵花朵上五个''小字''上.下.左.右是否平行一致。不行，可自己再作调整。大概可以就ok。

相同方法完成到第十六帧上文字的缩小和位移时。宽度已回到原来的文字大小，所以不用变更宽度，只需位移。完成所有五字位移后再目测一下五朵花朵上五个''小字''上.下.左.右是否平行一致。不行，可自己再作调整。大概可以就ok。

现在我们再点二下''相同帧'' 。增加两帧最末帧，主要是稍加些文字在效果图上停顿时间。

点蓝所有十八帧。将鼠标放在蓝色帧上按下右键，选画面帧属性。设延迟为30。移动方式为到背景。确定。

预览。点文件另存为GIF于桌面。

由于我们在预览过程中发现动态文字有少许白色边点闪动。所以必须点编辑，再点文件打开图像，选我们刚完成的作品点打开。在对话框中点''否''。如果我们制作有背景而不是透明的动态作品，就不会出现白色边点闪动现象！这也许就是现在网络透明GIF作品很多素材边缘处理不好的原因，也是很多制图爱好者都不愿制作透明动态作品的苦处吧！

点蓝所有帧中最后一帧。点击一下画布上文字，再连续点击放大工具，将画布放成最大值。利用上下左右移动条拖动画布，将放大的''鲜''字拖到画布中间。我们发现文字笔画四周确有很多白边！我这教程介面用黑色标记的都需我们处理！所以点涂擦工具，将工具大小设为最小;1。然后慢慢擦掉文字四周所有白边！这可是细心活。没耐心可不成！直到擦掉这帧中所有五字白边后，再点蓝倒数第二帧也就是第十七帧。再用相同方法处理。一直处理到第十二帧为止！预览。处理。再预览。再处理！呵呵....您怕了吧！反正我转载这篇教程弄了一整天！！好啦。终于完功！受益者记得留言哦。朋友再见！

来自博友

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

Ps调色,合成,效果,签名,动画,边框,滤镜等实例大全 - 枫叶 - 枫叶的园地

评论这张

转发至微博

阅读(495)| 评论(17)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087066085095081069082087086071072087088068087087087066082086',
              blogTitle:'U5教程：制作鲜花动态字步骤',
              blogAbstract:' <TD\>  <TABLE borderColor=\"#4af369\" cellSpacing=\"5\" borderColorDark=\"#000000\" cellPadding=\"0\" width=\"100%\"  bgColor=\"#288a6\" borderColorLight=\"#4af369\" background=\"http://img.ph.126.net/gOX6M2v8OVKBhluK5l1fLw==/2314568733492379115.jpg\" border=\"1\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <TABLE borderColor=\"#4af369\" cellSpacing=\"4\" cellPadding=\"0\" width=\"100%\"  background=\"http://img.ph.126.net/gOX6M2v8OVKBhluK5l1fLw==/2314568733492379115.jpg\" border=\"1\" \>  <TBODY\>  <TR\>  <TD\><A target=\"_blank\" href=\"http://blog.163.com/zdrzts@126/\" \></A\>  <P align=\"center\" \><FONT color=\"#000080\" size=\"6\" \><STRONG\><A target=\"_blank\" href=\"http://blog.163.com/zdrzts@126/\" \><FONT color=\"#000080\" \>制作鲜花动态字步骤 </FONT\></A\></STRONG\></FONT\></P\></TD\></TR\></TABLE\>  </TD\></TR\></TABLE\></TD\>',
              blogTag:'',
              blogUrl:'blog/static/1973111602012329105722822',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1335668242822,
              permalink:'blog/static/1973111602012329105722822',
              commentCount:17,
              mainCommentCount:9,
              recommendCount:2,
              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/1973111602012329105722822">${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教程：制作鲜花动态字步骤

历史上的今天

最近读者

热度

评论

页脚