当前位置:主页 > 网页教程 > 动画制作 > photoshop动画 > 内容欢迎大家投稿

Photoshop透明背景动画教程

时间:2010-08-01 16:01来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

制作透明背景和制作底纹背景只有与第三节有些不同,其他部分操作都相同。这步骤只把不同的操作写出来,其相同步骤请参考上文。

6.1 打开“备份2.psd”,选择“外轴-左”图层,点击菜单“图像——调整——色相/饱和度”,设置饱和度“-60”左右;“图像——调整——亮度/对比度”,设置对比度“50”左右,“外轴-右”图层也同样设置。

6.2 复制“主景-左”、“主景-右”图层。并把“主景-左 副本”移到“外轴-左”上面;把“主景-右 副本”移到“外轴-右”上面。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

6.3 选择“主景-左 副本”点击“编辑——变换——水平翻转”;“主景-右 副本”也同样水平翻转。如示意图

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

6.4 按住“Ctrl”+“Shift”键,点击“外轴-左”图层,再点击“外轴-右”图层“载入选区”。选择“主景-右 副本”图层按“Delete”键删除选区;同样删除“主景-左 副本”、“主景-右”、“主景-左”图层选区。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

注,图中左右外轴只是隐藏起来并没删

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

6.5 同样先制作左边动画,隐藏右边的图层。移动“外轴-左”与“主景-左”左对齐;移动“主景-左 副本”与“外轴-左”右对齐。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

6.6 好了,以下步骤与第四节起相同了,请参考上文。

有轴、透明背景动画最终效果如图

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

无轴、透明背景动画

七. 制作无轴、透明背景的是没有第二节的操作;与第三节、第四节也有不同。这步骤也只把不同的操作写出来,其相同步骤请参考上文。

7.1 打开“备份1.psd”,复制“主景-左”、“主景-右”图层,并水平翻转“主景-左 副本”、“主景-右 副本”。

7.2 新建图层,重命名为“辅助轴-左”,用“矩形选框工具”选出选区,填充任意颜色并更改不透明度为50%。按“Ctrl+J”复制一层,重命名为“辅助轴- 右”并移动到右边。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.3 按“Ctrl”+“Shift”键,点击这两个辅助轴图层“载入选区”。选择“主景-右 副本”图层按“Delete”键删除选区;同样也删除“主景-左 副本”选区。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.4 同样也先制作左边动画,隐藏右边的图层。移动“主景-左 副本”到“主景-左”图层的左边,使之为镜像效果。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.5 新建图层,重命名为“阴影层-左”,载入“主景-左 副本”选区,填充黑色,并移到“主景-左 副本”图层下。选择这两层点击“链接图层”按钮。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.6 在动画面板中复制一帧,移动“辅助轴-左”与“主景-左”右对齐;移动“主景-左 副本”与“辅助轴-左”左对齐。如示意图

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.7 选择第一帧,载入“辅助轴-左”选区,选择“主景-左 副本”图层,点击菜单“图层——图层蒙版——显示选区”;同样载入“辅助轴-左”选区,选择“阴影层-左”图层,点击菜单“图层——图层蒙版——显示选区”。隐藏“辅助轴-左”图层。

7.8 选择第二帧,取消“阴影层-左”链接蒙版。选择图层蒙版,选择“移动工具”按“Shift”+“→”或“→”键,直到出现在“主景-左”右边并左对齐。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

取消“主景-左 副本”链接蒙版。选择图层蒙版,同样移动直到出现并覆盖阴影层。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.9 载入“辅助轴-左”选区,注意要保持选中“主景-左 副本”的蒙版层状态,设置白色前景色、黑色背景色,选择“渐变工具”——“对称渐变”,对选区进行渐变。取消选区,这样就出现高光和黑影效果了,如图

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网


〖可以测试下动画效果,选择第一帧,设置好过滤动画帧再播放看看效果〗

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.10 选择第一帧。选择“主景-左”图层并载入该选区,点击菜单“图层——图层蒙版——显示选区”。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

选择第二帧,取消链接蒙版,并选择图层蒙版。移动到与“主景-左 副本”左对齐(就是移到看不见“主景-左”图层)。

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

7.11 辅助轴图层已经没有用到了,可以删除掉。

无轴、透明背景动画最终效果如图

Photoshop动画教程:几种逼真卷轴动画的制作方法_中国教程网

注:
1. 本教程的移动操作非常频繁而且要精确移动位置,要选择“移动工具”按“Shift”+前头方向键进行轻移,必要时还要放大图再精确轻移,移超过位置时还得移回来。

2. 在二帧之间移动图层位置时,一定要先在第一帧里移动第一帧的图层位置,再在第二帧里移动最后一帧的图层位置。如果先在第二帧里移动,再在第一帧里移动,第二的图层位置也随之改变了。

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接