卷轴动态图片PS制作教程[1]1

合集下载

如何制作卷轴

如何制作卷轴

经典卷轴展开动画效果制作
(图效)
一绘画篇卷轴
1 新建宽 300,高 120像索 RGB文件
2 用距形选框工具在图中拉出长方形,并选择渐变工具,属性设置如下
3 新建图层,按着shift銉在长方形选区中拉出渐变,并用1像索描边
4 继续用距形选框工具于上下两端拉出选区,填充黑色, 卷轴部分描绘完毕
5 按ctrl+J,得到两个卷轴,为方便操作分别命名为卷轴左,卷轴右
绘画篇卷体
1 新建图层,在卷轴两端之间选出距形区域,1像索描边
2 选择=>修改=>收缩10像索,并描边
3 以黄色填充图中部分
4 新建图层,再次用花纹图案填充该部份
5 将花纹图层改为叠加模式,卷体部分描绘完毕
二准备工作
1 在卷体中间打上字
2 将两个卷轴图层移到最上方,用白色填充(卷轴左) 左边所有区域,卷轴右亦然.如图:
三动画篇
1 切换至 ImageReady,复制第1帧,然后将卷轴左向左移动至合适位置,将卷轴右向右移动至合适位置
2 点击过渡,属性设置如下
3 将最后一帧设置为1.0秒。

收工。

制作卷轴动画的三种方法

制作卷轴动画的三种方法

保存:图片“存储为web和设备所用格式” 形式,*.gif格式。
(3)回到第一帧,建立运动动画 6、为了让画打开后停一会,在四层的第100 帧都按F5增加帧。然后测试保存。
• 1、新建图形元件:执行 插入—新建元件— 图形,文件名为“卷轴”(山水画)。 • 2、用矩形工具拖出一无边框矩形,点选矩 形,画出以浅蓝色填充的矩形框,其大小: 比山水画大,视觉上像是画布。
• 4、左轴层:新建图层3,从库中拖出图形元 件卷轴,可以利用任意变形工具,调整长 和高放在国画的左边,以刚压住画的左边 为宜。 •
• 5、右轴层: (1)新建图层4,从库中拖出图形元件卷轴, 可以利用任意变形工具,调整长和高放在 左轴的右边,注意调的比左轴细一些,与 左轴并排放。 (2)同时在这一层的第80帧 ,按F6,再按 同时按Shift和键盘上的向右方向键,把右轴 调到与画的右边对齐。 (3)回到第一帧,建立运动动画
2、国画层: 回到场景,导入一幅国画,在场景中锁定 图层。 3、遮照层: (1)新建图层2,利用矩形工具画一矩形, 正好覆盖下面的国画,第二层的第80帧按 F6加关键帧。
• (2)回到第一帧,点选矩形,在下面的属 性面板中,调整矩形的大小,高和国画相 同,宽为10。 (3)回到第一帧,建立变形 动画,看到出现绿地带箭头的线。选中这 一层,右键—遮照层。会看到国画层自动 的向右缩进一些。锁定图层2
• 4、打开PPT,插入素材图片
• 画出一个浅蓝色背景的矩形,比素材图片 稍大,把素材图片放上去。
• 5、把卷轴插入到图片上方如图:
效果
(二)用Ps制作卷轴动画
• 使用上述素材继续制作,打开photoshop, 新建一个1024*768像素的画布。 • 新建图层2,打开素材图片,用矩形工具画 一个矩形;有油漆桶工具填充浅蓝色。 • 打开素材图片(山水画),用移动工具把 山水画移到图层2上,形成图层3;用移动 工具把素材图片(山水画)调整到合适位 置。

怎样制作书法卷轴打开和收拢动画

怎样制作书法卷轴打开和收拢动画

怎样制作书法卷轴打开和收拢动画1、启动Flash。

2、制作卷轴展开动作:(1)将库中元件“轴”拖入场景,将该层命名为“左轴”。

新建一层,命名“右轴”。

将元件“轴”拖入该层,调整两个层中的轴并列于中央位置。

(2)在第90帧处点击右键“插入关键帧”,选择场景中的卷轴,将其移动到舞台的最左边。

点击第一帧,右键选择创建“传统补间”动画。

用同样的方法,设置“右轴”移动的动画。

3、制作纸张及铺开遮罩效果:(1)在最下面新建一图层,命名为“纸”。

(2)按照卷轴展开的位置画出矩形纸张(注意在纸与卷轴之间不要留有空隙),位置大小适当。

(3)在“纸”图层上新建一层,命名“遮罩纸”。

右键点击“遮罩层”,将该层设置为“遮罩层”。

用任意颜色画一宽度很窄的矩形,且要与纸同高。

将矩形“分离”,在第99帧处点击右键“插入关键帧”,并使用自由变换工具,将其宽度调整成纸的宽度,右键点击第1帧创建“形状补间”动画。

(4)Ctrl+Enter测试影片。

*4、制作卷轴收拢:(1)选择“左轴”图层,在130帧处插入关键帧。

再在170帧处插入关键帧,并将左轴移至中间起始处。

右击130帧设置“传统补间”动画。

(2)选择“右轴”图层,在130帧处插入关键帧。

再在170帧处插入关键帧,并将右轴移至中间起始处。

右击130帧设置“传统补间”动画。

(3)将“纸”图层延长至最后一帧。

(4)选择“遮罩纸”图层,在91帧插入空白关键帧,在130帧处插入关键帧,并将90帧处的遮罩图形(矩形)复制到这里。

再在150帧处插入关键帧,单击自由变换工具,将其缩小到位于左右两轴之间的一个很小宽度的矩形,右键点击第130帧创建“形状补间”动画。

*5、使用按钮控制动画:(1)新建一个“按钮”图层,在第90帧按F6插入关键帧,设置“停止”动作。

(2)将按钮元件拖到场景合适的位置,并给按钮设置转到91帧的动作—右击按钮,选择“动作”。

在“影片剪辑控制”中点击“on”,选择“release”。

用PS制作动态卷轴画

用PS制作动态卷轴画

用PS制作动态卷轴画分享分享是一种美德关闭动态卷轴画制作:1新建600X400,白色.然后按AIT+DELETE填充黑色2新建空白图层,选矩形选框工具,画个矩形,然后选择渐变:选铜色渐变,按住SHIFT键拉一个线性渐变:如图所示:3新建空白图层,用矩形选框工具在卷轴上方画个小矩形,然后选择渐变:选铜色渐变,按住SHIFT键拉一个线性渐变4新建空白图层,用椭圆选框工具在卷轴头上方画个椭圆,然后选择渐变:选铜色渐变,按住SHIFT键拉一个线性渐变,然后把图层3和图层2向下合并,(CTRL+E)只得到图层2,然后再把图层2与图层1调换一下图层位置。

如图所示:5点蓝图层2,按住SHIFT+ALT往下拉出一个卷轴头,再按CTRL+T调出它的自由变换,然后点右键垂直翻转。

如图所示:6把背景层眼睛关了,合并可见图层7按住SHIFT+ALT键,拉出另一根卷轴,往右面平移到合适位置8新建空白图层,在两根卷轴之间用矩形选框工具画个矩形,然后用吸管工具点卷轴上颜色比较浅的部分,然后按ALT+DELETE填充其颜色。

9滤镜——杂色——添加杂色:数量15,平均分布,单色打勾10选矩形选框工具在画布上画个矩形,给它描个2橡素的边,居中。

接着点选择——修改——收缩:15,按CTRL+D取消选择,以上如图所示:11把要放入的图片移动到做好的画布中,按CTRL+T调出它的自由变换,改变图片的大小,放到合适的位置。

然后向下合并图片的图层和画布的图层.如图所示:12把两根卷轴用移动工具放到中间,然后点蓝卷轴左的图层在画布上画个矩形填充个黑色,如图所示:然后点蓝卷轴右的图层在画布右面画个矩形填充黑色。

如图所示:13进入动画面板,复制第1桢,选中第2桢然后点移动工具按住SHIFT 键平移两根卷轴,把它们拉开到画布的两端。

如图所示:14选中第2桢点过渡桢:过渡上一桢,要添加的桢:15,点确定。

15点开桢面板的小三角,点选择全部桢,再点开小三角点拷贝桢,然后再点粘贴桢:在选区后粘贴,这样一共就有34桢,,选中18桢到34桢,接着再点反向桢,最后。

ps教程古典卷轴画缓缓展开GIF动画效果(转)

ps教程古典卷轴画缓缓展开GIF动画效果(转)

ps教程古典卷轴画缓缓展开GIF动画效果(转)ps教程古典卷轴画缓缓展开GIF动画效果(转)
先看效果图:
1.百度找一张转轴素材
2.然后就是打开,不用我说了吧~~
3.复制图层,
4.用钢笔勾出右边的卷轴。

如图:
5.Ctrl+Enter,选择,Ctrl+J复制,并命令其图层为"右卷轴"
6.取消选择,移动"右卷轴"最左方,按着Shift移动,这样,不会偏移。

此处一定记得,将"右卷轴"移到只可以看到卷轴的右边为止,左边不要有白色存在。

如图:
7.Ctrl+鼠标左击,选择"右卷轴"选区,Ctrl+Shift+I反选,填充为白色,如图:
8.将"右卷轴"移至与左卷轴重合的地方,如图:
9.打开动画面板,复制第一帧,选择第二帧,再选"右卷轴"图层,平移到,最初的地方。

如图:
10.再选择第一帧,点过渡,然后,根据图的大小,进行选择过渡的帖数,我这里就是50.
11.选择最后一帧,把延迟时间改为2秒,你就看到了
如果大家想加字什么的,可以自己加点,我这里,就不加了~~~ 打完收工,亲,你学会了么~~
最终效果!。

PS教你制作滚动的胶卷照片效果

PS教你制作滚动的胶卷照片效果

(PS&imageready)最终效果
首先打开PS,新建画布(ctrl+N)600*180像素
将背景填充为黑色,新建图层(ctrl+shift+N),选择矩形选框工具,按着shift键画一个小矩形选框,然后填充白色,取消选区ctrl+D
ctrl+alt+T复制变换,将白色小方块向后移动到合适的位置,然后按回车键确定,如图所示:
现在可以按住Ctrl+Alt+Shift 后连续按“T”就可以有规律地复制出连续的白色小方块。

(只按住Ctrl+Shift则只是有规律移动) ,完成了如下效果:
将刚才变换得到这些图层全部合并起来(也就是将白色小方块的层全部合并起来),然后按着alt键用鼠标拖动复制到下边,如图所示:
接下来就开始插入图片了,找好自己喜欢的照片或图片放进去,用ctrl+T 调整好图片的大小,放到合适的位置,如图所示:
还是用同样的方法,多放入几张照片或者图片,为了使图片能够对齐,可以拉两条参考线,如图所示:
然后将这些照片或图片图层全部合并,复制一份,将复制的这个图层移到最后边(移动到了画布的外面),然后再将这两个图层合并到一起
照片或图片都放好以后就开始做动画了,由于我用的是PS8.0的,所以需要导入在ImageReady中做动画,(如果你们用的8.0以上的版本就不用这一步了,可以直接在PS中把动画窗口打开编辑)
将动画时间调整为0.2秒,然后再插入一帧,选中刚才插入的那个图片层,用鼠标向前拖动,一直拖到最后
接着点击“过渡”插入过渡帧,过渡100帧
做到这里就已经完工了,现在你可以点击播放看一下效果了,然后存储,选择“文件”-“将优化结果存储为”存为gif格式就可以了。

卷轴动态图片PS制作教程

卷轴动态图片PS制作教程

先来看有轴、底纹背景动画的效果:制作方法:一. 复制主景1.1 打开要制作的图片,编辑好画布大小(注意宽度和高度不要过大,因为制作出的动画帧数很多,文件会非常大的)。

按“Ctrl+A”全选,“Ctrl+C”复制。

1.2 新建文件,宽度要比刚编辑好的图片大两倍以上,比如,460px要设置到1000px 左右;高度也要大的点,比如,200px要设置到300px左右。

按“Ctrl+V”粘贴刚刚复制的图片进去(注意,要粘贴居中,这样才方便制作后的裁剪)。

1.3 回到刚编辑的图片,点击菜单“图像——画布大小”,选择像素,设置宽度到原来的1/2,比如,460设置到230,定位如图。

全选、复制再粘贴到新建文件中,重命名为“主景-左”。

再回到刚编辑的图片,按“Ctrl+Shift+Z”两次取消历史记录,点击菜单“图像——画布大小”设置如图。

全选、复制再粘贴到新建文件中,重命名为“主景-右”。

移动主景左右两张图与“图层1”图重合,如示意图。

先保存一个备份文件“备份1.psd”,后面的例子会用到。

二. 绘制轴2.1 新建图层重命名为“外轴-左”,按住“Ctrl”键点击“主景-左”图层“载入选区”,选择“矩形选框工具”——“从选区减去”,减去右边的选区,如图。

设置好前景色和背景色,选择“渐变工具”——“对称渐变”,对选区进行渐变。

2.2 按“Ctrl+J”复制一层,按“Ctrl+T”自由变换,设置宽度和高度百分比值,如图。

重命名图层为“主轴-左”。

选择“圆角矩形工具”并设置选项参数。

在主轴上下两端画出路径,然后建立选区并进行渐变。

2.3 把“外轴-左”图层移到“主轴-左”图层上面,选择“外轴-左”和“主轴-左”图层,点击“链接图层”按钮。

2.4 把“外轴-左”和“主轴-左”拖到创建新图层按钮上复制,并重命名为“外轴-右”和“主轴-右”,如图。

2.5 移动“外轴-右”和“主轴-右”图层到右边如图。

再保存一个备份文件“备份2.psd”,后面的例子会用到。

卷轴制作

卷轴制作

1.设置图形动画插入一张图,调整到与页面等宽,右键点击选择“自定义动画”,在弹出窗口中单击“添加动画”,依次旋转“进入→其他效果”,在窗口中选择基本型下的“劈裂”。

后设置方向为“中央向左右展开”,速度为“非常慢”。

2.绘制卷轴图形画一个矩形并选中,单击“绘图”工具栏上的“填充颜色”,选择“填充效果”,在“渐变”选项卡下选中“预定”选项,从“预设颜色”下拉列表中选择“红木”,底纹样式选“垂直”。

(第四种变形)选中这个矩形后复制出另外三个矩形。

把两个矩形并列放在图片的正中,另外两个分别放置在图片的左右两侧。

3.设置卷轴动画选中在中间位置右侧的矩形,单击“添加动画”按钮,依次选择“退出→缓慢移出”,设置开始为“之前”,方向为“到右侧”,速度为“非常慢”。

选中在中间位置左侧的矩形,依次选择“退出→缓慢移出”,设置开始为“之前”,速度为“非常慢”,方向则改为“到左侧”。

4.显示静止卷轴把放在图片两侧的两个矩形组合起来,右键点击这个矩形组合,依次选择“叠放次序→至于顶层”。

选中矩形组合并单击“添加动画”按钮,依次点击“进入→其他效果”,在“添加进入效果”窗口中,选择基本型中的“出现”,并设置开始为“之前”。

单击新建动画项后面的下拉箭头,选择“计时”在“延迟”输入框中输入“4.5”点击“确定”完成设置,这可让动画延迟4.5秒,即在前面动画结束前0.5秒时出现。

为了配合卷轴的打开,最好右键点击页面选择“背景”,在下拉列表中依次选择“填充效果→纹理”,选中“有色纸”。

点击“播放”就可以看到一个卷轴慢慢展开的效果了!注意:上面的速度都可以自己根据需要设置时间,要展开的快点就把时间设置短点,要慢点就把时间设置长点!。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

先来看有轴、底纹背景动画的效果:
制作方法:
一. 复制主景
1.1 打开要制作的图片,编辑好画布大小(注意宽度和高度不要过大,因为制作出的动画帧数很多,文件会非常大的)。

按“Ctrl+A”全选,“Ctrl+C”复制。

1.2 新建文件,宽度要比刚编辑好的图片大两倍以上,比如,460px要设置到1000px 左右;高度也要大的点,比如,200px要设置到300px左右。

按“Ctrl+V”粘贴刚刚复制的图片进去(注意,要粘贴居中,这样才方便制作后的裁剪)。

1.3 回到刚编辑的图片,点击菜单“图像——画布大小”,选择像素,设置宽度到原来的1/2,比如,460设置到230,定位如图。

全选、复制再粘贴到新建文件中,重命名为“主景-左”。

再回到刚编辑的图片,按
“Ctrl+Shift+Z”两次取消历史记录,点击菜单“图像——画布大小”设置如图。

全选、复制再粘贴到新建文件中,重命名为“主景-右”。

移动主景左右两张图与“图层1”图重合,如示意图。

先保存一个备份文件“备份1.psd”,后面的例子会用到。

二. 绘制轴
2.1 新建图层重命名为“外轴-左”,按住“Ctrl”键点击“主景-左”图层“载入选区”,选择“矩形选框工具”——“从选区减去”,减去右边的选区,如图。

设置好前景色和背景色,选择“渐变工具”——“对称渐变”,对选区进行渐变。

2.2 按“Ctrl+J”复制一层,按“Ctrl+T”自由变换,设置宽度和高度百分比值,如图。

重命名图层为“主轴-左”。

选择“圆角矩形工具”并设置选项参数。

在主轴上下两端画出路径,然后建立选区并进行渐变。

2.3 把“外轴-左”图层移到“主轴-左”图层上面,选择“外轴-左”和“主轴-左”图层,点击“链接图层”按钮。

2.4 把“外轴-左”和“主轴-左”拖到创建新图层按钮上复制,并重命名为“外轴-右”和“主轴-右”,如图。

2.5 移动“外轴-右”和“主轴-右”图层到右边如图。

再保存一个备份文件“备份2.psd”,后面的例子会用到。

三. 制作卷轴的底纹背景
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帧的动画
选择最后一帧,再点击“过滤动画帧”按钮,设置过滤方式为第一帧。

选择最后一帧,再点击“过滤动画帧”按钮,设置过滤方式为第一帧。

至此有轴、底纹背景动画最终效果如图。

相关文档
最新文档