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

2.2.9 Photoshop品质初探——等高线

我们点击等高线图标右侧的箭头,将弹出一个曲线列表(图 2.30)。

图 2.30 等高线下拉列表

点击第二行第4个图标看看(图 2.31)。哇塞,一个逆天的浮雕式投影效果。

图 2.31 给投影样式设置等高线

下面我们不妨开一下小差,做点好玩的东东,比如给投影拉出一点杂色,再将文字调成灰色(#CCCCCC),填充不透明度80%,同时把图层的混合模式改为“溶解”(混合模式将在后续章节给出详细的介绍),投影的挖空去掉,看起来就想雕刻在石碑上的文字。(图 2.32)

图 2.32 添加杂色,溶解后的效果

您也可以调整这个艺术字的侧面,让它适应文本的正面(图 2.33)。

图 2.33 将投影设置为蓝色后,文本侧面隐约透出荧光灯的质感

小差开完了,把混合模式,字体颜色都恢复一下,我们继续探讨等高线。

直接点击等高线的图形,将弹出如图 2.34的对话框。

图 2.34 等高线编辑器

读者可以自己拉一下曲线上的点体验下等高线变化对投影样式的影响。

不过我们暂时就先玩玩好了,因为这条略显复杂的曲线,很难让我们摸索出等高线的规律。

打开“预设”下拉框,点击“线性”选项,将回归到我们默认的等高线样式(图 2.35),投影也恢复到设置等高线前的样式。下面我们不加点,做些简单的变换看看。

图 2.35 默认的线性等高线

两侧的点都拖到最顶,投影与背景的分界线变得清晰,淡出效果显著减弱(图 2.36)。

图 2.36 等高线输出恒为100%

两侧的点都拖到最底,投影彻底消失(图 2.37)。

图 2.37 等高线输出恒为0%

两侧的点都拖到中心,投影呈现为纯色,整体变浅(图 2.38)。

图 2.38 等高线输出恒为50%

把左侧的点拖到最顶,右侧的点拖到最底,投影的淡出方向被翻转了(图 2.39)。

图 2.39 对线性等高线进行反相操作

从以上几个极端的情况来看,Photoshop在投影选项的等高线似乎就是用于控制投影在不同位置的透明度,而且两条方向相反的线得到的恰好是两个完全对立的效果,那么,它为什么会被命名为等高线,编辑器上的曲线与透明度的变化趋势又存在着什么微妙的关系?用Flash的滤镜能实现吗?

这些问题,涉及到比较高端的Photoshop理论和高中扩展的数学知识,我会在后续章节的专题里作出更进一步的探讨。不过,对于简单的直线变化,我会在下一章先给出一些操作简单并且实用性强的模拟方法,这当中也包括图 2.31这类浮雕型的“投影”。

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

时间: 2024-10-10 23:39:50

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

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

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

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

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

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

2.2.3 Photoshop/Flash中的投影品质 与Photoshop不同,Flash的滤镜在输出的作品中仍会实时通过FlashPlayer进行渲染,所以性能显得尤为重要,在迫不得已的情况下还要以牺牲品质作为代价.所以,Flash的品质下拉框引起了我的注意,我试着把品质调整为“高”,效果就可以跟Photoshop的媲美了.(图 2.18) 对于品质,Flash的帮助文件也给出了解释,品质的高低差别在FlashPlayer内部是通过对低品质滤镜的使用次数不同来进行控制的,低品质只模糊1次,高

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

2.2.4 Photoshop转Flash的投影角度换算 继续往下看,Photoshop不透明度选项下面是投影角度,默认值是120°,而Flash里角度是45°,两者相差将近90°,投影角度却相近,为什么?让我们把Flash的投影滤镜也设置成120°.(图 2.20) 图 2.20 角度值等于120的Flash投影 投影跑左边去了,x方向与Photoshop里的投影位置截然相反.经观察,Flash投影的角度与ActionScript的坐标系完全一致,它等于当前方向与水平线的夹角,顺时针为正,逆时

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

2.2.10 内阴影选项 最后检查一下有没有漏网之鱼--嗯,Flash里还有个"内阴影"被我们忽略了,勾选以后,投影将形成于在文字内部(为了让阴影效果看得清楚点,我暂时把文本调整为绿色#00CC00)(图 2.40). 图 2.40 Flash的内阴影 内阴影在Photoshop里作为一个独立的选项存在于图层样式的列表中,参数与投影选项基本一致,只是少了"挖空"复选框.(图 2.41) 图 2.41 Photoshop的内阴影选项 两个选项都勾上以后,内外阴影就会同

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

2.2.3 Photoshop/Flash中的投影品质 与Photoshop不同,Flash的滤镜在输出的作品中仍会实时通过FlashPlayer进行渲染,所以性能显得尤为重要,在迫不得已的情况下还要以牺牲品质作为代价.所以,Flash的品质下拉框引起了我的注意,我试着把品质调整为"高",效果就可以跟Photoshop的媲美了.(图 2.18) 对于品质,Flash的帮助文件也给出了解释,品质的高低差别在FlashPlayer内部是通过对低品质滤镜的使用次数不同来进行控制的,低品质只模

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

2.2.4 Photoshop转Flash的投影角度换算 继续往下看,Photoshop不透明度选项下面是投影角度,默认值是120°,而Flash里角度是45°,两者相差将近90°,投影角度却相近,为什么?让我们把Flash的投影滤镜也设置成120°.(图 2.20) 图 2.20 角度值等于120的Flash投影 投影跑左边去了,x方向与Photoshop里的投影位置截然相反.经观察,Flash投影的角度与ActionScript的坐标系完全一致,它等于当前方向与水平线的夹角,顺时针为正,逆时

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

2.3.1 用方块观察斜面样式与斜角滤镜作用方法的差异 在Photoshop和Flash里都各自建一个500*500的空白文件,然后各自在画布中心画上一个纯蓝的(#0000FF),100*100大小的方块,(如果不懂得如何完成以上操作,可自行翻阅相关的入门教材)然后Flash里再多做一步,按F8转换为元件,类型选择"影片剪辑". 为了最大程度上减少对本课题研究的干扰,我们创建的投影力求做到最简单,最干净.为此,我把Flash里的投影滤镜中的模糊设置成0,并且把颜色调亮(#00cc00)

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

第1章 解读色彩 出自唐代著名诗人白居易的<忆江南>一诗中,一句“日出江山红胜火,春来江水绿如蓝”就把苏杭一带秀丽明艳的的江南风光描绘得细致传神.从科学的角度看,其精华之处就在于诗人仅以红绿蓝三种颜色,就把蓝天白云下花红水绿的景观刻画得淋漓尽致. 本诗用词浅显易懂,诗句朗朗上口,因此被多次收录到各地的小学语文教材中作为基础的写景诗进行讲解.同理,我也将以诗中所提到的红绿蓝三种颜色开启本书的艺术编程之旅. ActionScript3游戏中的图像编程(连载三)

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

2.2.7 关于Photoshop的图层挖空投影 在Photoshop里面,不管图层挖空投影的复选框是否处于勾选状态,显示出来的效果都几乎没有任何差别.那这个挖空的作用何在?不急,我们看看Flash里的挖空选项. Flash里的挖空很明显,图 2.23展示了挖空后的效果. 图 2.23 Flash的挖空投影 Flash的投影滤镜把常规显示的像素颜色都掏空了.从挖空的现象和隐藏对象的字面意思来看,两者含义似乎一致,但结果却出乎我的意料.(图 2.24) 图 2.24 隐藏对象 可见,投影与文字本身