Photoshop动画教程:几种逼真卷轴动画的制作方法(2)-photoshop动画-网页!
来源:百度文库 编辑:神马文学网 时间:2024/04/28 13:29:10
Photoshop动画教程:几种逼真卷轴动画的制作方法(2)时间:2010-08-01 15:55来源:未知 作者:大宝库 点击:1206次阅读工具:字体:大 中 小
-三. 制作卷轴的底纹背景3.1 新建图层重命名为“卷轴底纹-左”,按住“Ctrl”键点击“主景-左”图层“载入选区”。点击菜单“编辑——填充”填充图案,如图。 3.2 按“Ctrl+J”复制一层并重命名为“卷轴底纹-右”,点击菜单“编辑——变换——水平翻转”。选择“移动工具”移动左右卷轴底纹如图。 四. 制作卷轴动画(左边的)4.1 隐藏所有右边的图层和“图层1”(注,图层1已没有用到了,删除掉也可以)。 4.2 把“卷轴底纹-左”图层的模式设置为:正片叠底。 4.3 打开动画面板,复制一帧,移动左轴与“主景-左”右对齐,如图。
移动左卷轴底纹与“外轴-左”左对齐,如图。 4.4 把“卷轴底纹-左”图层移动到“外轴-左”图层上面,并点击菜单“图层——创建剪贴蒙版”。 〖可以测试下卷轴动画效果,设置过滤动画帧为30帧,如图。〗 制作主景展缩动画(左边的)4.5 选择第一帧、“主景-左”图层,按住“Ctrl”键点击“主景-左”图层“载入选区”。(要保持选择“主景-左”图层状态)点击菜单“图层——图层蒙版 ——显示选区”。4.6 选择第二帧,取消链接蒙版,选择图层蒙版,选择“移动工具”按“Shift”+“→”或“→”键,轻移图层蒙版,移到与“卷轴底纹-左”左对齐(就是移到看不见“主景-左”图层)。 到这里,左边的卷轴动画就制作好了。 4.7 制作右边的卷轴动画步骤与制作左边的相同,先显示所有右边的图层;隐藏所有左边的图层再制作。五. 裁剪画布大小方法5.1 注意:不能用“裁剪工具”来裁剪!选择第一帧,用“标尺工具”测量出宽度和高度,再点击菜单“图像——画布大小”输入宽度和高度像素值(要输入比测量出的值大出2像素及以上的整数值)。 制作动画5.2 把第一帧移动到第二帧后面,选择第一帧,点击“过滤动画帧”按钮,输入要添加的帧数值,比如制作30帧的动画 选择最后一帧,再点击“过滤动画帧”按钮,设置过滤方式为第一帧。 至此有轴、底纹背景动画最终效果如图
该文章转摘自-网页制作大宝库(www.dabaoku.com) - 原文链接:http://www.dabaoku.com/jiaocheng/donghua/ps/201008016583_2.shtml该文章转摘自-网页制作大宝库(www.dabaoku.com) - 原文链接:http://www.dabaoku.com/jiaocheng/donghua/ps/201008016583_2.shtml
-三. 制作卷轴的底纹背景3.1 新建图层重命名为“卷轴底纹-左”,按住“Ctrl”键点击“主景-左”图层“载入选区”。点击菜单“编辑——填充”填充图案,如图。 3.2 按“Ctrl+J”复制一层并重命名为“卷轴底纹-右”,点击菜单“编辑——变换——水平翻转”。选择“移动工具”移动左右卷轴底纹如图。 四. 制作卷轴动画(左边的)4.1 隐藏所有右边的图层和“图层1”(注,图层1已没有用到了,删除掉也可以)。 4.2 把“卷轴底纹-左”图层的模式设置为:正片叠底。 4.3 打开动画面板,复制一帧,移动左轴与“主景-左”右对齐,如图。
移动左卷轴底纹与“外轴-左”左对齐,如图。 4.4 把“卷轴底纹-左”图层移动到“外轴-左”图层上面,并点击菜单“图层——创建剪贴蒙版”。 〖可以测试下卷轴动画效果,设置过滤动画帧为30帧,如图。〗 制作主景展缩动画(左边的)4.5 选择第一帧、“主景-左”图层,按住“Ctrl”键点击“主景-左”图层“载入选区”。(要保持选择“主景-左”图层状态)点击菜单“图层——图层蒙版 ——显示选区”。4.6 选择第二帧,取消链接蒙版,选择图层蒙版,选择“移动工具”按“Shift”+“→”或“→”键,轻移图层蒙版,移到与“卷轴底纹-左”左对齐(就是移到看不见“主景-左”图层)。 到这里,左边的卷轴动画就制作好了。 4.7 制作右边的卷轴动画步骤与制作左边的相同,先显示所有右边的图层;隐藏所有左边的图层再制作。五. 裁剪画布大小方法5.1 注意:不能用“裁剪工具”来裁剪!选择第一帧,用“标尺工具”测量出宽度和高度,再点击菜单“图像——画布大小”输入宽度和高度像素值(要输入比测量出的值大出2像素及以上的整数值)。 制作动画5.2 把第一帧移动到第二帧后面,选择第一帧,点击“过滤动画帧”按钮,输入要添加的帧数值,比如制作30帧的动画 选择最后一帧,再点击“过滤动画帧”按钮,设置过滤方式为第一帧。 至此有轴、底纹背景动画最终效果如图
该文章转摘自-网页制作大宝库(www.dabaoku.com) - 原文链接:http://www.dabaoku.com/jiaocheng/donghua/ps/201008016583_2.shtml该文章转摘自-网页制作大宝库(www.dabaoku.com) - 原文链接:http://www.dabaoku.com/jiaocheng/donghua/ps/201008016583_2.shtml
Photoshop动画教程:几种逼真卷轴动画的制作方法(2)-photoshop动画-网页!
PS教你几款逼真卷轴画的制作方法
Photoshop打造美丽的动画圣诞贺卡
Photoshop制作个性文字动画
photoshop动画教程总汇
Photoshop制作下雨动画教程(2) - PhotoShop教程 - 新客网
Photoshop初学者实例教程:时间轴动画打造自转的地球
Photoshop CS5制作GIF动画的方法精解
[GIF动画][组图]Photoshop联合IR制作荷花盛开动画
Photoshop路径钢笔使用方法动画图解1
Photoshop制作粉红色个性文字动画
Photoshop打造星光闪烁动画效果
Photoshop制作标志中的扫光动画
如何用photoshop和imageready制作动画
如何用PhotoShop制作Gif动画
如何用PhotoShop制作Gif动画
设定帧过渡-Photoshop动画制作教程
Photoshop制作非常逼真的褶皱白纸
Photoshop滤镜制作逼真的砂土纹理
Photoshop制作逼真的雪景效果
Photoshop绘制逼真的玉佩教程
Photoshop快速制作一个逼真的足球
Photoshop:证件照的制作方法
教你卷轴动画的制作