┆死┆ 发表于 2007-10-31 16:28:39

动画移动字效果［两款］

<DIV id=gg_bbs> </DIV><P align=right>作者：<A href="http://www.16xx8.com/" target=_blank><FONT color=#800080>yyaitak&nbsp;&nbsp;</FONT></A>&nbsp;&nbsp;<A href="http://bbs.16xx8.com/" target=_blank><FONT color=#800080>教程</FONT></A>来源：photoshop天空&nbsp; &nbsp;</P><BR>
<P align=left><BR><BR>还是先看一下完成效果吧.....<IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112934981.gif" border=0><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112934794.gif" border=0><BR><BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112935724.gif" border=0><BR>01.新建一个图层.大小自定(这里用的是500*300),点击横排文字工具输入"Photoshop天空"可自定.我这里用的是网上下载的"肥肠字体",是不是挺可爱的<BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112935570.jpg" border=0><BR>02.右击文字图层-栅格化文字.<BR>CTRL+左击文字图层.把文字选中.点击渐变工具,选择铭黄渐变形式.在绘图区拉出如图效果渐变,CTRL+D&nbsp; &nbsp;取消选区.<BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112936867.jpg" border=0><BR><BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112936418.jpg" border=0><BR>03.新建一个空白图层.用矩形选框工具拉上一个矩形选区.填上黑色颜色(自定),按CTRL+T进行变形.确定.<BR>&nbsp; &nbsp;按住ALT不放用鼠标拖动矩形图形进行复制.如图<BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112937728.jpg" border=0><BR>04.CTRL+点击矩形图层,载入矩形选区.点击渐变工具,选择色谱渐变形式.在绘图区拉出如图效果.CTRL+D 取消选区.<BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112938298.jpg" border=0><BR>05.到最关键的一步,"遮罩图层",按住ALT用鼠标在文字层和矩形层(图层1)中间单击,(注:这时鼠标像一个水壶一样)效果如图.<BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112940641.jpg" border=0><BR>06.把矩形图层复制5个副本.再用刚才第五步的方面把相伶的两个图层做一个遮罩,然后把5个副本分别移动到合适位置.如图<BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112941362.jpg" border=0><BR>07.打开窗口-动画,复制选中帧5个,把每个图层相应的图层前面的眼睛保持,把不需要的图层隐藏,把动画帧的延迟进间改为0.1秒.如图<BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112944461.jpg" border=0><BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112947699.jpg" border=0><BR>08文件-存储为Web所有格式.确定.完成了...<BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112949740.gif" border=0><BR>第二个效果跟第一个效果类似.差别如下:<BR>在03步时把矩形填充为跟背景色一样.04步删除.<BR>在第05步中的"遮罩图层"把两个图层上下位置对换.其他的方面都类似.(注:每个遮罩都是一个文字图层同一个矩形图层对应)如图<BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112950242.jpg" border=0><BR>补充:也可把第个动画帧再加上一个动画过渡帧.这样感觉会跟流畅些.<BR>最后完成.<BR><BR><IMG alt="" src="http://pic.16xx8.com/article/UploadPic/2007/10/30/20071030112951361.gif" border=0><BR><BR><BR><BR></P>

shiqiyg 发表于 2009-6-7 01:19:23

看起来很简单~新手的我要从简单的学起~

jieyue105 发表于 2009-7-13 23:20:50

恩   学习学习啊

jieyue105 发表于 2009-7-13 23:21:07

恩   学习学习啊

jieyue105 发表于 2009-7-13 23:21:42

再顶下{:6_254:}

温泉三毛 发表于 2010-12-16 13:58:02

先顶一下,再收藏
页: [1]
查看完整版本: 动画移动字效果［两款］