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

繁體 | 簡體

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) / 下载次数 1150
http://flash8.utmall.com/attachment.php?aid=1&k=7ee4b613527f0c324105219fa42dc9bd&t=1765149732&sid=87b6ff

图片附件: 2.jpg (2014-2-18 14:35, 25.17 KB) / 下载次数 1090
http://flash8.utmall.com/attachment.php?aid=2&k=23c269ba155af9aeb9eb0f4732c93f70&t=1765149732&sid=87b6ff

图片附件: 3.jpg (2014-2-18 14:37, 60.73 KB) / 下载次数 1179
http://flash8.utmall.com/attachment.php?aid=3&k=d53f74fccec399c49b9fc088ed9e4a91&t=1765149732&sid=87b6ff

图片附件: 4.jpg (2014-2-18 14:38, 13 KB) / 下载次数 1106
http://flash8.utmall.com/attachment.php?aid=4&k=42eb3d766cadfee5c53912a294beb447&t=1765149732&sid=87b6ff

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

图片附件: 6.jpg (2014-2-18 14:42, 13.6 KB) / 下载次数 1142
http://flash8.utmall.com/attachment.php?aid=6&k=92bce474255a793a1385c3f9cd849a6e&t=1765149732&sid=87b6ff

图片附件: 7.jpg (2014-2-18 14:43, 59.68 KB) / 下载次数 1139
http://flash8.utmall.com/attachment.php?aid=7&k=ba0a4bcc14fba5ac986b4eabb4730f84&t=1765149732&sid=87b6ff

图片附件: 8.jpg (2014-2-18 14:43, 14.69 KB) / 下载次数 1116
http://flash8.utmall.com/attachment.php?aid=8&k=530bd487c3d4a41770eaefa084475d30&t=1765149732&sid=87b6ff

图片附件: 9.jpg (2014-2-18 14:44, 19.23 KB) / 下载次数 1139
http://flash8.utmall.com/attachment.php?aid=9&k=6e6006e9621d586208b0afe0a35035a6&t=1765149732&sid=87b6ff

图片附件: 10.jpg (2014-2-18 14:44, 16.72 KB) / 下载次数 1070
http://flash8.utmall.com/attachment.php?aid=10&k=703b1f702db7093de829a40bdff9102b&t=1765149732&sid=87b6ff

图片附件: 11.jpg (2014-2-18 14:45, 80.67 KB) / 下载次数 1097
http://flash8.utmall.com/attachment.php?aid=11&k=08b855588716134acf2e403dea1a34b5&t=1765149732&sid=87b6ff

图片附件: 12.jpg (2014-2-18 14:45, 53.64 KB) / 下载次数 1107
http://flash8.utmall.com/attachment.php?aid=12&k=167315a3fe5cf8d65c9cb84cd21bc0ea&t=1765149732&sid=87b6ff

图片附件: 13.jpg (2014-2-18 14:46, 15.85 KB) / 下载次数 1093
http://flash8.utmall.com/attachment.php?aid=13&k=1269d05c89293fc1e2c491ee33141fd0&t=1765149732&sid=87b6ff

图片附件: 14.jpg (2014-2-18 14:47, 79.76 KB) / 下载次数 1075
http://flash8.utmall.com/attachment.php?aid=14&k=9084f7b9fb96c9bc109e36248e3bbad8&t=1765149732&sid=87b6ff

图片附件: 15.jpg (2014-2-18 14:48, 17.39 KB) / 下载次数 1065
http://flash8.utmall.com/attachment.php?aid=15&k=2025ac3ce39765befade63c3aead7a4c&t=1765149732&sid=87b6ff

图片附件: 16.jpg (2014-2-18 14:49, 14.26 KB) / 下载次数 1177
http://flash8.utmall.com/attachment.php?aid=16&k=3d67c0179bbc24c059781ec49993623b&t=1765149732&sid=87b6ff

图片附件: 17.jpg (2014-2-18 14:50, 16.84 KB) / 下载次数 1093
http://flash8.utmall.com/attachment.php?aid=17&k=0048d8fed2a451cc08ff2c56a3782376&t=1765149732&sid=87b6ff

图片附件: 18.jpg (2014-2-18 14:50, 15.47 KB) / 下载次数 1104
http://flash8.utmall.com/attachment.php?aid=18&k=ac2891870e5389eaa60749ce10d9b090&t=1765149732&sid=87b6ff

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

图片附件: 20.jpg (2014-2-18 14:53, 17.1 KB) / 下载次数 1129
http://flash8.utmall.com/attachment.php?aid=20&k=b569ec3919aea5dbddf9327a98503783&t=1765149732&sid=87b6ff

作者: 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/)