登陆

国内优质的
素材站点

当前位置: 首页  >  文档教程  >  PS制作卷轴动画:轴透明背景图像

PS制作卷轴动画:轴透明背景图像

版权信息:站内会员所分享的全部“资源/素材”,仅供学习与参考,版权为原作者所有。
绘艺素材素材站-推荐您购买100%正版素材

格 式:
更新时间:2015-01-22 13:47
素材模式:免费
描述:
PS制作卷轴动画:轴透明背景图像
先看单层图片效果图:
多层图片效果图:
制作步骤:
一、复制主景
1、打开要制作的图片,制作好图片的大小(如460X230像素),按“Ctrl+A”全选,按“Ctrl+C”复制。
2、新建一个文件,宽度要比刚设计好的图片大2倍以上,比如,460PK要设置到1000PK左右;高度也要大点,比如,200PK要设置到300PK左右;按“Ctrl+V”粘贴刚才复制的图片进去,注意居中,方便后面剪裁。
3、回到刚编辑的图片,点菜单“图像——》画布大小”,选择像素,设置宽度为原来的1/2,比如,460设置为230,定位如图。
4、全选、复制,再粘贴到新建文件中,重命名为“主景-左”;再回到刚编辑的图片,点两次“编辑——》后退一步”,恢复背景原图,又点菜单“图像——》画布大小”,设置如下图,并确定。
5、全选、复制,再粘贴到新建文件中,重命名为“主景-右”;移动主景左右两张图与“图层1”图重合为止。
先保存一个备份文件“备份1、PSD”,后面的例子会用到。
二、绘制轴
6、新建一图层重命名为“外轴-左”,选择矩形选框工具画一矩形,按住Ctrl键点击图层“主景-左”“载入选区”,又选择“矩形选框工具”——》从选区减去,减去右边的选区,如下图。
7、设置好前景色和背景色,用矩形工具在左轴的位置画一个长方形,再选择“渐变工具”——》对称渐变,鼠标点在刚画的矩形框中向右拉一下,让选区的渐变显示出来。
8、按Ctrl+J 复制一层,再按 Ctrl+T自由变换,参考下图设置宽度和高度百分比数值(即复制的卷轴两头凸出)。
9、将新图层重命名为“主轴-左”,选择“圆角矩形工具”,在画轴上下两端画出路径,然后进行渐变(即制作卷轴顶端圆角头);添加杂色:“滤镜——》杂色——》添加杂色,10%”。
10、把“外轴-左”图层移到“主轴-左”图层上面,选择“外轴-左”和“主轴-左”图层,点击“链接图层”按钮。
11、把“外轴-左”和“主轴-左”拖到创建新图层按钮上复制,并重命名为“外轴-右”和“主轴-右”,如下图。
12、移动“外轴-右”和“主轴-右”图层所在画轴到背景图的右边。
 注意:再备份一个文件为“备份2、PSD”,后面举例要用到。
三、轴透明背景图的制作
13、打开备份2、PSD,选择“外轴-左”图层,点菜单:图像——》调整——》色相/饱和度,设置饱和度为“—60”;图像——》调整——》亮度/对比度,设置对比度为“50”,“外轴-右”也同样设置。
14、复制“主景-左”和“主景-右”两图层,并把“主景-左副本”移到“外轴-左”上面;把“主景-右副本”移到“外轴-右”上面,并隐藏图层1,检查图层如下图排列。
15、选择“主景-左副本”,点菜单:编辑——》变换——》水平翻转;“主景-右副本”同样执行“水平翻转”。
16、按住“Ctrl+Shift”键,点击“外轴-左”图层,再点击“外轴-右”图层“载入选区”。选择“主景-右副本”图层,按“Delete”键删除选区;同样删除“主景-左副本”、“主景-右”、“主景-左”图层选区。【图中左右外轴只是隐藏起来,并未删除】
17、先制作左边动画,隐藏所有右边的图层;移动“外轴-左”与“主景-左”左对齐;把“主景-左副本”移到“外轴-左”的左边对齐;同样移动右边动画的图层,见下图。
18、把“主景-左副本”图层的模式改为“正片叠底”;同样把“主景-右副本”图层的模式也改为“正片叠底”。
 注意:再备份一个文件为“备份3、PSD”,后面举例要用到。
19、打开动画面板,复制一帧;把“主轴-左”移到“主景-左”的右边,如下图1;把“主景-左副本”移到“外轴-左”的右边,如下图2。
20、图层面板:把“主景-左副本”图层移到“外轴-左”图层上面,然后点菜单:“图层——》创建剪贴蒙版”。
21、至此,轴透明背景图已经完成,测试一下效果,设置过渡帧为15帧,如下图;测试好重新退回动画图层2帧。
四、制作主景展缩动画(左边半幅)
22、选择第一帧对应“主景-左”图层,按住Ctrl 键点击“主景-左”图层“载入选区”,继续保持选择“主景-左”图层,点菜单:“图层——》图层蒙版——》显示选区”。
23、选择第二帧,取消链接蒙版(鼠标点一下链接符号即可),选择图层蒙版,选择移动工具,按“Shift”+“—>”或“—>”键,轻移图层蒙版,移到与“主景-左副本”左对齐(就是移到看不见“主景-左”图层)。
五、裁剪画布大小
     裁剪画布大小不能用“裁剪工具”来完成!点菜单:图像——》画布大小——》输入宽度和高度像素值(要输入比实际值大出2个像素以上的整数值)。
六、制作动画
     把第一帧移动到第二帧后面,添加一帧,设置每帧播放时间为0.2秒;选择第二帧,点“过渡动画帧”按钮,过渡上一帧,第一次过渡帧为14帧,第16帧播放时间设为2秒(展幅完整);然后选择最后一帧,再点“过渡动画帧”按钮,过渡方式为“上一帧”,这一次过渡帧为13帧(总数为30)。
     注:要对动画进行优化(双击图层面板“优化”选项)。可以减少颜色或者减小尺寸和帧数来达到目的。在“优化”面板将“透明区域”打钩;颜色框中选中档的不要太高(如数值“64”),因为有的网站超过500K就上传不了。最后,按组合键Ctrl+Ait+S把动画存盘(gif格式)。
     至此,轴透明背景动画制作全部完成,试看另一种效果:

 
本周最热素材推荐
  • 翅膀符号大全
  • 带翅膀符号的网名
  • 带翅膀的人形天使符号图案
  • 用符号组成有翅膀的神
  • 2014好看的桃心符号大全
  • 带翅膀的天马符号图案
 绘艺素材素材站所有作品部分为用户自行上传分享并拥有版权或使用权,全站素材仅供网友学习交流,版权归原作者所有。
相关搜索标签
反馈