当前位置:主页 > 平面设计

最新发布

Photoshop动画制作(6)过渡帧动画的局限性
Photoshop动画制作(6)过渡帧动画的局限性

到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层),再建立各个关键帧,之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好,但如果在已有的动画基础上新增图层会怎样呢?打开anisample01.psd,会看到该动画总共有20个帧。点击动画调板右上角的按钮就能看到“新建在所有帧中都可见的图层”一项。这样在已经为图像建立了多个帧的前提下,若新增图层,则该图层默认在所有帧中都可见,位置及不透明度也相同。现在选择第1帧,在图像左上角新增一个矢量圆角矩形层及文字(如果看不懂这句话,则说明没有掌握基础知识)。就会看到所有帧中都出现相同的内容。如下图所示。其实在选择其他帧时新建层也可以达到同样目的,但圆角矩形及文字未必能直接就位于指定位置,总是需要使用移动工具作调整的。所以此时要利用“传播帧1”的特性来确保在所有帧中的位置相同。如果在其他帧中调整位置,就只对一帧有效。通常情况下都应开启“新建在所有帧中都可见的图层”选项。如果关闭,新建的图层只会出现在当前所选择(多选无效)的帧中。如果想在所选择的多个帧中可见,可以在图层调板中先隐藏再显示该层,此时动画调板中所选择的多个帧就会同时出现该层的内容。现在回到正题,即如何在20帧中加入另外一组文字动画,新的文字既有移动也有不透明度变化。如果是从零开始设定关键帧的话,大家都知道该如何操作。但如果要添加到现有的帧中,则非常麻烦。此时不能再建立关键帧,因为新增关键帧势必增加帧数。那自然也就不能使用关键帧过渡。也许大家会想到去修改关键帧,或建立两套帧系统再将之混合。能够这样想很好,说明思路灵活。但很遗憾这两个方法都不可行。一旦执行了过渡,关键帧就无法修改,除非撤销操作从头再来。而Photoshop只提供一套帧系统。现在唯一可行的方法就是逐帧地手动调整“去留无意”的位置和不透明度。并且最好一次搞定,因为再次修改将会烦上加烦。就算从零开始,也未必就能制作好这个动画。因为我们使用的方法是建立关键帧后进行过渡,那么原先的“悄然来去”总共使用了4个关键帧,而“去留无意”的动作也必须设定为4个关键帧,只有这样才能统一执行帧过渡。如果后者需要设定为5个关键帧,就涉及到统一关键帧的问题,需要将“悄然来去”扩展为5个关键帧。如下图所示,第3帧就是新建立的关键帧。可以看出它其实就是在帧2和帧4之间取一个中间状态。但这样做要基于一个前提,那就是“去留无意”的某个关键帧必须是和这个新帧相吻合的。如果“去留无意”作W波浪状移动,那么其波峰和波谷的关键帧就要与“悄然来去”的关键帧一一对应才可以。这就造成一种情形,两个文字尽管移动的轨迹不同,但 运动轨迹改变的时间却很相似。这会使动画显得单调。所以,在制作过渡帧动画的时候,最重要的事情就是事先规划好动画的具体细节,做到完全的把握,然后才开始制作关键帧并执行过渡。这个过程一旦完成就不可修改,除非全部从头再来。我们在基础教程部分的时候,曾再三强调在制作中要保留最大的可编辑性(如使用调整层等),以方便以后有可能发生的修改。这种思维适用于任何领域,却唯独在此不适用,因为过渡帧动画的特殊性,使其一旦成型就不可修改。这也是以往很少人使用Photoshop及ImageReady(早期与前者搭配)去制作较复杂动画的原因。在基础部分我们曾经蜻蜓点水地使用了Premiere制作电影,大家对其中的通过时间轴设定电影的方式应该还有印象。另外观看了GoLive视频教程的读者也对DHTML(动态网页)制作中的时间轴印象颇深。现在CS3版本的Photoshop也具备了时间轴设定方式,我们从此可以摆脱过渡帧动画的局限了。我们将在下一课学习使用时间轴。之所以我们没有在一开始就介绍时间轴,是因为帧式动画是所有动画的基础。时间轴只是在设定方式上不同,形成的最终动画仍然是以帧形式存在的。并且时间轴适合制作情节较为复杂的动画,对于一些类似单个文字移动这样的效果,使用过渡帧制作更快更简单。还有一类动画称为“独立图层动画”,主要用来制作一些无法用关键帧过渡完成的效果,如鸟类拍打翅膀的动画,就是分开5个独立图层分别绘制一种翅膀形态,然后在不同的帧中显示不同的图层,如下中图所示,我们使用5个图层绘制5种形态,然后在5帧中分别顺序显示某一层,之后又增加了3帧制作回场,形成了8帧的往复式动画。其中帧28、帧37及帧46内容相同。

8 次浏览
Photoshop动画制作(7)初识时间轴
Photoshop动画制作(7)初识时间轴

通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是Photoshop唯一的动画制作方式。今天我们要学习一种新的利用时间轴制作动画的方式。时间轴方式广泛运用在许多影视制作软件中,如Premiere、AfterEffects等,包括Flash也是采用这种方式。关键帧过渡动画中还有许多操作我们没有提及,这是由于它们与时间轴方式并无关系,而时间轴将是我们今后制作动画的主要方式,因此予以略过。为统一素材,点击此处下载anisample02.rar文件并解压出PSD文件,在Photoshop中开启,这是一个没有帧设定的文件(大家也可以利用自己制作的代替)。如下图所示。由于使用了文字图层,可能在开启后会由于字体缺失而出现替换选项,选择用默认字体替换即可,默认字体虽然不够漂亮,但教学性是一样的。PSD文件中包含3个图层(背景层不算),其中两个是文字层,一个是矢量形状层。如果不知矢量形状图层为何物,说明基础部分没有掌握好。点击动画调板右下角的按钮,即可切换到时间轴方式,如下图所示。细心的读者会注意到调板的名称变为了“动画(时间轴)”,而之前的是“动画(帧)”。右下角的按钮变为了,点击将会切换到原先的帧方式。需要注意的是,这两种方式是互不兼容的,因此不要在制作过程中进行切换。如果误切换了,可以使用撤销命令〖CTRL+ALT+Z〗挽回。在时间轴中我们看到了类似图层调板中的图层名字,其高低位置也与图层调板相同。点击图层左方的箭头标志就会展开该图层所有的动画项目,也就是能制作为动画的要素。在不同性质的图层中,其动画项目也不相同。所谓不同性质就是指如普通图层、带蒙版的普通图层、文字图层、调整图层等,这些都属于不同性质的图层。如下左图所示分别是“去留无意”文字层与“形状1”矢量形状层展开后的动画项目。其共有的是位置、不透明度、样式。不同的是文字层多了一个“文字变形”项目,而矢量形状层多了两个与蒙版有关的项目。动画的制作不能超出图层自身的动画项目,比如不能对形状层进行“文字变形”。但有些动画项目可以后期再添加,如对文字层添加蒙版后,就令其具备了蒙版的动画项目。在调板左上方有一组数字0:00:00:00,这是当前的时间码,从右端起分别是毫秒、秒、分钟、小时。一般也就用到秒这级。时间码后面还有一个30.00fps,这个就是帧速率,表示每秒多少帧。一般取值为整数,在影视编辑方面才会用到小数帧率。点击动画调板右上角的按钮后选择“文档设定”,就会出现如下右图所示的时间轴设定。在其中可以指定动画总时长和帧速率。按照默认的设置,是总长10秒,每秒30帧,这样总帧数就是300帧,对于网页动画来说这是一个相当大的数值了,制作出来会占用很大的字节数,不利于网络的传输。现在我们将持续时间改为5秒,帧速率改为5fps。确认后就会在动画调板中看到新的帧速率指示。 如下图所示,将动画调板横向拉大一些,就会看到01:00、02:00这样的时间标志,单位为秒。时间轴的最右端正是刚才所设定的5秒总时长。将红色箭头所指出的滑杆向右方拖动,就能放大时间轴的细节,红框区域内就是放大后的时间轴。可以看到在秒之间有了01f、02f这样的标志,这就是帧。我们刚才的设定是5fps,所以每两秒之间都有5个帧。虽然我们只看到最大04f,但要知道05f其实就是和01:00重合在一起的。因此被表达为01:00f,意思就是该处既是第一秒,也是一个帧。注意在两个橙色箭头之间有一条不太显眼的细线,这是渲染缓冲指示,其他影视编辑软件也都有这个指示,不过在Photoshop中它的作用并不是很重要,在后面的课程中会提到。

10 次浏览
Photoshop绘几米漫画 :坐在窗边的孩子
Photoshop绘几米漫画 :坐在窗边的孩子

先看一下最终效果:  今天我们用PS来画一张几米的漫画,是一个小女孩坐在窗户上,先用钢笔勾出窗户与女孩的轮廓。接下来新建一层,勾出女孩与小鸟的外形。  因为窗户的边缘并不是规则的直线,所以我们要根据刚开始画的直线重新勾出不规则的线条。  开始上色了,先给窗帘与天空上色。如图:  

5 次浏览
Photoshop视频教程:魔镜奇缘插画全解析
Photoshop视频教程:魔镜奇缘插画全解析

2010-2-2 11:47

11 次浏览
Photoshop打造颓废漫画特效
Photoshop打造颓废漫画特效

利用Photoshop把普通照片变为颓废漫画效果,教程讲解比较详细!十月一假期快过完了!大家一定照了不少照片吧!等后天整理个照片处理的专题,满足一下您的需求! 原图 最终效果图 1、复制一层背景层,然后把背景副本,执行调整“去色”如图: 2、对该图层进行调整,曲线命令:  3、曲线命令的设置:  4、调整,亮度/对比度。  5、亮度/对比度的设置如下图:    6、在图层最上面新建一层。    7、选择――色彩色范围。    色彩色范围的设置如下图。    8、编辑――填充。     9、选择黑色,不透明度100%,在图层1进行填充。     10、在图层1下面新建一个图层2。     11、关闭图层1和图层2以外图层前面的小眼睛,只显示图层1和图层2的。      12、CTRL+D,组图键取消选择,然后再做一个填充,选择白色进行填充。      13、打上文字,最生的修饰部分就交给笔刷了,在图层2中想怎么刷就怎么刷,完成效果如下图。      最终效果图如前所示。    

5 次浏览
Photoshop 鼠绘几米漫画
Photoshop 鼠绘几米漫画

很多朋友都喜欢几米的水彩画,我们用电脑试试能不能画出这种效果:)    今天我们用PS来画一张几米的漫画,是一个小女孩坐在窗户上,先用钢笔勾出窗户与女孩的轮廓。    接下来新建一层,勾出女孩与小鸟的外形。    因为窗户的边缘并不是规则的直线,所以我们要根据刚开始画的直线重新勾出不规则的线条。    开始上色了,先给窗帘与天空上色。如图:

2 次浏览
Photoshop漫画笔刷绘制非主流照片漫画
Photoshop漫画笔刷绘制非主流照片漫画

本文示例源代码或素材下载  本教程使用photoshop 9.0,其他版本步骤类似。  今天我们要绘制的卡通漫画的照片特效主要需要运用一个漫画网点对话框的特效,会用到一个特殊的笔刷。大家可以在文章的末尾找到并下载。  原图:    1、打开图片,复制两次背景图层(按两次Ctrl+J);    2、工具箱-钢笔工具,对人物进行抠图;    描边,图层样式-投影;

1 次浏览
Photoshop鼠绘可爱宠物儿童漫画
Photoshop鼠绘可爱宠物儿童漫画

先看一下效果:

2 次浏览
PS给图片制作圆形水波涟漪GIF动画教程
PS给图片制作圆形水波涟漪GIF动画教程

本例为PhotoShop动画实例教程,重点在于是对同心圆水波变形而制作动画,也应该是对水波滤镜一个突破。主要学习如何在PS中运用定义蒙版配合动画面板来制作逼真的水波涟漪动画效果。在教程中主要运用到复制变换、滤镜工具、设置画布、裁剪工具、蒙版以及动画面板等工具,教程详解的比较详细,步骤比较多,实际制作起来并不太难,对PS动画感兴趣的朋友可以动手试试。先看效果图:

4 次浏览
Photoshop制作下雨动画效果教程
Photoshop制作下雨动画效果教程

本教程主要使用Photoshop制作下雨动画效果教程,动画的效果过度非常的漂亮的,喜欢的朋友可以一起来学习吧效果第一步,找个背景图-打开,把图层模式改为滤色开始做动画效果了

4 次浏览
共计26043条记录 上一页 1.. 1370 1371 1372 1373 1374 1375 1376 ..2605 下一页