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

简介:

本节书摘来自异步社区《点睛: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的读者,可以再玩一下其他的图层样式尝尝鲜。我们建议最好一次只勾选一个样式,这样可以在外界影响因素最小的情况下了解各种样式的作用,从而对它们所实现的效果有一个基本的认识。当然了,如果大家坚信“无心插柳柳成荫”,也可以随意捣鼓一下,没准能成就下一个艺术奇迹呢!

相关文章
|
JavaScript 前端开发 开发者
|
7月前
|
定位技术
Pyglet综合应用|推箱子游戏地图编辑器之图片跟随鼠标
Pyglet综合应用|推箱子游戏地图编辑器之图片跟随鼠标
68 0
|
数据安全/隐私保护 iOS开发 MacOS
CocosCreator3.8研究笔记(二十四)CocosCreator 动画系统-动画编辑器实操-关键帧实现动态水印动画效果(2)
CocosCreator3.8研究笔记(二十四)CocosCreator 动画系统-动画编辑器实操-关键帧实现动态水印动画效果
142 0
|
数据安全/隐私保护
CocosCreator3.8研究笔记(二十四)CocosCreator 动画系统-动画编辑器实操-关键帧实现动态水印动画效果(1)
CocosCreator3.8研究笔记(二十四)CocosCreator 动画系统-动画编辑器实操-关键帧实现动态水印动画效果
147 0
|
前端开发
前端代码分享——霓虹灯图标菜单特效(内含源码)
前端代码分享——霓虹灯图标菜单特效(内含源码)
|
图形学
【游戏开发】unity透明特效的制作方法
Unity是一种强大的游戏开发引擎,它支持许多不同的特效和图形效果。其中一种常用的特效是透明特效,它可以使游戏中的材质变得半透明或完全透明。在本文中,我们将介绍如何使用Unity创建透明特效。
|
JSON Android开发 数据格式
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
|
JSON 前端开发 数据格式
【UWP开源】图片编辑器,带贴图、滤镜、涂鸦等功能
原文:【UWP开源】图片编辑器,带贴图、滤镜、涂鸦等功能 目录 说明 功能 实现原理 使用方法 效果截图   说明 最近空余时间研究了一下Win2D,它能为我们在UWP中提供一种类似GDI那样的绘图方法。
1955 0

热门文章

最新文章