当前位置:主页 > 平面设计 > PS教程 > 技巧提高 > CS3教程

最新发布

Photoshop CS3制作动画:图层样式的妙用
Photoshop CS3制作动画:图层样式的妙用

今天我们介绍Photoshop CS3制作平面动画的第九讲:巧用图层样式制作动画。  在学习了如何使用时间轴方式制作动画之后,我们就完成了动画制作的基础部分。在这里要再次强调,注意不要随意在时间轴方式下切换到帧方式,因为这会导致时间轴定义的失效。若是误操作,可使用撤销命令挽回。  在前面的课程中,在使用帧过渡的时候,有3个参数(蒙版情况下有5个),分别是位置、不透明度、样式。我们已经知道位置就是图层的坐标,比如一个文字的移动,就是改变文字图层的位置。不透明度则可实现图层半透明变化。而所谓的样式就是指图层样式。在Photoshop基础知识中我们已经学习过如何为图层定义样式,在定义样式中有许多的参数都直接影响最终的效果。如阴影的高度、角度等。这些参数中的绝大多数,都可以作为动画的变量来使用。可以做出效果非常好的动画。  在制作静态的作品时,图层样式中使用频率最高的就是投影,那我们就先从投影开始,将其做成动画来看看效果。  做动画前先要构思好怎么做,这个构思可称为剧本,这次的剧本设定,是让一个圆形浮起。而要在一个平面上表现物体浮起,就需要借助投影来引导视觉。新建一个100×100的空白图像,在文档设置(点击动画调板右上角的 按钮)中将动画持续时间改为1秒,帧率改为15。如下图所示。这样动画总共就是15帧。需要注意的是:由于帧数是从1开始,而时刻是从0开始,因此开始时刻即00:00就是第1帧,那么第15帧应位于00:14时刻,而非00:15。这个问题以前已经提到过,这里重复一下。   新建图层,接着使用椭圆工具的填充像素方式(非矢量)画出一个圆,颜色自定,然后对其设定投影样式。分别如下各图所示。

3 次浏览
Photoshop CS3制作平面动画:初识时间轴
Photoshop CS3制作平面动画:初识时间轴

本文示例源代码或素材下载  今天我们介绍Photoshop CS3制作平面动画的第七讲:初识时间轴。  通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是Photoshop唯一的动画制作方式。今天我们要学习一种新的利用时间轴制作动画的方式。时间轴方式广泛运用在许多影视制作软件中,如Premiere、AfterEffects等,包括Flash也是采用这种方式。  关键帧过渡动画中还有许多操作我们没有提及,这是由于它们与时间轴方式并无关系,而时间轴将是我们今后制作动画的主要方式,因此予以略过。  为统一素材,请点击此处下载素材文件,并解压出PSD文件,在Photoshop中开启,这是一个没有帧设定的文件(大家也可以利用自己制作的代替)。如下图所示。由于使用了文字图层,可能在开启后会由于字体缺失而出现替换选项,选择用默认字体替换即可,默认字体虽然不够漂亮,但教学性是一样的。  PSD文件中包含3个图层(背景层不算),其中两个是文字层,一个是矢量形状层。如果不知矢量形状图层为何物,说明基础部分没有掌握好。  点击动画调板右下角的按钮,即可切换到时间轴方式,如下图所示。细心的读者会注意到调板的名称变为了“动画(时间轴)”,而之前的是“动画(帧)”。右下角的按钮变为了,点击将会切换到原先的帧方式。

4 次浏览
PS CS3制作平面动画:过渡帧动画的局限性
PS CS3制作平面动画:过渡帧动画的局限性

本文示例源代码或素材下载  今天我们介绍Photoshop CS3制作平面动画的第六讲:过渡帧动画的局限性。   到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层),再建立各个关键帧,之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好,但如果在已有的动画基础上新增图层会怎样呢?  打开( anisample01.rar),会看到该动画总共有20个帧。点击动画调板右上角的   按钮就能看到“新建在所有帧中都可见的图层”一项。这样在已经为图像建立了多个帧的前提下,若新增图层,则该图层默认在所有帧中都可见,位置及不透明度也相同。   现在选择第1帧,在图像左上角新增一个矢量圆角矩形层及文字(如果看不懂这句话,则说明没有掌握基础知识)。就会看到所有帧中都出现相同的内容。如下图所示。其实在选择其他帧时新建层也可以达到同样目的,但圆角矩形及文字未必能直接就位于指定位置,总是需要使用移动工具作调整的。所以此时要利用“传播帧 1”的特性来确保在所有帧中的位置相同。如果在其他帧中调整位置,就只对一帧有效。  通常情况下都应开启“新建在所有帧中都可见的图层”选项。如果关闭,新建的图层只会出现在当前所选择(多选无效)的帧中。如果想在所选择的多个帧中可见,可以在图层调板中先隐藏再显示该层,此时动画调板中所选择的多个帧就会同时出现该层的内容。

10 次浏览
Photoshop CS3打造帜热的爱国心
Photoshop CS3打造帜热的爱国心

最近,大家都通过红心中国的聊天工具头像来抒发自己爱国、支持2008北京奥运、维护祖国统一的情怀,今天我给大家带来用Photoshop打造我的中国心教程,主要介绍PS的渐变、路径和图层样式的使用,适合初学者,举一反三,希望网友能制作出更精美的效果。   效果1  效果2  效果3  一、运行Photoshop CS3软件,点击:文件―新建(快捷键为Ctrl+N),新建一个PSD文件,如图1所示。   图1

5 次浏览
Photoshop CS3动画基础教程系列:淡入和淡出的设定技巧
Photoshop CS3动画基础教程系列:淡入和淡出的设定技巧

本文示例源代码或素材下载  先说一下上节课的作业,我们让大家制作的三个动画都是带有淡入淡出效果的,但仔细观察就会发现其中有不同之处。  第一个动画是随着文字移动而逐渐显现,移动到一半时文字最明显,然后又随着移动逐渐消隐。使用帧过渡来制作的话,就需要先确定好3个关键帧,第1帧文字应该在最右端,不透明度为0%(或隐藏图层);第2帧文字在*位置,透明度为100%;第3帧文字在最左端,不透明度回到0%(或隐藏图层)。大致 如下图所示。  然后分别在帧12,以及帧23之间进行过渡,各增加5帧左右即可。帧延迟时间可自行设定。在这个动画中,文字的淡入淡出是随着移动同时进行的。在整个移动过程中透明度始终在变化。  第二个动画中,文字在最右端淡入的时候是静止的,完全显现后才开始移动。移动到最左端后又在静止状态下淡出。那么它的关键帧应该为4帧,大致如下左图所示。分别在这4帧之间设定过渡即可。  虽然具体的过渡帧数可随意设定,但从设计方面考虑的话,帧12和帧34的过渡应该少一些,大约3至4帧即可。而帧23之间的过渡应相对多一些,大约6至 7帧左右。这是因为在同样的距离上移动时,帧数越少每帧移动的越快,帧数越多则移动得越慢。如下右图所示就是3帧、4帧、7帧的每帧移动距离。从理论上来说,帧数越多则动画细节越丰富,也越细腻。  我们这个动画主要是展示文字内容,要让观看者看得清楚。如果把淡入淡出的帧数设定得很多,而移动的帧数很少的话,就会形成一种局面,那就是文字非常细腻地淡入,然后飞快移动,接着又非常细腻地淡出。或许观看者仍然可以明白文字的内容,但这样的表现手法是不恰当的。虽然某些时候这也可以成为一种非常规的表现手法。

4 次浏览
Photoshop CS3打造五一劳动节海报
Photoshop CS3打造五一劳动节海报

最终效果  1、点击文件―新建(快捷键为Ctrl+N),新建一个PSD文件,如图1所示。  图1  2、在新建的选项中,名称为:五一劳动节海报设计,Size为A4,分辨率为300,如图2所示。  图2  3、点击图像――旋转画布――90度(顺时针),将画布旋转90度,如图3所示。

3 次浏览
PhotoshopCS3结合友基PF8060绘图板绘美女
PhotoshopCS3结合友基PF8060绘图板绘美女

使用工具:软件Photoshop CS3、友基PF8060绘图板   用Photoshop画过水墨画吗?没有的话这次咱们一起用PS绘制一幅水墨作品。这次过程中需要自制笔刷。   先看看完成效果图图:   效果图   1、新建文件,在背景层用喷枪为画布作旧,模拟纸张感觉。   图1   2、为了墨迹毛笔的质感,我们来自制一个笔刷。首先新件一个300X300象素的画布,选择一个化笔,轻重不同的涂出一个不规则图形,执行滤镜“画笔描边”--“喷溅”。的到如图的结果。然后执行“编辑”―“定义画笔预设”转换为笔刷。现在还不能使用,我们还要调节一下画笔参数。按F5呼出画笔控制栏,如图设置画笔建立完毕。

7 次浏览
Photoshop CS3教程:飘逸的纱巾
Photoshop CS3教程:飘逸的纱巾

使用工具:Photoshop CS3  注:文中所使用快捷方式,均在英文输入法状态下有效。  小编曾经把《飘逸的纱巾》发到了我们学院论坛的【Photoshop专区】,有位网友看到了,很是喜欢,并要求我做一个教程。小编本着“好东西,大家共享”的原则,特别制作了这个教程。欢迎大家来我们的学院论坛学习、交流。  效果图:  第一步:新建一个文件,大小自定,用灰色(#cccccc)填充背景层,如下图所示。  第二步:新建图层,在工具箱中选择【钢笔工具】,在【图层1】中绘制如【图02】所示的路径。    第三步:在【图层面板】中选择【路径】标签,将路径命名为【路径1】。选择【工具箱】中的【画笔】工具,将画笔大小调整为3像素,颜色为黑色。在【路径面板】中点击【用画笔描边】按钮,如【图03】所示。

5 次浏览
Photoshop CS3的GIF图像综述及彩信格式
Photoshop CS3的GIF图像综述及彩信格式

在网页设计扩展教程中也包含对图像格式的叙述,但不会再重复介绍本课中关于GIF的知识,而是介绍其余图像格式的特点及综合使用的方法等。因此如果有想学习网页设计扩展教程的读者,务必掌握好本课的内容。   现在我们已经学习了许多制作动画的方法,但大家对于动画最终的呈现形式仍不十分清楚。动画究竟怎样输出?在哪些地方使用?在使用中又有哪些需要注意的?这节课我们就来详细说明这些问题。  目前在Windows系统上的主要动画图像格式是GIF,其也可以直接在网页中显示,是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。GIF格式可支持静止和动画两种表现方式。无论静止还是动画,其特点是相同的。  动画GIF格式的实现原理并不复杂,大家可将其理解为将多个静止画面(帧)组合在一起轮流显示。这些画面(帧)之间还有运算关系存在,与选区何路径的运算类似,分别是添加、减去和消除。这是为了优化动画的字节数。  某一帧如果是添加方式,则就会在保留前一帧图像画面的基础上,再加上这一帧的内容,综合形成新的画面。如常见的进度条动画就是一个典型,如下图所示,假设一个进度条由3帧组成,那么在我们眼中所看到的理论帧形态上来说,好像这3帧中分别保存了最短、中度和最长进度条的图像。但其实在第2帧中只包含了第1帧中所没有那个部分的像素,然后以添加方式作用于第1帧之上,形成了“1+2”的图像。第3帧也是如此。这种优化措施可有效减少图像字节数。  减去方式与之正好相反,是将前一帧图像中的某些像素抹去,可用“倒退的进度条”去理解。消除方式则是将前一帧完全擦除,主要用在前后两帧之间没有任何关联的时候,比如从全部红色变为全部绿色时,前后帧之间并没有任何像素相同,则采取消除方式。  在实际制作中Photoshop会自动根据图像情况来决定采取何种方式,不需要人工干预。这些运算方式作为一个知识来了解就可以了。也可以作为构思动画时的一个参考。

4 次浏览
Photoshop CS3使用蒙版制作动画
Photoshop CS3使用蒙版制作动画

本文示例源代码或素材下载  前一课的作业没有技术层面上的难点,所需要的就是细致的观察和耐心的思考。因此我们不会再做详细讲评,仅简要介绍。并附带PSD源文件供大家参考。   文字从黑变白的做法是建立白色文字层,将文字层的填充不透明度作成动画,即可形成从黑到白的效果。其实应该是逐渐隐现的淡入效果,只是由于背景为黑色而已。文字边缘的效果则是描边,使用了图案描边。图案描边可以使用鼠标拖动调整位置,正是将这个位置做成了动画效果。大部分边缘闪动的效果都可以这样来制作。另外还可以试试看将图案缩放做成动画,效果也类似。点此下载该范例的PSD源文件,打开后若出现字体缺失的警告,则可改用其它字体,对最终效果没有多大影响。  PS CS3用蒙版制作的动画效果图  在Photoshop制作动画的内容中,最重要的是基本的时间轴、关键帧等概念。在此基础上,要令动画漂亮、精细,则需要依靠样式。因此够熟练使用图层样式也是一个重要的条件。本课将介绍另一个动画基础知识,就是在动画中使用蒙版。当然,在此之前要求大家已完全掌握了基础教程中蒙版部分的知识,在这里不会重复介绍。如果想要了解这方面的内容,可点此观看动画教程。蒙版的文字教程只包含于书籍《大师之路-Photoshop中文版完全解析》中。  在时间轴的项目中,大家都已经看到过蒙版的项目,分为普通的点阵蒙版与矢量蒙版。它们各自都具备两个动画项目,一是蒙版的位置,二是蒙版的启用。

5 次浏览
共计112条记录 上一页 1.. 4 5 6 7 8 9 10 12 下一页