使用image lingo制作模拟刮胡子

蓝天白云有草原

蓝天白云有草原

2016-03-18 15:34

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是使用image lingo制作模拟刮胡子,一起来学习了解下吧!

    Director 8 相对于 director 7 有很多增量型的改动,其中对于 lingo 程序员来说,最引人注目的就是增加了相关的 image lingo 指令。有了它,我们可以做很多以前用 director 7 所无法做到的效果,例如你可以自己编写一些 transition 过渡效果,还有你还可以编写类似于 photoshop 的滤镜效果。这也进一步体现出 director 相对于 Flash 的优势所在--即:对于位图的强大处理能力。在这里我们将领略一下新增加的 image lingo 命令带来的强大功能。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

  有很多人在论坛上讨论 director 与 flash 孰优孰劣,无论是国内论坛还是国外讨论组,情况都是相同的。双方的拥护者都尽可能的说服对方自己喜欢的软件是最棒的,其实在很多情况下这种争论是没有任何意义的。我本人两种软件都使用,我喜欢用 flash 来做简单的动画角色,然后导入 director ,而不是象以前那样全部在 director 中做 film loop 动画。做动画方面, director 确实不如 flash, 但是我还是喜欢使用 lingo 来编写程序。所以我不会象一个真正的 flasher ("闪客")那样不停的发掘 flash 的潜力来做出一切效果(尽管有的效果做出来很勉强,或是效率太低,性能较差)。 最近我通过做一个剃须刀演示项目,进一步验证了 director 在处理点阵图像方面的确优于 flash。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

  其实这个项目很简单: 通过在网页中拖动剃须刀,将一个的人的面部胡须刮干净。

  这个项目最开始的想法是用 flash 来做。我们的 flash 技术人员最开始的想法是,将这个人脸部胡须部分的照片图案(矩形区域),细致切分,然后将同一个人的脸部没有胡须的照片(为了达到头部图案完全吻合,我们是在同一张照片上通过 photoshop 做添加胡子的处理)同样分割为很多相同的小块,然后作为元素导入 flash。这样有胡须的部分分为很多小块,导入 flash ,然后相同的无胡须的部分也分为相同个数的小块导入 flash ,然后将对应的每一个小块做一个 MC.

  这个 MC 的第一帧放置有胡须的切块图案,第二帧放置无胡须的切块图案,mc 的第一帧放置 stop action, 当鼠标 over 的时候,让这个 mc 跳动到第二帧没有胡须的小切块。这样,当用剃须刀做的 mc 替代鼠标后,当它滑动到这些MC(有胡须的小切块图案)的时候,他们就会跳到图老师相应第二帧(也就是没有胡须的小切块图案),这样就可以完成刮胡子的演示了。

  方法是很简单的: 但是实际做起来却出现了如下的问题。

  1:通常这样的切图文件必须非常细,才可以满足客户的要求,然后切图越细致就意味在 flash 中要作更多的 mc 和 symbol。 这样不但增加了文件的大小,而且也使得文件运行特别慢。

  2:由于这种方法制作的切图大小是开始定好的,如果希望将切块更加细分的话,你必须从新切图和导入。必须重复劳动。

  3:这种方法制作 swf 文件通常比 director 制作的 dcr 文件大不少(至少是一倍)。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

  而采用 director 8 的 image lingo 指令,你可以完全的避免上述问题。

制作方法如下:

  所需的素材:

  一张没有刮胡子的照片位图,和一张同一个人刮完胡子的照片位图。(为了版权问题,我将脸部部分去掉,保留胡须部分的位图图案。)见图如下:

  

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

图形 1 face.jpg           图形2 faceoff.jpg

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

  接着我们开始介绍程序部分,这段程序非常的短小,核心部分的代码总共 6 行。然是为了理解这六行代码,你需要了解 director 8 新增加的 image lingo 的一个核心函数,这就是 copyPixels

  copyPixels 的功能就是将位图数据从一个 image 复制到另一个 image。

  现在任何一个 director 角色(member)都有一个 image 的属性,这是很多人忽略的地方。这个 image属性是内存中的一个图形对象的引用,而这个图形对象是角色成员的一个图形表示。角色成员可以是 位图,flash 角色,文字角色,甚至是舞台 stage. 我把刚刚导入的两个位图角色起名为 source (刮完胡子的照片位图 face.jpg)和 targer (未刮完胡子的照片位图 faceoff.jpg)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

  在 director 中角色分布图如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/shejiruanjian/)

    control + M 打开 director 中的消息窗口,输入
    put member("source")。image
    n -- 1d151c 就是该 image 对象在内存中的地址。
    而 image 属性是对实际数据的一个引用。而 image 图形对象是角色成员在内存中的实际数据。
    任何对 image 对象的改动都是对 cast 中相应的原始角色的改动。这一点要注意,除非 image 对象是你自己创建的而且和角色成员不相关联,否则必须注意不要意外改动的原始角色成员。
    你可以调用 image() 函数来创建自己的对象。实例如下:
    image (width,

12下一页
展开更多 50%)
分享

猜你喜欢

使用image lingo制作模拟刮胡子

设计软件 平面设计软件 广告设计软件
使用image lingo制作模拟刮胡子

Director 8制作模拟刮胡子演示程序

设计软件 平面设计软件 广告设计软件
Director 8制作模拟刮胡子演示程序

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

怎么刮胡子

美容护肤 护肤
怎么刮胡子

刮胡子的最佳时间

美容护肤
刮胡子的最佳时间

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

什么时候不适合刮胡子 怎样刮胡子

生活小常识 健康生活 居家生活
什么时候不适合刮胡子 怎样刮胡子

男人刮胡子的最佳时间

时间 男人 男士美容
男人刮胡子的最佳时间

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop给室内偏暗的美女加上唯美的淡青色教程

Photoshop给室内偏暗的美女加上唯美的淡青色教程

Dir制作街头格斗风格的游戏(一)

Dir制作街头格斗风格的游戏(一)
下拉加载更多内容 ↓