《梦幻西游》电脑版官方论坛

标题: 【飞鱼制图教程】002 - 3秒做流光(试着用PS做最简单的从左到右的流光吧!) [打印本页]

作者: 似鱼飞鱼    时间: 2014-4-18 15:36
标题: 【飞鱼制图教程】002 - 3秒做流光(试着用PS做最简单的从左到右的流光吧!)
作业:



请使用任意素材制作简单流光。
必须是新制作的哦,之前做好的不算作业。
我认为进步大,做得好的玩家将获得飞鱼提供的小礼物一份。

----------------------

流光,顾名思义就是我的图图中有流动的光芒效果。
这最终是要输出成动态的GIF图片。

图片越大,做成动画的文件大小也就越大。
所以,流光一般都是透明的,小的GIF图形。

我们就做一个简单的例子吧。



首先,准备素材,还记得上节课我们做的作业吗?
我们就让我们的文字流光起来吧。

准备工作:
我们需要准备一个用来刷流光的图层、一个光柱。
大家准备时可以直接找一个小图当背景直接刷,没必要像飞鱼这样准备复杂。

首先,规整图层,我们要让文字流光,将文字相关的图层全部合并在一起。
将背景合并在一起方便管理
(背景和其他图层合并在一起是非必须的,但是要刷流光的文字图层是必须要合并在一起的(也就是一个图层))



合并完毕之后,在文字图层上面再新建一个图层,这个图层我们画一道光柱,用来当流光。


选择画笔工具,设定好前景色,然后选择好笔刷。



接下来在刚才新建的图层上面刷一笔。
刷好了之后,按CTRL+T对它的大小、位置进行调整,让他看起来更像一道光。



调整好如下图。
请注意这道光是在位于文字图层上面的新建图层上面处理的。



关键一步:
让高光与文字处于遮罩状态。
将鼠标悬停在在两个图层中间
按住键盘的ALT键,可以看见鼠标指针变了,点一下鼠标左键,
两个图层形成了剪贴组。
这样,高光部分,只能显示下面文字的轮廓部分。多余的部分被剪贴遮罩住了。

将高光放在动画起始部分,也就是最上方。



准备工作完成。
进入动画制作阶段。

动画制作:
我们需要告诉PS,我们的动画从上面开始,我们的动画在下面结束,
请PS帮我们把中间的动画过度自动完成。

首先,我们打开PS的动画面板,窗口-动画。
如果动画面板默认走的是时间轴界面,点击转换为帧动画。


我们刚才准备工作,也就是让高光在文字的最上方,
作为动画的第一帧,我们在这个面板上调整这一帧停留的时间,同时将动画是否循环播放改成永远。
然后,我们复制这一帧。

PS帮我们复制了这一帧,我们选中这最后一帧,
将高光部分拖放到文字的最下方。好让PS知道,我们的动画是从上到下这样走的。



选中动画面板的第一帧、最后一帧。点击,过度动画帧,
设定合理的过度帧数。
PS自动帮我们把中间要过渡的部分自动生成。
点击播放按钮,看看这个动画是否符合自己的要求?



另存的时候需要文件-存储为WEB所用格式,并选择GIF。



注意:
1、PS的每一帧都是一个单独的设定,请一定要在调整好所有图层之后再进行动画动作。
因为假设你后期要调整图层的位置或者做其他动作,PS都认为你是对一帧进行的动作!
所以,如果你非要调整或者觉得效果不好,请删除所有帧,只保留一帧,然后再一次重复这些步骤。

2、PS使用的CS3版本,下载地址:
请大家访问http://u.115.com
并使用飞鱼的用户名3000311  密码yumingzhu
(别改我密码哦)
下载Adobe_Photoshop_CS3_简体中文完美增强版Adobe_Photoshop_CS3.rar即可。
另外,里面有大量教程视频,大家可以看看。

作者: 在梅森迷了鹿    时间: 2014-4-18 16:03
(, 下载次数: 53) 看着教程 做了个难看的作业,老师将就看看吧~
作者: あ蛮儿あ    时间: 2014-4-18 16:05
排排坐,学作图~
话说,我很乖的木有抢沙发
作者: 虫虫°    时间: 2014-4-18 16:29
看着教程 做了个难看的作业,老师将就看看吧~
在梅森迷了鹿 发表于 2014-4-18 16:03



   感觉是动作太快了。
作者: 子王幽灵    时间: 2014-4-18 16:33
前排..................
作者: 一个小五庄    时间: 2014-4-18 16:34
小学文化看看就好
作者: 随鸟走天涯¨v^ˇ`    时间: 2014-4-18 16:45
学习了。原来PS还能做动画 - -
作者: 甜墩墩    时间: 2014-4-18 16:50
老师,求教,各种求你的帖子我关注好多,都看不懂,PS下好了
作者: 夜夜夜、夜    时间: 2014-4-18 16:55
前排肯定有分


学习学习~~~
作者: 念念不忘谁    时间: 2014-4-18 18:32
我一定要学会,去研究了
作者: 月光手札    时间: 2014-4-18 18:53
站楼先早就想学PS了
作者: 风小凡    时间: 2014-4-18 18:55
我最爱飞鱼老湿!!!
作者: 酷枫紫藤    时间: 2014-4-18 18:58
论坛怎么收藏帖子啊想留着这个技术贴慢慢研究
作者: 风小凡    时间: 2014-4-18 18:59
当然我也爱虫虫!!!
作者: 蹲厕所数蛆    时间: 2014-4-18 19:04
不明觉厉
作者: 虫虫°    时间: 2014-4-18 19:06
论坛怎么收藏帖子啊想留着这个技术贴慢慢研究
酷枫紫藤 发表于 2014-4-18 18:58



   1楼拉到最下面,正中央就有很大的收藏按钮了~
作者: 玄小烨    时间: 2014-4-19 00:20
老湿威武 薯片速来受死
作者: 似鱼飞鱼    时间: 2014-4-19 02:43
回复 8# 甜墩墩


    你好。请继续关注我的帖子。我最近会做新手入门教程
作者: 橘子不萌や    时间: 2014-4-19 08:05
飞鱼老湿威武!
作者: 酷枫紫藤    时间: 2014-4-19 11:52
回复 16# 虫虫°


   谢谢好心虫妈
作者: 大猫°    时间: 2014-4-20 10:53
学习一下,老师的帖子都是教科级别的
作者: 似鱼飞鱼    时间: 2014-4-21 09:33
老湿威武 薯片速来受死
玄小烨 发表于 2014-4-19 00:20



    做的很标准哦。
作者: 错与谁心息≡    时间: 2014-4-22 21:25
占座,回头学做
作者: 小肥羊°    时间: 2014-4-22 21:47
看看的
作者: 给夏天的冰.    时间: 2014-4-24 23:04
想学ps很久了。先下载个去
作者: 子王幽灵    时间: 2014-4-25 03:28
回复 1# 似鱼飞鱼


   呼叫.把那个光放在第一个字的开头.然后ALT+左键点完点进动画..把第一帧设好复制...然后选中第二帧把光柱拉到最后一个字时第一帧里面的光柱也跑到最后一个字去了什么情况
作者: 神气しんちゃん    时间: 2014-4-25 08:01
先收藏先。。
作者: 小胖手    时间: 2014-4-25 22:00
让虫虫指导了一下 想再弄出点花样 但是弄不出来了


作者: 小胖手    时间: 2014-4-25 22:00
让虫虫指导了一下 想再弄出点花样 但是弄不出来了


作者: 似鱼飞鱼    时间: 2014-4-30 18:30
回复 26# 子王幽灵


    你是不是不小心选中了太多的帧数啊  慢慢来再试一次
作者: 似鱼飞鱼    时间: 2014-4-30 18:31
回复 29# 小胖手


    不过这个貌似流光起来还不错
作者: 颜小灵°    时间: 2014-4-30 19:25
本帖最后由 草莓° 于 2014-4-30 19:31 编辑


做论坛勋章怎么样飞鱼师傅
作者: 执笔念情殇    时间: 2014-5-3 17:20
[attach]1117347[/attach]求飞鱼老师指教,顶飞鱼老师,很想继续跟着老师学习
作者: LeslieCheung.    时间: 2014-5-3 19:01
楼主,能请教为什么我下的PS,安装不了,要序列号。哪里来呀。朋友说下载破解的,在哪里下呀?谢谢咯。
作者: 执笔念情殇    时间: 2014-5-9 16:17

作者: mr原来    时间: 2014-5-9 16:45
哇塞l。。。。。。。。。~
作者: nbanbyx    时间: 2014-5-20 10:48
已学。求下一课。论坛嘛就该多点这样的技术帖子  在游戏的同时提高自己




欢迎光临 《梦幻西游》电脑版官方论坛 (https://xyq.netease.com/) Powered by Discuz! X3.3