素材分享交流平台 » °。PS中级。° » 【装修教程】燕子教程：PS制作动态卷轴图（高级） 精华贴

  

【装修教程】燕子教程：PS制作动态卷轴图（高级） (11/437)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主： 雨づ燕

用户形象图片

本教程曾被QQ空间官方吧推荐并录用

 

效 果 图： 如下：

用户

 

Untitled-1  
 
在写教程之前先说下，一般制作动态卷轴画多用于文字图，不如自己制作一下文字图，先存起来，在放入你的卷轴图中。呵呵，我这就是这样的，先制作好了文字图，最终结果我同你们一样，也不知道的，下面一边制作一边写教程~ ­
 
 
   
（这是我将制作动态卷轴的图）  
 
 
步骤1：先在文件菜单新建透明文件（我建立的像素是500×300的，尺寸可自定），再导入你准备制作的图片，图片大小略小于透明图（图1），接着建立一个图层3（图2）。

     
      （图1）                     （图2）

步骤2：再用矩形选框工具在图层2图的左边框选一个长矩形（如图4），再用吸管工具在你的图中吸取图中主色，也可选深色（图3），使用渐变填充（图5）。

          
（图3）
  
             （图4）                                 （图5）
 
步骤3：再新建一个图层4，在用矩形在图层3的上方拉一个小矩形（图6），点击右键填充黑色（图7）再吸管吸取比长圆柱色浅一点的做渐变，也可自己在渐变色中选中一个搭配（图8），再复制图层4，出现图层4副本，将图层4副本移到图层3下方，见（图9）。

             
      （图6）        （图7）          （图8）     （图9）

雨づ燕 (466201061) 于 2009-07-20 13:53:51 对此贴进行了编辑
雨づ燕 (466201061) 于 2009-07-21 09:14:00 对此贴进行了编辑
雨づ燕 (466201061) 于 2009-07-21 22:23:48 对此贴进行了编辑
回到帖子顶部

回帖 引用 1楼[楼主] 雨づ燕

用户形象图片

步骤4：关闭图层2的眼睛（图10），在图层菜单点合并可见图层。现在只有两个图层了，一个图层

2，一个图层4副本，给这两个图层换名，点图层菜单-图层属性里，把图层2换为图层1，把图层4副本换为图层2（图11）。

      
          （图10）                      （图11）

步骤5：连复图层2两次，关掉图层1与图层2的眼睛，选中图层2副本，用移动工具把图层2副本向右移动（图12），接着，选中图层2副本2，点图层菜单-向下合并（图13）。

         
     （图12）                （图13）合并后效果


步骤6：再把合并后的图层2副本改名为动画1，改好后把动画1拖到图层1下面（图14）。

  
    （图14）

步骤7：复制图层1一次，复制图层2两次（图15），再关闭图层1和图层2的眼睛，选中图层2副本，用

移动工具把图层2副本向右移动（图16），（注：移动的位置大约离动画1稍离一点），再关闭动画1

眼睛（动画1眼睛开始没关就是让你看到移动位置）。

  
       （图15）                   （图16）
 

步骤8：在图层菜单里，给图层1副本（选中)添加图层蒙板（图17），在工具栏把前景色变为黑色，选画笔工具，把主直径调到100像素（图18），再在图层1副本上涂抹（图19），再按住Ctrl键，右手按

鼠标点图层1副本，用鼠标左键按住图层蒙板扔进垃圾箱（图20），当你扔的同时，会有这个提示（图21），你点应用就行了。再在选择里去掉点取消全选，现在的图层(图22)显示。

回到帖子顶部

回帖 引用 2楼[楼主] 雨づ燕

用户形象图片


       
      （图17）                     （图18）        （图20）
  
                （图19）
    
                    （图21）                         （图22）

步骤9：合并可见图层（也就是现在图层调板上，眼睛开的是图层1副本、图层2副本和图层2副本2），并后图层是图层1副本，改名为动画2，把动画2移到动画1上面。


步骤10：不断地重复步骤7、步骤8、步骤9，等到一张图全移动完得到结果（图23），删除图1图2，进入动画编辑，点击按图层建立帧（图24），刚好与图层相符，我这是16帧，应该是第一帧对第一图层默

认的，也许也会出现差错，反正你看好，第一帧对第一图层，其它眼睛关闭，相对应就行，设置帧时间为0.1秒，最后一帧设2秒，最后将优化结果储存就OK了~

    
（图23）
  
   （图24）
原创教程，盗版必究
回到帖子顶部

回帖 引用 3楼.×. .﹎纭,.

用户形象图片

点这里:↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
http://www.meituxiuxiu.cn/497440019_%E2b%D9%BC.html
超级简单弱智都会的P图软件`把你朋友P的多傻X都行喔
回到帖子顶部

回帖 引用 4楼︻戀の臭佬大

用户形象图片

为什么我的第一帧总是弄不好，卷轴老是要往后跳动一下，然后再跳到第一帧，再继续播放，不像燕子老师的是打开卷轴从卷轴的位置开始播放，卷轴并没有动。是前面的动画一没有弄对位置么。
回到帖子顶部

回帖 引用 5楼[楼主] 雨づ燕

用户形象图片

这个教程是有点难度
关键是细心
只要你根据每一步骤
应该能制作成功

记得我在写这教程时
完成凭记忆写的
当时不知道有没有漏洞
后来发现好多人制作成功并交上了作业
我想教程没问题了
回到帖子顶部

回帖 引用 6楼 妳、嬌__氣

用户形象图片

不错啊 支持 可以做个朋友吗？ 美女。。。
回到帖子顶部

回帖 引用 7楼缺1份安定

用户形象图片

        感觉画轴两端 弄成弧形好点 
回到帖子顶部

回帖 引用 8楼华山论剑

用户形象图片

不错吗真要好好跟燕子老师请教呀。
回到帖子顶部

回帖 引用 9楼华山论剑

用户形象图片

燕子老师你能把PS图像制作传上，可不可以能把CoerlDRAW素材能够上传好样我D搞平面设计有好好的学习和交流。
回到帖子顶部

回帖 引用 10楼、罙薆沵．〆

用户形象图片



做得不好。。
回到帖子顶部

回帖 引用 11楼[楼主] 雨づ燕

用户形象图片

楼上的，你制作的步骤是对的，只是细节没掌握好：1、在每层涂抹的时候一定涂抹干净；2、保存时应该设置透明、随样性、参数256即可
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错！
  • 精华好文！
  • 支持原创文章！
  • 帖子图文并茂，好！
  • 真知灼见，说得好！
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清？换一张(不区分大小写)
[完成后按Ctrl+Enter发表]
[回复须知]