自由动画制作论坛【教程】图片【视频】交流

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

标题: 【原创】用FLASH打造类似地狱边境效果。 [打印本页]

作者: 口罩易拉罐 时间: 2014-2-18 14:56 标题: 【原创】用FLASH打造类似地狱边境效果。

此贴本人原先最早发在百度FLASH贴吧。本人ID见图片右下角。
  一晃过去一年多了，当时本人还是个留校工作的小角色呢（不过现在还是个小角色）

  废话不多说，直接复制黏贴了。

关键词：flash 地狱边境影片剪辑滤镜

  某最近整理电脑的时候发现了深藏在硬盘中去年（现在应该说是前年）夏天下载的一款益智类游戏《地狱边境》，虽然已经通关（难度不大），但是一直舍不得删除，盖因此游戏风格另类，尤其黑白灰的画风让某是过目难忘，于是突发奇想：能否用FLASH做出此种风格的小动画呢，心动不如行动，某试了试，发现可行且难度不大。深思熟虑之下打算开贴交流（或许有人有别的方法也算是讨教一二）先上游戏截图

由此图可见，游戏画面为黑白灰的基调。且画面朦胧，景深较浅，仿佛置身于迷幻丛林中，些许诡异，朦胧的质感将气氛烘托得恰到好处。（游戏画面介绍到这里了，有需要交流游戏技巧的可以私下找我）（估计现在我也忘得差不多了）

本人使用的FLASH版本为FLASH8

首先是对画面进行分析。

稍微解释下，某做flash比较在意图层关系。而且此次画面比较注重景深，那事先的分析（原创的时候就是事先构思）就显得尤为重要。插下题外话，无论做什么事情，事先的构思非常重要，所谓万事俱备只欠东风，先把万事搞定了，那么后面的工作就非常容易了。

打开FLASH，新建FLASH文档。
新建三个图层，分别命名为“前景”“中景”“远景”加上原来的图层一“背景”我们现在有了四个图层

图层顺序我就不解释了，大家应该清楚。
我是先从远景开始绘制的。用的是线条工具。点选远景图层

渣技术，海涵

将此图形转换成影片剪辑原件。（注意是影片剪辑）
接着继续绘制，将远景绘制完毕。（你可以一次画完，某打算微调，所以就一棵树一棵树的画了。）

接着绘制中景（这里某改变了背景色）

前景草地

然后显示全部图层

接着稍微修改下颜色，由近及远，颜色由深到浅。大致如下

接着，某在背景层新建了渐变图块，模拟背后光源。

同样的将图块转换成影片剪辑。
全部可见如下

接下来就是今天主要要交代的方法了，使用滤镜。某是从前景开始调整的。
解锁前景图层（提一下，前面每画完一个图层就将它锁上，然后关闭可见，需要时再打开，这样比较方便。）
选中前景陆地，点选属性面板中的滤镜，添加模糊滤镜。

3左右，品质调成高。

然后锁定前景图层，解锁中景图层，中景图层就是我们要清晰显示的举例，这里某将模糊设置为1-3之间。然后就是越远的越模糊，数值某就不提供了，大家自己揣摩。

要是做得很精细的话还是可以进一步细化的，某由于在上班就不一一改过了，有兴趣的朋友可以自己发挥。
然后，解锁前景图层，选中陆地，添加发光滤镜。（这是为了给陆地带上朦胧的白色）

效果如下

根据个人喜好，将剩下的树木也适当的打上边缘发光，模糊处理，效果如下:

最后上完成图。

虽然和原作不是很像，比如噪点什么的都没有加上去，还有一些美工方面的缺陷，但是好歹算是模仿了个样子，我有用这种方式做过动画，基本上都还好，就是播放的时候遇到一些问题，不知道是不是本人电脑渣配置的缘故，有兴趣的话可以联系我，如果人多咱就发上来给各位瞧瞧，嘿嘿，见笑了。

图片附件: b413632762d0f7031fedc22a08fa513d2797c5ed.jpg (2014-2-18 14:32, 13.5 KB) / 下载次数 999
http://www.flash8.utmall.com/attachment.php?aid=1&k=2e0333f8554960ee156e36ca7f5ea1a9&t=1757204321&sid=bLNW1I

图片附件: 2.jpg (2014-2-18 14:35, 25.17 KB) / 下载次数 942
http://www.flash8.utmall.com/attachment.php?aid=2&k=3d4b0827a1a581d22e54a5a6fc513bba&t=1757204321&sid=bLNW1I

图片附件: 3.jpg (2014-2-18 14:37, 60.73 KB) / 下载次数 1025
http://www.flash8.utmall.com/attachment.php?aid=3&k=557cdae0a8bfdbf2ed05aadb0f60cb07&t=1757204321&sid=bLNW1I

图片附件: 4.jpg (2014-2-18 14:38, 13 KB) / 下载次数 960
http://www.flash8.utmall.com/attachment.php?aid=4&k=fb18b369252d616340ed92fb92b9030c&t=1757204321&sid=bLNW1I

图片附件: 5.jpg (2014-2-18 14:41, 45.27 KB) / 下载次数 968
http://www.flash8.utmall.com/attachment.php?aid=5&k=2ba74a5e2b6abbfde8338893d6645745&t=1757204321&sid=bLNW1I

图片附件: 6.jpg (2014-2-18 14:42, 13.6 KB) / 下载次数 990
http://www.flash8.utmall.com/attachment.php?aid=6&k=d2b123568748d3f69d1b3c899185c73b&t=1757204321&sid=bLNW1I

图片附件: 7.jpg (2014-2-18 14:43, 59.68 KB) / 下载次数 988
http://www.flash8.utmall.com/attachment.php?aid=7&k=851877aa7be7643aaee426433ed9228b&t=1757204321&sid=bLNW1I

图片附件: 8.jpg (2014-2-18 14:43, 14.69 KB) / 下载次数 967
http://www.flash8.utmall.com/attachment.php?aid=8&k=1878fd59129f19fd86c4ad38ca8b1469&t=1757204321&sid=bLNW1I

图片附件: 9.jpg (2014-2-18 14:44, 19.23 KB) / 下载次数 985
http://www.flash8.utmall.com/attachment.php?aid=9&k=5ece41168457b3de4b537b06ce86391e&t=1757204321&sid=bLNW1I

图片附件: 10.jpg (2014-2-18 14:44, 16.72 KB) / 下载次数 914
http://www.flash8.utmall.com/attachment.php?aid=10&k=c033d203363ba5baa599a4557405e9ce&t=1757204321&sid=bLNW1I

图片附件: 11.jpg (2014-2-18 14:45, 80.67 KB) / 下载次数 944
http://www.flash8.utmall.com/attachment.php?aid=11&k=fe3dc572a768678fa437bb5bd0374bb2&t=1757204321&sid=bLNW1I

图片附件: 12.jpg (2014-2-18 14:45, 53.64 KB) / 下载次数 957
http://www.flash8.utmall.com/attachment.php?aid=12&k=a61a89d1dbd32857b02fa6ee3724c313&t=1757204321&sid=bLNW1I

图片附件: 13.jpg (2014-2-18 14:46, 15.85 KB) / 下载次数 930
http://www.flash8.utmall.com/attachment.php?aid=13&k=04c6e413ea9e6f910e9a04b3a6480695&t=1757204321&sid=bLNW1I

图片附件: 14.jpg (2014-2-18 14:47, 79.76 KB) / 下载次数 919
http://www.flash8.utmall.com/attachment.php?aid=14&k=5b9e98dc7a6fd6e906752569a4825697&t=1757204321&sid=bLNW1I

图片附件: 15.jpg (2014-2-18 14:48, 17.39 KB) / 下载次数 910
http://www.flash8.utmall.com/attachment.php?aid=15&k=dcc40419586bbee9792c8ca8357c9e25&t=1757204321&sid=bLNW1I

图片附件: 16.jpg (2014-2-18 14:49, 14.26 KB) / 下载次数 1016
http://www.flash8.utmall.com/attachment.php?aid=16&k=2be01da5561fb0ba326451e1f5b04bf9&t=1757204321&sid=bLNW1I

图片附件: 17.jpg (2014-2-18 14:50, 16.84 KB) / 下载次数 937
http://www.flash8.utmall.com/attachment.php?aid=17&k=bc0fb2b309e29fcc36487c091fa890c8&t=1757204321&sid=bLNW1I

图片附件: 18.jpg (2014-2-18 14:50, 15.47 KB) / 下载次数 942
http://www.flash8.utmall.com/attachment.php?aid=18&k=db5b27cb499aaddb018c6f5124c9c244&t=1757204321&sid=bLNW1I

图片附件: 19.jpg (2014-2-18 14:51, 15.97 KB) / 下载次数 929
http://www.flash8.utmall.com/attachment.php?aid=19&k=745c4ba05fc3db803c4a1d977c9b609d&t=1757204321&sid=bLNW1I

图片附件: 20.jpg (2014-2-18 14:53, 17.1 KB) / 下载次数 972
http://www.flash8.utmall.com/attachment.php?aid=20&k=f5ece2f3b944d08d101c17567edc6f40&t=1757204321&sid=bLNW1I

作者: flash8 时间: 2014-2-19 06:12

滤镜功能，很棒的效果！以前还真没见到，很好的教学帖

作者: 口罩易拉罐 时间: 2014-2-19 10:01

:$ 见笑了。我只是个新手。回复 2# flash8

作者: 火龙神 时间: 2014-2-20 12:54

学习学习再学习，感谢分享。

作者: 我叫小武 时间: 2014-3-1 14:20

学习

作者: 龙脊 时间: 2014-7-16 23:24

楼主大大厉害让我抱大腿！

作者: 北去候鸟 时间: 2016-7-22 06:49

提示: 作者被禁止或删除内容自动屏蔽

欢迎光临自由动画制作论坛【教程】图片【视频】交流 (http://www.flash8.utmall.com/)