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

繁體 | 簡體

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) / 下载次数 1338
http://flash8.utmall.com/attachment.php?aid=1&k=5e8368a74d915174bc4e6ba01c3c739f&t=1782424979&sid=LWBc5L

图片附件: 2.jpg (2014-2-18 14:35, 25.17 KB) / 下载次数 1257
http://flash8.utmall.com/attachment.php?aid=2&k=ebd82e694548324121e215bc8d717caa&t=1782424979&sid=LWBc5L

图片附件: 3.jpg (2014-2-18 14:37, 60.73 KB) / 下载次数 1340
http://flash8.utmall.com/attachment.php?aid=3&k=1e26aee17a5c2fc58d6b4552ccf7fdab&t=1782424979&sid=LWBc5L

图片附件: 4.jpg (2014-2-18 14:38, 13 KB) / 下载次数 1291
http://flash8.utmall.com/attachment.php?aid=4&k=16f03c2b8d0edc0459589bf8dfa301c8&t=1782424979&sid=LWBc5L

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

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

图片附件: 7.jpg (2014-2-18 14:43, 59.68 KB) / 下载次数 1315
http://flash8.utmall.com/attachment.php?aid=7&k=08257ed6b4a772a55a3f5f13917ea461&t=1782424979&sid=LWBc5L

图片附件: 8.jpg (2014-2-18 14:43, 14.69 KB) / 下载次数 1306
http://flash8.utmall.com/attachment.php?aid=8&k=7726483605159cb5ddf00c72fba7b7f3&t=1782424979&sid=LWBc5L

图片附件: 9.jpg (2014-2-18 14:44, 19.23 KB) / 下载次数 1315
http://flash8.utmall.com/attachment.php?aid=9&k=911d630ad71308726b82160ffaa5e523&t=1782424979&sid=LWBc5L

图片附件: 10.jpg (2014-2-18 14:44, 16.72 KB) / 下载次数 1258
http://flash8.utmall.com/attachment.php?aid=10&k=69089548d8dc22a86f72937f468d76f6&t=1782424979&sid=LWBc5L

图片附件: 11.jpg (2014-2-18 14:45, 80.67 KB) / 下载次数 1281
http://flash8.utmall.com/attachment.php?aid=11&k=3fdcd8fa0c7e1226ec2f5c0993f5eb4a&t=1782424979&sid=LWBc5L

图片附件: 12.jpg (2014-2-18 14:45, 53.64 KB) / 下载次数 1311
http://flash8.utmall.com/attachment.php?aid=12&k=99435799396f057f73863feb65d2076a&t=1782424979&sid=LWBc5L

图片附件: 13.jpg (2014-2-18 14:46, 15.85 KB) / 下载次数 1267
http://flash8.utmall.com/attachment.php?aid=13&k=51f900904c12509af43762cafef76b93&t=1782424979&sid=LWBc5L

图片附件: 14.jpg (2014-2-18 14:47, 79.76 KB) / 下载次数 1277
http://flash8.utmall.com/attachment.php?aid=14&k=977d296aa4eab30898bd610097f4c71d&t=1782424979&sid=LWBc5L

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

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

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

图片附件: 18.jpg (2014-2-18 14:50, 15.47 KB) / 下载次数 1304
http://flash8.utmall.com/attachment.php?aid=18&k=45f0ee474a2de16edbfdb4b3f9b945b0&t=1782424979&sid=LWBc5L

图片附件: 19.jpg (2014-2-18 14:51, 15.97 KB) / 下载次数 1265
http://flash8.utmall.com/attachment.php?aid=19&k=eaf737c11d7d2e3740dd61409997f189&t=1782424979&sid=LWBc5L

图片附件: 20.jpg (2014-2-18 14:53, 17.1 KB) / 下载次数 1318
http://flash8.utmall.com/attachment.php?aid=20&k=038a8f6b5dd16cc47ea657158a02315d&t=1782424979&sid=LWBc5L

作者: 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://flash8.utmall.com/)