photoshop制作古画卷轴展开图动画

时间:2011/12/10 21:09:14  作者:左手剑客  来源:守望~幸福  查看:10146  评论:0
内容摘要:先看动画效果:制作方法:  一. 准备素材  1.1 photoshop打开图片,编辑好画布大小按“Ctrl+A”全选,“Ctrl+C”复制。(提示:图片不要过大,否则制作出来的动画文件会...




先看动画效果:
photoshop制作古画卷轴展开图动画
制作方法:

  一. 准备素材

  1.1 photoshop打开图片,编辑好画布大小按“Ctrl+A”全选,“Ctrl+C”复制。(提示:图片不要过大,否则制作出来的动画文件会很大,不利于网页展示)。

photoshop制作古画卷轴展开图动画

可在图片上打上自己喜欢的字

1.2 新建文件,宽800px,高400px(宽度要比刚编辑好的图片大两倍以上),按 “Ctrl+V”粘贴刚刚复制的图片进去,把新增的图层命名为“主景”.(注意,要粘贴居中,这样才方便制作后的裁剪)。
.photoshop制作古画卷轴展开图动画
1.3 回到刚编辑的图片,点击菜单“图像——画布大小”,选择像素,设置宽度到原来的1/2,比如,300设置到150,定位如图。

photoshop制作古画卷轴展开图动画        photoshop制作古画卷轴展开图动画
按“Ctrl+A”全选,“Ctrl+C”复制。再粘贴到新建文件中,重命名为“主景-左”。再回到刚编辑的图片,按“Ctrl+Shift+Z”两次取消历史记录,点击菜单“图像——画布大小”设置如图。
photoshop制作古画卷轴展开图动画          photoshop制作古画卷轴展开图动画
全选、复制再粘贴到新建文件中,重命名为“主景-右”。移动主景左右两张图与“图层1”图重合。

        二. 绘制卷轴

  2.1 新建图层,重命名为“外轴-左”,先选中“主景-左”,然后执行操作: 图层--载入选区,选择“矩形选框工具”——“从选区减去”,减去右边的选区,如图。


photoshop制作古画卷轴展开图动画       photoshop制作古画卷轴展开图动画       photoshop制作古画卷轴展开图动画

设置好前景色和背景色,选择“渐变工具”——“对称渐变”,对选区进行渐变。
photoshop制作古画卷轴展开图动画   photoshop制作古画卷轴展开图动画      photoshop制作古画卷轴展开图动画

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


photoshop制作古画卷轴展开图动画
photoshop制作古画卷轴展开图动画
重命名图层为“主轴-左”。选择“圆角矩形工具”并设置选项参数。在主轴上下两端画出路径,然后建立选区并进行渐变。

photoshop制作古画卷轴展开图动画   photoshop制作古画卷轴展开图动画
photoshop制作古画卷轴展开图动画     photoshop制作古画卷轴展开图动画 
2.3 把“外轴-左”图层移到“主轴-左”图层上面,选择“外轴-左”和“主轴-左”图层,点击“链接图层”按钮。


photoshop制作古画卷轴展开图动画     photoshop制作古画卷轴展开图动画
2.5.移动“外轴-右”和“主轴-右”图层到右边如图。
photoshop制作古画卷轴展开图动画
        三. 制作卷轴的底纹背景

  3.1 新建图层,命名为“卷轴底纹-左”,先选中“主景-左”,然后执行操作: 图层--载入选区,i重新选中“卷轴底纹-左”,点击菜单“编辑——填充”填充图案,如图
photoshop制作古画卷轴展开图动画


photoshop制作古画卷轴展开图动画


3.2 按“Ctrl+J”复制一层并重命名为“卷轴底纹-右”,选中“卷轴底纹-右”,点击菜单“编辑——变换——水平翻转”。选择“移动工具”移动左右卷轴底纹如图。

photoshop制作古画卷轴展开图动画


四. 制作卷轴动画(左边)

  4.1 隐藏所有右边的图层和“主景”(注,主景已没有用到了,删除掉也可以)。










































 


相关评论

图库精选