博客学堂
首页>>博客进阶>>photoshop设计>> Photoshop经典教程--动态卡片ICON的制作

Photoshop经典教程--动态卡片ICON的制作

来源:博客学堂  | 添加时间:2008-2-28 21:42:35 |   | 我要投稿 | 提问

大家先看看这些动态小图:

Photoshop经典教程--动态卡片ICON的制作 Photoshop经典教程--动态卡片ICON的制作

想知道这些动态卡片怎么制作的嘛?今天就来教大家制作哦

1、首先准备两张大小一样的图片,看我准备的:

Photoshop经典教程--动态卡片ICON的制作 Photoshop经典教程--动态卡片ICON的制作

2、先用ps打开这两张图片,如果是照片的话你可以先对照片进行美化一番哦。

3、打开后新建大小和图片一样的透明画布,然后再把以上两张图片拉入到透明画布上摆好位置。如下:

Photoshop经典教程--动态卡片ICON的制作

4、分别复制这两个图层,如下:

Photoshop经典教程--动态卡片ICON的制作

5、然后对两个图层副本执行滤镜--模糊--动感模糊--(数值:50、20)

Photoshop经典教程--动态卡片ICON的制作

6、按快捷键“shift+ctrl+M”或者点击文件--在IMageReady中编辑 如下:

Photoshop经典教程--动态卡片ICON的制作

7、打开后调出动画面板、图层面板。没有的可以在窗口中找:

Photoshop经典教程--动态卡片ICON的制作

8、接着复制当前帧,共复制六帧。如下:

Photoshop经典教程--动态卡片ICON的制作

9、接着对应帧选择不同的图层。注意这里是细节哦。请大家按照图示的每一帧,比如第一帧只需要点亮清晰的那张图片即可。后面的一次看图点亮。

Photoshop经典教程--动态卡片ICON的制作

10、接下来设置帧的间隔时间,以此设置为如下图所示的时间:

Photoshop经典教程--动态卡片ICON的制作

11、最重要的最关键的一步是:在第一帧的下面选择--永远(有的版本叫“一直有效”)

Photoshop经典教程--动态卡片ICON的制作

这样动画才能重复播放。

12、存储优化结果

Photoshop经典教程--动态卡片ICON的制作

收藏和分享:
评论加载中…
网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有