ActionScript3游戏中的图像编程(连载五十一)

3.2.2 高强度的斜角模拟所谓的“雕刻清晰”

不少ActionScript图书或者网上教程在介绍斜角滤镜时都喜欢拿高强度的参数作为例子来讲解雕刻清晰的实现方法(图 3.38)。

图 3.38 用高强度的斜角滤镜实现雕刻清晰

实际上,这种做法并不经得起推敲。首先,两光面和两暗面之间并无分界,其次,实例中的图形恰好是矩形,如果换成轮廓复杂点的文字,这个所谓的清晰就显得比较突兀了(图 3.39)。

图 3.39 用Flash模拟的雕刻清晰字母O

而Photoshop在这两细节效果的处理上都远远优于Flash(图 3.40,图 3.41)。

图 3.40 用PS绘制雕刻清晰的正方形

图 3.41 Photoshop制作的雕刻清晰字母O

而且对于非45度的斜角而言,Flash中的分界甚至会被扭曲(图 3.42)。

图 3.42 Flash的60度斜角

如果雕刻清晰斜面的高度较小,或者形状不复杂,高强度斜角一般都能胜任。但若高度较大,并且必须要完善这类细节的话,则难度就比较高了,不过我在这里可以先给出一个比较简单的处理方法。

对于正方形来说,一个斜角滤镜最多只能在两个拐点处生成分界线,要么左上和右下(图 3.43),要么右上和左下(图 3.44)。

图 3.43 135度,分界点在左上和右下

图 3.44 45度,分界点在右上和左下

在同一个滤镜里,两个角度不能共存,但我们完全可以给显示对象赋予两个滤镜(上两节已经提到过,在同一个显示对象里,同类型的滤镜可以设置多个。

我们把给方块应用上这两个斜角滤镜,同时把上层滤镜(即后加的那个)的高光及阴影透明度设置为50%,效果如图 3.45所示。

小提示:可以用复制滤镜的方法快速生成两个完全一样的滤镜,然后再更改其中一个的角度和alpha。

图 3.45 用两个斜角滤镜模拟出精度更高的雕刻清晰

虽然我们仍然无法精准控制每个面的颜色,但是此举至少给我们指了一条明路,细腻的雕刻清晰在Flash里的模拟指日可待。对于复杂的图形,我们可以通过多复制一些图层,然后运用混合模式等知识来实现浮雕色彩的精确控制。这些内容我将在后续章节逐一为大家展开。

时间: 2024-10-20 20:48:12

ActionScript3游戏中的图像编程(连载五十一)的相关文章

ActionScript3游戏中的图像编程(连载十五)

1.3.1 HSB模式的色彩空间模型及其分支 第一次接触HSB模式的原理,是从以下这个地址开始的. http://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4 图 1.21是我从上面的文章拷过来的一张色彩空间示意图,可见HSB在业界至少还可以细分成HSL和HSV两种模式.它们都使用了三维坐标系来描述色彩值的分布. 图 1.21 色彩空间示意图 第一个属性是色相,它代表颜色的种类,如红,黄,绿属于

ActionScript3游戏中的图像编程(连载五)

1.1.2 Flash中的ARGB模式与不透明度的关系 ARGB是Flash,svg等矢量处理软件特有的一种色彩模式,事实上我觉得它有点扯淡,A(alpha)不应该作为一个通道存在于色彩模式中,它更适合作为一个独立的属性从色彩模式中抽离出来并应用到其他的色彩模式(如HSB,CMYK,LAB等)中.Alpha不之所以Flash这么用,个人认为有3个原因: 1 Flash并非专业的图形软件,将它与RGB一视同仁,可以帮助AS3程序员更方便地使用颜色,实践证明,易用性确实比单独抽离出来要高. 2 AS

ActionScript3游戏中的图像编程(连载四十五)

总目录:http://blog.csdn.net/iloveas2014/article/details/38304477 3.1.1 Flash简单滤镜的共性分析 在模拟Photoshop样式的过程中,我们发现两个毫不相干的滤镜居然会有很多参数出奇地一致.实际上,好多个简单滤镜都有重复,下面我把它们整理成表格供大家查看. 滤镜名称 模糊 强度 距离 颜色/渐变 品质 内外 挖空/隐藏 投影 √ √ √ √ √ √ √ 发光 √ √ √ √ √ 模糊 √ √ 斜角 √ √ √ √ √ √ √ 渐

[原创]ActionScript3游戏中的图像编程(连载三十五)

2.2.8 Photoshop品质初探——杂色 重新回到Photoshop的品质选项,首先,杂色一项似乎更容易理解,我们尝试拖到30%,可以看到投影上多了一些杂点(图 2.29).数值越大,杂色越多,很适合用来模拟锈迹或者羊皮纸等粗糙的表面. 图 2.29 设置30%的杂色 杂色上方的等高线可谓Photoshop图层样式最最精华之处了,下面我们就来探讨一下. 现在先把杂点一项重置为0. [原创]ActionScript3游戏中的图像编程(连载三十五)

ActionScript3游戏中的图像编程(连载三十五)

2.2.8 Photoshop品质初探--杂色 重新回到Photoshop的品质选项,首先,杂色一项似乎更容易理解,我们尝试拖到30%,可以看到投影上多了一些杂点(图 2.29).数值越大,杂色越多,很适合用来模拟锈迹或者羊皮纸等粗糙的表面. 图 2.29 设置30%的杂色 杂色上方的等高线可谓Photoshop图层样式最最精华之处了,下面我们就来探讨一下. 现在先把杂点一项重置为0. ActionScript3游戏中的图像编程(连载三十五)

ActionScript3游戏中的图像编程(连载二十五)

2.1.2 斜面和浮雕样式的制作 现在的文字看起来更像是一张漂浮于半空的小纸片,略显单薄.下面的图层模式中,名字看起来比较有立体感的选项要数“斜面和浮雕”了,我们点一下看看.(图 2.4) 图 2.4 给文字添加斜面和浮雕样式 文字凸起来了,如果觉得有点厚,不好看,怎么办?从上往下看,大小这个属性似乎最容易理解,它大概代表斜面的尺寸.我把大小调整到3,文字确实变薄了.(图 2.5) 图 2.5 斜面大小设置为3的效果 ActionScript3游戏中的图像编程(连载二十五)

ActionScript3游戏中的图像编程(连载二十)

1.4.2 灰度的计算方法 回过头来看RGB,站在科学的角度来解释,它们确实也有更明亮的理由,因为下面一排色彩反射出来的色光总量是上一排色的两倍.      为此,作者曾自作聪明地发明了一条“原创”的灰度公式: Gray=(r+g+b)/3 哈哈,用色光总量来表达颜色的灰度想必就比较准确了吧!沾沾自喜一番以后,我还试着用这条自创的定律来转换这张测试图片,上下色块的灰度果然拉开了,可是很不幸地,左右相邻,边界分明的色块依然粘连在一块(图 1.30). 图 1.30 笔者“自创”的灰度转换 显然此法

ActionScript3游戏中的图像编程(连载二十一,第1章完)

1.4.3 用灰度/明度指导色彩搭配 试着只通过调整不等于0的通道,让上一排的色彩在灰度上保持一致,把三个颜色分别代入到心理学公式.得 Gray(red) = r * 0.299      Gray(green) = g * 0.587      Gray(blue) = b * 0.114 让它们灰度相等,则 r * 0.299 = g * 0.587 = b * 0.114 可见,b值一定最大,不妨让b取最大值255,求得r=97, g=50.把这两个值分别应用到红和绿两个色块上. 绿色不再

ActionScript3游戏中的图像编程(连载十九)

1.4 浅析亮度与灰度/明度的关系 进入正题之前,先来了解一下灰度/明度. 1.4.1 灰度/明度的概念及其与HSB亮度的异同 在很多场合,灰度与明度的概念完全等价. “灰度”最初来源于摄影领域,在彩色显像技术问世以前,拍摄出来的照片只有黑,白,灰三类颜色,在这种黑白照片里,只有白色.黑色以及灰色的点能完好无损地显示出来,其它颜色将根据其亮度呈现出不同深度的灰色.亮度越大灰色越浅,反之越深.把黑与白色之间分成若干级,称为“灰度等级”.能呈现的灰度等级愈多,画面的层次感就愈丰富. 所以,从彩色转黑

[原创]ActionScript3游戏中的图像编程(连载三十二)

2.2.5 投影距离的模拟 Photoshop投影样式面板的下一个属性是距离,它也存在于Flash的投影滤镜选项中.两者初始值一致,经笔者测试,两者在效果实现和数值意义方面基本一致.Flash不需要对默认参数进行更改. 下一项是扩展,乍一看,在Flash中并没有找到对应项.但仔细观察,在Photoshop投影样式的基础选项里,除了alpha以外,就只剩该属性用了百分比. [原创]ActionScript3游戏中的图像编程(连载三十二),布布扣,bubuko.com