如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 实例博狗bodog手机网页 > 正文

PS打造红心闪动的GIF博狗bodog手机网页效果

来源:网络作者:网络时间:2012-3-19 16:49:24点击:
本博狗bodog手机网页介绍比较复杂的动画制作方法。制作的图层比较多,需要命名及分好图层。复杂的动画只是图层多了点,制作的思路和方法更平常的动画一样!最终效果 PS打造红心闪动的GIF博狗bodog手机网页效果   一、开新档 400x400,画个心 添加文字,合并这两个图层。 PS打造红心闪动的GIF博狗bodog手机网页效果   改一下图层名称 。 PS打造红心闪动的GIF博狗bodog手机网页效果   二、复制一层 ctrl+j。 PS打造红心闪动的GIF博狗bodog手机网页效果   三、开始放大变形ctrl+t。 PS打造红心闪动的GIF博狗bodog手机网页效果   长宽都改成 110按两次 enter 完成第1个变形 。 PS打造红心闪动的GIF博狗bodog手机网页效果   四、继续变形..ctri+alt+shift+t 10 次 PS打造红心闪动的GIF博狗bodog手机网页效果   五、对图层改名 从最下面开始改成 2,3,4,5,6。 PS打造红心闪动的GIF博狗bodog手机网页效果   然后 6a,5a,4a,3a,2a,1a,0a。 PS打造红心闪动的GIF博狗bodog手机网页效果   六、更改不透明度图层2,3,4,5,6。依次为15,30,50,80,100。 PS打造红心闪动的GIF博狗bodog手机网页效果   图层 0a,1a,2a,3,4a,5a,6a依次为10,20,30,40,50,60,70。 PS打造红心闪动的GIF博狗bodog手机网页效果   七、 按掉背景以外所有眼睛 PS打造红心闪动的GIF博狗bodog手机网页效果   以上完成透明变化部分 8.开始制作动画 视窗--->动画第1格就是背景格 时间0.5秒   PS打造红心闪动的GIF博狗bodog手机网页效果   九、新增动画影格2,并显示图层2。 PS打造红心闪动的GIF博狗bodog手机网页效果   十、新增动画影格3,显示图层3,并隐藏2。 PS打造红心闪动的GIF博狗bodog手机网页效果   依次做到影格6 。 PS打造红心闪动的GIF博狗bodog手机网页效果   十一、接下来 影格7 使用图层5,影格8,使用图层4。 PS打造红心闪动的GIF博狗bodog手机网页效果   十二、影格9,要开始回缩并泛出影子使用图层 6,及图层6a。 PS打造红心闪动的GIF博狗bodog手机网页效果   十三、 依次类推 影格10--->图层5 及 图层5a 影格11--->图层4 及 图层4a 影格12--->图层3 及 图层3a 影格13--->图层2 及 图层2a 影格14--->背景图层 及 图层1a 影格15--->背景图层 及 图层0a 一共 15 影格   十四、改下影格时间 选取影格1除外的所有影格改成 0.1 秒。 PS打造红心闪动的GIF博狗bodog手机网页效果   十五、选取影格9 裁切一下 。 PS打造红心闪动的GIF博狗bodog手机网页效果   十六、档案--->输出网页装置 就OK了。 PS打造红心闪动的GIF博狗bodog手机网页效果
本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频博狗bodog手机网页
  Photoshop CS5软件视频博狗bodog手机网页