Photoshop教程:教你如何制作电影预告片

修改
鏉ユ簮: 爷⑤-缺德 浏览 3694 日期 2011-10-28 0

其制作内容主要包括,逐渐淡出的文字、闪动播出的文字等两种文字特效。图10-220出示了本例制作完成效果。

图10-220  完成效果

技术提示

本例在photoshop中主要通过设置文字、添加“外发光”效果、应用“动感模糊”滤镜模糊文字的方法编辑文字效果。在imageready中通过设置动画帧和过渡动画帧的方法,编辑出动态的文字效果。图10-221出示了其制作流程图。

图10-221  制作概览

制作步骤

1.在photoshop中组织画面

(1)启动photoshop,执行菜单栏中的“文件”\“新建”命令,新建一个名称为“电影预告”的新文档,如图10-222所示。.

图10-222  设置“新建”对话框

(2)在“图层”调板中单击“创建新的图层”按钮,新建“图层 1”。设置工具箱中的前景色为白色,按下<alt+delete>键,用白色填充“图层 1”。

[next]

(3)执行“图层”\“图层样式”\“图案叠加”命令,如图10-223所示,为“图层 1”添加“图层叠加”和“颜色叠加”效果。

图10-223  添加图层样式

(4)打开本书附带光盘\chapter-10文件夹中的“网格.psd”文件。使用“移动”工具,将网格图像拖动到“电影预告”文档中,生成“图层 2”,如图10-224所示。

图10-224  复制网格图像

(5)在“图层”调板中,设置“图层 2”的“混合模式”为“叠加”,“不透明度”为10%,这时的图像效果如图10-225所示。

图10-225  更改图层属性

(6)新建“图层 3”。使用工具箱中的“钢笔”等路径绘制工具,绘制如图10-226所示的路径形状。然后按下<ctrl+enter>键,将路径转换为选区,并用白色前景色填充选区。

[next]

图10-226  编辑路径

(7)按下<ctrl+d>键,取消选区。然后执行“图层”\“图层样式”\“外发光”命令,为图像添加“外发光”效果,如图10-227所示。

图10-227  添加“外发光”效果

(8)在“图层”调板中,设置“图层 3”的“不透明度”为20%,“填充”为0%,这时的图像效果如图10-228所示。

图10-228  更改图层属性

(9)新建“图层 4”。使用同样的操作方法,如图10-229所示,通过绘制路径、将路径转换为选区、填充选区,设置“外发光”效果、更改图层属性的方法编辑脸形图像。

图10-229  编辑图像

(10)选择工具箱中的“横排文字”工具,输入如图10-230所示的一组白色文字。然后再为文字图层添加“外发光”效果。

[next]

图10-230  编辑文字

(11)在“图层”调板中,单击“spider-man”文字图层左侧的图标,将该文字图层隐藏。

(12)参照上面输入文字、设置“外发光”效果的方法,再编辑一组发光文字:“this way”,如图10-231所示。

图10-231  编辑文字

(13)在“图层”调板中,拖动“this way”文字图层到“创建新的图层”按钮处复制,创建“this way 副本”图层。然后将“this way”文字图层隐藏。

(14)执行“滤镜”\“模糊”\“动感模糊”命令,将“this way 副本”图层中的文字模糊,如图10-232所示。

提示:执行“动感模糊”滤镜后,文字图层将变为带图层样式的普通图层。

[next]

图10-232  设置“动感模糊”对话框

(15)将“this way 副本”图层隐藏。使用同样的操作方法,即设置文字、添加发光效果、创建副本图层、模糊副本图层的方法,再分别编辑八组文字效果。如图10-233所示。

提示:每个文字图层在编辑完后,即被隐藏。

图10-233  编辑文字效果

(16)完成上面四组文字的编辑后,再设置一组发光文字:“spider-man”,如图10-234所示。

图10-234  设置文字

(17)接着将“spider-man”文字图层复制两个副本,即“spider-man 副本”、“spider-man 副本 2”。然后设置“spider-man 副本”的“不透明度”为50%,“spider-man 副本 2”的“不透明度”为10%,如图10-235所示。

[next]

图10-235  编辑副本图层

(18)然后打开本书附带光盘\chapter-10\文件夹中的“影子.psd”文件。使用“移动”工具,将影子图像拖动到“电影预告”文档中,生成“图层 5”。如图10-236所示。

提示:这时所有的文字图层已被隐藏。

图10-236  复制影子图像

(19)将“图层 5”复制,创建三个副本图层,即“图层 5 副本”、“图层 5 副本 2”、“图层 5 副本 3”。然后将三个副本图层隐藏,并使“图层 5”成为可编辑图层。

(20)执行“编辑”\“自由变换”命令,将“图层 5”中的影子图像缩小一些,如图10-237所示。

图10-237  缩小图像

(21)再执行“滤镜”\“模糊”\“动感模糊”命令,将“图层 5”中的影子图像模糊,如图10-238所示。

[next]

图10-238  设置“动感模糊”对话框

(22)在“图层”调板中,隐藏“图层 5”,并将“图层 5 副本”、“图层 5 副本 2”、“图层 5 副本 3”的“不透明度”均设置为20%。

(23)然后执行“自由变换”命令,将“图层 5 副本”的图像缩小并移动到视图的上侧,将“图层 5 副本 2”的图像缩小并移动到视图的下侧,“图层 5 副本 3”的图像保持原位置和大小不变。如图10-239所示。

图10-239  变换图像大小和位置

(23)将三个影子图层隐藏。再分别设置如图10-240所示的两组文字效果。

提示:前一组文字在设置好后,已将其隐藏。

图10-240  编辑文字

(24)新建“图层 6”。通过建立矩形选区,描边选区的方法,绘制如图10-241所示的白色边框线。

[next]

图10-241  绘制白色边框线。

(25)最后将文字、矩形线框和脸形图像隐藏,为接下来设置动画效果做准备,如图10-242所示。

图10-242  隐藏图像

评论

{{ username ? username.charAt(0).toUpperCase() : '?' }}
Ctrl+Enter 发布
{{ (c.username || c.author_name || '?').charAt(0).toUpperCase() }}
{{ c.username || c.author_name }} {{ Utils.formatDate(c.created_at) }}