首页 老年动态 综合新闻 专家顾问 艺术长廊 咨询服务 教育培训 投资理财 科学易经 军事频道 社会人文
夕阳往事 禁烟节酒 健康养生 知青今昔 户外运动 法律维权 国学纵横 漫话五教 音烧天地 收藏置物 历史钩沉
背景:
阅读新闻

ps cs6制作gif动画教程:旋转的太极

[日期:2013-12-03] 来源:  作者: [字体: ]
 硅谷动力学院刘老师近期将陆续推出photoshopcs6制作gif动画的教程,该系列教程将分为:基础篇、入门篇、提高篇、晋级篇、学有所成篇、高手实战篇、UGA的使用篇、其他软件使用篇和终极篇共九大系列! ×趵鲜υ谏杓葡喙匦幸登忠嗄辏凶欧岣坏氖嫡胶徒萄Ь椋舜闻恍牧ぱ瞥龅牟嘀赜趃if的教程,用了50多个效果来讲和GIF有关的PS功能。这套教程适合GIF爱好者、QQ表情制作、动态签名档、网站广告、Logo、彩信、淘宝装修等等。有不懂的、想支持老师的可以到其博客留言提问! �旋转的太极-设计

ps cs6制作gif动画教程:旋转的太极

  上边的效果怎么样?

  Justdoit……

  1.新建一个300*300的画布。背景填充为黑色,新建一个图层,然后用椭圆选区工具画一个圆,大小如下图:

ps cs6制作gif动画教程:旋转的太极

ps cs6制作gif动画教程:旋转的太极

  Shift+F6,或者点击选择》修改》羽化,羽化数值为25。填充白色,如图:

ps cs6制作gif动画教程:旋转的太极

  2.执行滤镜》风格化》凸出,参数设置如下:

ps cs6制作gif动画教程:旋转的太极

  点击确定后,效果如下所示:

ps cs6制作gif动画教程:旋转的太极

  3.右键单击这个图层,混合选项,勾选外发光,参数如下:

  混合模式:正常

  不透明度:100

  颜色值:ff6400

  大小:5

ps cs6制作gif动画教程:旋转的太极

  然后确定。效果是这样的:

ps cs6制作gif动画教程:旋转的太极

  4.点击图层面板下边的创建新的填充或调整图层按钮:

ps cs6制作gif动画教程:旋转的太极

  选择亮度/对比度:

ps cs6制作gif动画教程:旋转的太极

  在弹出的对话框中设置如下:

ps cs6制作gif动画教程:旋转的太极

  效果是不是还可以呢?

ps cs6制作gif动画教程:旋转的太极

  5.我们开始画太极。这是一个技术活哦,也才应用了一些技巧,你要知道,包括上节课,我们是在学习路径,PS的路径是很强大的!一定要专心学,否则你不知道我在说什么,而如果你学会了,你的技术将上升到另一个高度。

  点击视图》显示》网格,让我们的画布显示网格,并确认视图下的对齐处于打勾状态:

  6.点击编辑》首选项》参考线、网格和切片…

  设置如下:

ps cs6制作gif动画教程:旋转的太极

  其中,颜色和样式,你可以根据自己喜好设置;网格线间距要根据你画布大小设置,子网格设置为1.

  解释一下为什么要把间距设置为17,因为这个决定了太极的大小。如图:

ps cs6制作gif动画教程:旋转的太极

  我们的太极会占用16个小方块的面积,上图中蓝色框内,就是我们的太极。所以,网格间距你大概知道怎么设置了。7.设置好后,点确定,然后选择椭圆工具,选项栏中设置如下:

ps cs6制作gif动画教程:旋转的太极

  把形状改为路径

  在中间的上图的蓝色框内按住Shift画一个圆,画的时候可以按住空格移动,让他贴住上边和左边,他会自动吸附的。然后拖动,让他充满整个蓝色框。当然你的没蓝色框,那是我画上去的,你记住让这个圆占16个格就是了。

ps cs6制作gif动画教程:旋转的太极

  8.我们得到了一个正圆路径,继续我们的操作。把选项中的路径叠加方式("路径操作"按钮)改为"减去顶层形状",如图:

ps cs6制作gif动画教程:旋转的太极

  选择矩形工具

ps cs6制作gif动画教程:旋转的太极

  画一个长方形,让长方形刚好处于圆的一半(会自动吸附,因为我们开了对齐功能),如图:

ps cs6制作gif动画教程:旋转的太极

  选择路径选择工具:

ps cs6制作gif动画教程:旋转的太极

  在画布中拖动一个选框,选中这两个路径,如图:

ps cs6制作gif动画教程:旋转的太极

  然后执行"合并形状组件"命令:

ps cs6制作gif动画教程:旋转的太极

  执行后,我们的画布中只剩半个圆的路径,如果不是请返回到第八步的开始,检查你哪里做的不对。如图:

ps cs6制作gif动画教程:旋转的太极

  解释一下,为什么会这样。之前我们的画布中是一个圆,然后我们更改了创建新路径的方法:

ps cs6制作gif动画教程:旋转的太极

  我们改成了减去顶层形状,试想,让这个方形,减去和圆叠加的部分,剩下的是什么?

  9.把路径叠加选项设置为"合并形状"(意思是添加路径到之前路径)

ps cs6制作gif动画教程:旋转的太极

  选择椭圆工具,在半圆的下边画一个小圆,让这个小圆处于图中蓝色框的中间:

ps cs6制作gif动画教程:旋转的太极

  选择路径选择工具,选中小圆和半圆。再次执行"合并形状组件"命令:

ps cs6制作gif动画教程:旋转的太极

  10把路径叠加选项设置为减去顶层形状(意思是用本路径减去和本路径重叠的地方)

ps cs6制作gif动画教程:旋转的太极

  在刚才小圆的正上方,再画一个小圆,如图:

ps cs6制作gif动画教程:旋转的太极

  然后用路径选择工具,选中所有的路径,执行"合并形状组件"。

  至此,我们得到了一个二分之一的太极:

ps cs6制作gif动画教程:旋转的太极

  11.新建图层,Ctrl+Enter(回车),将路径转换为选区,如果你的选区不是下图那样的,请按一下Ctrl+Shift+I。

ps cs6制作gif动画教程:旋转的太极

  Ctrl+Delete,填充。Ctrl+"隐藏网格,或者点击视图》显示》网格,同样会取消网格的显示。

  Ctrl+J,复制太极图层,然后Ctrl+T,在自由变换中右键,选择旋转180度:

ps cs6制作gif动画教程:旋转的太极

  12.锁定透明度,填充一个其他的颜色,因为我做的是黑色的,所以我要填充一个白色。

ps cs6制作gif动画教程:旋转的太极

  锁定透明度,填充颜色。并调整位置,让他们配对成一个太极。

  最后,新建一个图层,画一个小圆,放到太极的上边,然后复制这个小圆,更改颜色,放到下边。如图:

ps cs6制作gif动画教程:旋转的太极

  13.选中两个小圆,和两个二分之一的太极,Ctrl+E(合并图层),让他们成为一个整体。

  合并后,把图层名字改为太极,并打开他们的混合选项,选择外发光,设置参数如下:

  混合模式:正常

  颜色数值:ffd200

  扩展:0

  大小:60(根据自己需要设置)

  品质:单击那个小三角,设置左下角的那个。这是一个高亮线。不设置也没大碍。

ps cs6制作gif动画教程:旋转的太极

ps cs6制作gif动画教程:旋转的太极

  如果你觉得不够亮,可以双击亮度/对比度前边的图标,把亮度设置为150

ps cs6制作gif动画教程:旋转的太极

  好了,这节课就到这里了,下节课我们学习一种新的动画方式,也让这个太极旋转起来。转动画了。

  选中太极层,Ctrl+j复制一层,然后Ctrl+T,自由变换,在选项中,设置角度为30度。如图:

ps cs6制作gif动画教程:旋转的太极

ps cs6制作gif动画教程:旋转的太极

  然后确定。一次旋转30度,一圈是360度,减去第一个太极,我们还有300要转,所以300/30=10,我们按10次Ctrl+Shift+Alt+T

  2.现在我们一共有12个太极,打开帧动画,帧停留时间0.1,循环设置为永远。选择右上角的动画选项,执行"从图层建立帧"命令。

ps cs6制作gif动画教程:旋转的太极

  3.我们的时间轴是不是有了很多帧?第一帧是最底部的背景层,第二帧是倒数第二帧,依此类推。

  我们把没用的删掉。只留下有太极的帧。播放一下,是不是转起来了?

  Okay,我们做下收尾工作,选中所有帧,然后在图层面板显示之前的爆炸一样的那个图层,

  和亮度/对比度图层。

  保存你的动画吧。如果你想让你的太极是其他颜色,可以在做的时候改为你喜欢的颜色。好了这节课就结束了,是不是有新的收获呢?

  希望你在学习的时候,如果发现有错别字,或者语句不通顺以及其他问题,都可以告诉我,希望你在接受我帮助的同时,也能给我一些帮助,非常感谢!有不懂的可以到我的博客联系我,博客地址http://qzone.qq.com/gif8如果想支持我,也可以购买本教程的视频版本,博客日志里有购买地址。或者联系QQ-501973020。70节教程每节课1元,如果购买全套只要50元。

  由于学者比较多,所以我不对教程中的任何技术环节针对某一人做讲解,希望大家能理解。不然怕是不能再发新教程给大家了。如果你学习的时候,有很多困难不能解决,建议你在硅谷的PS专区看下PS基础课程。

  素材下载地址:http://GIF8.ys168.com

收藏 推荐 打印 | 录入:lzy | 阅读:
相关新闻      
本文评论   发表评论 (0)
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
热门评论