《点睛:ActionScript3.0游戏互动编程》——第2章 融会贯通—大话图层样式与滤镜2.1 Photoshop图层样式初体验

  1. 云栖社区>
  2. 博客>
  3. 正文

《点睛:ActionScript3.0游戏互动编程》——第2章 融会贯通—大话图层样式与滤镜2.1 Photoshop图层样式初体验

异步社区 2017-05-02 10:02:00 浏览816
展开阅读全文

本节书摘来自异步社区《点睛:ActionScript3.0游戏互动编程》一书中的第2章,第2.1节,作者:游志德 , 彭文波 更多章节内容可以访问云栖社区“异步社区”公众号查看。

第2章 融会贯通—大话图层样式与滤镜

Photoshop和Flash都是杰出的软件,前者静得从容,后者动得洒脱,它们以不同的方式诠释着计算机时代的艺术。下面我们就从Photoshop的图层样式开始我们的艺术创作之路吧!

2.1 Photoshop图层样式初体验

我们打开Photoshop CS5,新建一个尺寸为600*100(单位:像素)的空白文档,使用【横排文字工具】E:desktopAS3 Text Effectssnapshots第4章4.1横排文字工具.tif在画布上拖出一个文本框,字体设置为微软雅黑并加粗(最好使用直接的粗体,而非仿粗),字号80号,字体颜色#0000FF,文字内容为“Flash艺术编程”。

无法正确完成以上任务的初学者可自行查阅Photoshop的基础教程进行学习。

在图层面板(如果图层面板没打开,可以通过选择菜单项【窗口】|【图层】或者按F7调出来)右击文字所在的层,选择【混合选项】菜单项(或双击图层上E:desktopAS3 Text Effectssnapshots第4章4.1图层图标.tif图标以右的区域)打开【图层样式】面板,如图2-1所示。

本章重点在于介绍图层样式,混合选项暂时略过。


92abfdbb246c2acfb470d07e604b3c0771856287

2.1.1 投影样式的制作
单击左侧列表的【投影】系列,在阴影的衬托下,图像的层次感呈现出来了(请确保右侧的【预览】复选框处于被勾选状态,否则编辑样式的时候无法实时观察图层的最终效果),如图2-2所示。


517eeb20332eaa55b737d4d46bc9936f71617292

边缘似乎不太柔和,略显生硬,可能是文本字号过大所致,所以投影边缘也应随之扩大,从字面上看,大小最接近这个含义。我们把它调到10,效果稍稍舒服了些,如图2-3所示。


517eeb20332eaa55b737d4d46bc9936f71617292

2.1.2 斜面和浮雕样式的制作
现在的文字看起来更像是一张漂浮于半空的纸片,略显单薄。下面的图层样式中,名字看起来比较有立体感的选项要数【斜面和浮雕】了,我们单击一下看看,如图2-4所示。


04f2720c9f64895db3f2d28265013e9eeb96d3dd

文字凸起来了,但是觉得有点厚,不美观,怎么办?从上往下看,“大小”这个属性似乎最容易理解,它大概代表斜面的尺寸。我们把【大小】调整到3,文字确实变薄了,如图2-5所示。


d8bc17a58a4000f76007b870ab49045a100230ad

2.1.3 添加渐变叠加样式
我们再给文字添加一个渐变填充来加强质感,单击【渐变叠加】项,效果如图 2-6所示。


7fa7d2d857ff5e4c53a2ca6e50d69de7470193e6

有一点金属的味道了,我们再单击渐变效果预览图(【预览】复选框下方的图标)打开渐变编辑器,如图2-7所示。


ffeae40bb7699b4610960d51ef9f37312d00e879

自带的渐变效果里面,红色标注的渐变最像金属了,具有铜的光感和色泽。我们选定这种渐变,单击【确定】按钮,效果如图2-8所示。


dfceb826c4d7dac7aa06b8d6ff267d06b1ed9d87

在【图层样式】面板上单击【确定】按钮,图层样式编辑完成。

虽然出来的结果依然比较丑,但我们足以见识到Photoshop的图层样式是何其强大!简单设置了几个选项,一行质感强烈的艺术字便跃然纸上。

受篇幅所限,我就不把其他的模式一一展示出来给大家看了。之前没接触过Photoshop的读者,可以再玩一下其他的图层样式尝尝鲜。我们建议最好一次只勾选一个样式,这样可以在外界影响因素最小的情况下了解各种样式的作用,从而对它们所实现的效果有一个基本的认识。当然了,如果大家坚信“无心插柳柳成荫”,也可以随意捣鼓一下,没准能成就下一个艺术奇迹呢!

网友评论

登录后评论
0/500
评论
异步社区
+ 关注