|& |& |& |&
|& |& |& |& |&
|& |& |& |& |& |& |& |& |& |&
|& |& |& |&
|& |& |& |& |& |& |&
PS CS6制作gif淘宝广告动画教程
来源:eNet硅谷动力
实际上，在淘宝里动态并不是占多大优势。很多地方不支持GIF，不过没关系，在描述里你可以用。这节课的目的在于，让你知道一些图片的制作方法。下边的图片，除了联通的标志，其他的都是我们自己做。这节课也不是你可以忽视的课程，我可以保证，如果你跳过这节课，你可能会错过很重要的技巧。而这个技巧，我想你过了这个村，就很难碰到这个店。
　　这节课，我会提供一个素材，和一个自动选择帧的动作脚本。　　1.新建一个文件命名为：淘宝广告，大小310*310像素，背景白色。　　导入我提供的素材，放到如下位置： 　　2.新建一个图层，命名为&红条&然后用矩形工具画出选区并填充： 　　3.选择自定义形状工具，选择下图中的形状：
　　在选项中，设置为形状，填充渐变，不要描边： 　　渐变设置如下： 　　两端的颜色值，左边为：941d23右边为：e43c3e　　按住Shift然后画出一个圆： 　　给这个圆添加个投影吧，突然感觉加个投影也可以：
4.选中这个圆，Ctrl+J，复制一层。然后Ctrl+T，稍微转一点点：　　（让他们的尖角刚好处于上一个圆的夹角内） 　　5.复制一个圆，放到左边，添加渐变： 　　渐变设置： 　　渐变条： 　　6.新建一个图层，命名为&白色模糊&，选择画笔工具，设置大小为25，选择一个软画笔，不透明度设置为30%： 　　在图中绘制出如下样式： 　　7.新建一个图层，命名为&光泽&，用椭圆选框工具，画出如下选区，并填充白色： 　　给这个图层添加蒙板，用渐变填充工具在蒙板上填充： 　　把这个图层的不透明度调到30%： 　　淘宝广告-动画 　　1.再做一点点的工作，我们就开始做动画了。 　　用黑体字体，输入以下文字： 　　除&全国通用&文字图层外，其他3个层都加了投影，参数设置如下： 　　另外&联通话费充值&层，不仅加了投影，还加了渐变叠加，我想我就不用再解释渐变的设置了吧。渐变动画如果对你来说还不是小菜一碟，那我觉得你不是直接看的这节课，就是没学好我的课程，唉伤心啊！　　2.复制9.8折文字层，选择文字工具，设置文字变形： 　　样式为：膨胀弯曲：+50 　　设置完毕后点确定，然后右键该文字层，栅格化文字。　　3.打开帧动画面板，开始做动画。第一帧时间设置0.1，循环：&永远&，把联通话费充值的渐变拉到最左边。然后新建一帧，把渐变拉到最右边，添加过渡帧，12帧过渡。OK，渐变动画做出来了吧？
4.这是关键技术了，请选择1、3、5、7、9、11、13帧。是不是要按住Ctrl呢？这里给大家一个自动脚本动作，想必你应该在这节课的素材文件夹内看到那个文件了&自动选择单数帧.atn&，复制这个文件，然后返回到PS，点击窗口》动作，打开动作面板，点击选项按钮，然后选择&载入动作&&： 　　记得上节课怎么装笔刷吗？这是完全一样的。点击载入动作后，弹出&载入&对话框，右键粘贴你复制的动作文件，然后载入这个文件即可。　　你的动作中，是不是多出了这个呢？ 　　你可以展开那些动作，里面有很多都是在重复一个动作： 　　我要解释下这个动作，他的名字叫&选择单数帧-430&什么意思呢？　　就是这个动作会自动选择单数的帧，比如1、、3、5、7、9、11、13&而430的意思是最大支持430帧，如果再多了的话，你需要选中第431帧，然后再次执行这个动作。　　5.F1，选择全部帧，隐藏&9.8折&的变形过的层和两个大圆层的任意一个： 　　OK，选中第一帧，然后选中下图中的这个动作，点击执行（下边的小三角）： 　　你会看到帧动画面板自动在选择单数帧，当选择到最后的时候，弹出如下提示： 　　点击停止即可。　　现在自动选择了单数帧，隐藏9.8折文字层（注意，非变形层），隐藏大圆图层，显示另一个大圆图层： 　　播放一下，如果你感觉有点意思，想想这是为什么吧，这个原理你一定要学会，不然白学了。　　当然，我肯定会解释给大家，那个圆为什么会转起来？那个文字为什么会一直循环的那样放大缩小？　　因为，单数帧，我们显示的是什么图层？正常的文字，和其中的一个大圆。双数帧显示的是膨胀的文字，和旋转过一点角度的圆，所以，播放的话，就是这样的效果。希望你明白。　　素材下载地址：
& 下一篇：
推荐网页设计教程
设计教程分类
设计教程分类更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
按住视频可进行拖动
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
收藏成功，可进入查看所有收藏列表
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看：
pscs6gif用photoshop闪动图片photoshop动画制作教程ps入门动画?video_intro=photoshop教程如何制作简单动画ps培训视频
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
爸爸去哪儿2游戏 立即参与
pscs6gif用photoshop闪动图片photoshop动画制作教程ps入门动画?video_intro=photoshop教程如何制作简单动画ps培训视频
播放量数据：
你可能还想订阅他们：
{{#needAdBadge}} 广告{{/needAdBadge}}
&正在加载...
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制当前位置：photoshop cs6制作GIF动画教程
photoshop cs6制作GIF动画教程
22:50:00&&来源：电脑百事网
& &更多关于photoshop cs6制作GIF动画教程的最新消息以及photoshop cs6制作GIF动画教程最新新闻事件，请关注微信公众号新闻圈（news-quan)每日实时动态！
本教程向大家介绍利用photoshop cs6制作GIF动画方法，教程比较基础，适合新手学习，转发过来，喜欢的朋友可以跟着一起来制作！
很多网友反应photoshop cs6 破解版没有动画功能，其实怎么可能会没有呢，只不过在高级版本中&窗口&-&动画&变成了&窗口&-&时间轴&而已。
制作步骤：
一、选择素材
1、这里以四张图片制作简易动画为例
二、制作动画
1、打开PS，新建一个空白图片
2、打开四张素材相片，并分别拖动到空白图片上
3、选择&窗口&-&日间轴&，打开动画制作页面
4、点击下图中的创建帧动画按钮
5、单击下图红色框内按钮4次创建四个空白帧
6、将四个素材图层分别设置到四个空白帧中
7、设置图片播放延迟时间及循环次数
8、动画另存为GIF文件格式即可完成制作
教程结束，以上就是photoshop cs6制作GIF动画教程，希望对大家有所帮助！
更多关于photoshop cs6制作GIF动画教程的相关新闻资讯，请扫描右上角微信公众二维码，我们将会在第一时间发布每日最新热点资讯，如果关于photoshop cs6制作GIF动画教程的报道有侵权或者不实情况，请速与本网联系并及时删除！
关键词ps,ps制作GIF动画
今日阅读Today's reading
不看会后悔Will regret not to see
热点排行Hot list当前位置: >
PhotoShop CS6制作循环滚动的图片GIF动画教程
阅读工具：字体：
本教程教大家制作循环滚动的图片GIF动画效果。建议使用Photoshop CS6 或者 AE，因为用时间轴会很简单很多
　　 教程效果图：
　　这是素材。用来控制大小的，我们需要制作五张大小一样的
　　制作步骤如下：
　　最终效果!
(责任编辑：大宝库)
------分隔线----------------------------
1,点 文件 ---- 打开 你想编辑的图片 2,再打开另一幅图片 3,按 CTRL + A 键选取第二次...
最终效果 第一步 第二步 第三步 第四步 第五步 第六步 第七步 第八步 完成最终效果...
本例介绍使用 PS CS3 制作旋转和缩放的花动画特效两例，主要讲解逐帧动画的制作。 简...
烟霄微月澹长空，银汉秋期万古同。几许欢情与离恨，年年并在此宵中。还有两个星期，八...
先看下效果： 现在我们来讲解一下上节课的作业。比起以前石器时代的作业，它的难度有...
在网页设计扩展教程中也包含对图像格式的叙述，但不会再重复介绍本课中关于GIF的知识...
赞助商链接
赞助商链接播放列表加载中...
正在载入...
分享视频：
嵌入代码：
拍下二维码，随时随地看视频
PS教程超强ps教程pscs6.0教程用ps制作gif水流动画
上 传 者：
内容介绍：
PS教程超强ps教程pscs6.0教程用ps制作gif水流动画
我来说点啥
版权所有 CopyRight
| 京网文[0号 |
| 京公网安备：
互联网药品信息服务资格证：（京）-非经营性- | 广播电视节目制作经营许可证：（京）字第403号
<img src="" width="34" height="34"/>
<img src=""/>
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img width="132" height="99" src=""/>
在线人数：
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img src="///img/blank.png" data-src=""/>
<img src="///img/blank.png" data-src="http://"/>
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/>
<i data-vid="" class="ckl_plays">
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/><i data-vid="" class="ckl_plays">
没有数据！
{upload_level_name}
粉丝 {fans_count}
{video_count}
{description}