中国网格虚拟主机不满意退款承诺!
24小时咨询热线:021-51095771  51087627
中国网格
快速建站 只选网格
域名+空间+数据库+维护 企业网站整体服务商
支付方式数 据 库优惠套餐
您当前的位置 
首页
快速建站
技术
Photoshop
正文

Photoshop制作光盘在手中翻转GIF动画教程

发布时间:2012-10-19 15:02:22| www.cnwg.cn | 文章标签:photoshop,设计实例

完成的图:

Photoshop制作光盘在手中翻转GIF动画教程

Photoshop制作光盘在手中翻转GIF动画教程

效果图:

Photoshop制作光盘在手中翻转GIF动画教程

首先抠图。扣成这货的样子然后我们把它移动到我们的小手上如下图

Photoshop制作光盘在手中翻转GIF动画教程

额。。光碟有点大这里有个技巧。

Photoshop制作光盘在手中翻转GIF动画教程

好的,拖动周围的小方块就可以把它的大小变换成我们想要的大小

好了然后点Enter我们继续下一步

Photoshop制作光盘在手中翻转GIF动画教程

下一步我们要复制光碟图层。。复制3个图层

Photoshop制作光盘在手中翻转GIF动画教程

你可以再图层面板中看到 好的画红圈的是我们复制的光碟图层

接下来怎么办呢?还要用到我们的小技巧

Photoshop制作光盘在手中翻转GIF动画教程

  

让我们把图层编号让我好讲解些

Photoshop制作光盘在手中翻转GIF动画教程

首先1号图层不动接着我们ctrl+t变换2号图层,拉动左右两个小方框使他竖直方向的变扁

Photoshop制作光盘在手中翻转GIF动画教程

同理把3号图层变的更扁如图

Photoshop制作光盘在手中翻转GIF动画教程

同理4号图层扁的他(和谐)妈都认不出他来了

Photoshop制作光盘在手中翻转GIF动画教程

Z后我们吧眼睛都点亮就会出现这种情况

Photoshop制作光盘在手中翻转GIF动画教程

 

没有擦干净

Photoshop制作光盘在手中翻转GIF动画教程

这里要注意啦!!!

光碟中间那个洞!!一定要都对在一起~~不对的同学做出的图会很诡异。。不排除一些天才一开始就对的很完美,额。。我废话说多了

接下来重头戏!!制作动画~

我不知道你们的习惯,总之我的ps动画面板是常开的,如果没有的同学可以窗口→动画

好的 打开动画面板之后除了1号图层和背景图层其他图层眼睛点灭

Photoshop制作光盘在手中翻转GIF动画教程

Photoshop制作光盘在手中翻转GIF动画教程

然后新建帧

Photoshop制作光盘在手中翻转GIF动画教程

然后我们把第一图层的眼睛点灭点亮第二图层的眼睛

Photoshop制作光盘在手中翻转GIF动画教程

然后我们再次新建帧。。然后把第二图层的眼睛点灭点开第三图层的眼睛

Photoshop制作光盘在手中翻转GIF动画教程

同理第四图层也是再次新建帧吧第三图层的眼睛点灭第四图层的眼睛点亮

这样我们的gif动画就完成了一半。

接下来我们倒着做一遍。

新建帧=点亮第三图层同时点灭第四图层

新建帧=点亮帝二图层董事点灭第三图层

新建帧=点亮第一图层同时点灭第二图层

Photoshop制作光盘在手中翻转GIF动画教程

接下来我们会得到这个

不对的同学从上面重新来过

然后让我们点播放看看~~我考~~这绝对木有坑啊~~

大功告成 让我们ctrl+shift+alt+s保存吧!!

Z终效果!

Photoshop制作光盘在手中翻转GIF动画教程


参考资料

我要评价

评价发表成功

错误提示
关于网格 | 联系方式 | 网站地图 | 客户中心 | 网格招聘 | 代理合作 | 支付方式 | 帮助中心
中国网格所属上海羽灿计算机科技有限公司版权所有 Copyright©cnwg.cn 2003-2013,All Rights Reserved.

联系电话:021-51095771 021-51087627 传真:021-51087637-202
版权所有:上海羽灿计算机科技有限公司 中国网格(cnwg.cn/cnwg.cc)©2003-2013 All Rights Reserved.
地址:上海市银都路3399弄533号 邮编:201108 ICP经营许可证编号:沪B2-20060019 沪ICP备06012189号

  • 经营性网站
    备案信息
  • 网络110
    报警服务
  • 文明办网
    先进单位
  • 支付宝
    特约商家
  • 网络社区
    征信网
  • 上海工商
    网上亮照