中文版Photoshop CS6平面设计从入门到精通(全彩超值版)
上QQ阅读APP看书,第一时间看更新

3.2照片和插画

照片、插画和图像化文字在设计中是非常关键的。优秀设计的特征之一就是作品具有统一和谐的外观。照片无疑可以包含多层信息,有时甚至比文字囊括的信息还要多。图片所唤起的情感反应能够传达强有力的信息,如何选取图片是一个成功作品的关键。编辑、摆放以及组合图片的方式会对作品的最终效果产生深远的影响。

3.2.1 照片和插画的对比

在我们选取图片时,往往会使用照相机去亲自拍摄,但是事实上,如果绘画技巧比较匮乏,也许会倾向于使用照片。当然,在设计作品之前,首先需要确定的是自己需要何种照片,因为寻找场景并不是一件容易的事情。为此,不妨去浏览一下图片库,这样无疑能让自己设计的图片获得更多的成就感。

下面两张图片表达的都是水果的主题,但是风格上看起来十分迥异;图3-248呈现的是插画风格的图片,一般能够吸引孩子们的注意力;图3-249呈现的是图片风格,会吸引一些爱好水果的人的注意。当然,设计风格的最终确定要取决于广告主要针对的目标受众。

图3-248

图3-249

3.2.2 实战:设计插画标志

项目背景分析

本例要制作的是插画标志设计,运用简洁大方的单色背景配合具有插画特色的图形与文字,组成一张完整的标志设计。在设计标志时,要注意文字的创造性和图形的简洁性,这样才能提高标志的辨认度,设计出成功的标志作品。

方案设计分析

在本项目中,我们设计了两种方案。

方案一

下面我们来看一款标志设计,如图3-250所示。这是为一款水果糖果制作的标志设计,在标志中为了更加明显地突出水果的口味,选择逼真的樱桃素材作为标志的主要元素,但是这与标志整体没有关联性,画面也不统一和谐。

图3-250

方案二

在这幅设计作品中,我们重新为标志绘制了一款樱桃素材,与上一个案例不同的是,我们并没有使用真的樱桃素材作为标志的主要元素,这样不仅在视觉效果上变得更加突出,也增加了整体的统一性,如图3-251所示。

图3-251

项目制作流程

制作主体轮廓

使用工具制作出标志图形的主体轮廓。

01启动Photoshop CS6,按Ctrl+N组合键新建一个“插画标志设计”文件,具体参数设置如图3-252所示。

图3-252

02设置前景色为(R:180,G:44,B:58),然后按Alt+Delete组合键用前景色填充背景图层,效果如图3-253所示。

图3-253

03使用“钢笔工具”绘制出一个标志的形状,然后按Ctrl+Enter组合键将路径转换为选区,如图3-254所示。

图3-254

04新建一个“图层1”,然后设置前景色为(R:190,G:30,B:45),接着按Alt+Delete组合键填充选区,最后按Ctrl+D组合键取消选区,效果如图3-255所示。

图3-255

05按Ctrl+J组合键复制出两个副本图层,然后暂时隐藏这两个副本图层,接着选择“图层1”图层,如图3-256所示。

图3-256

06执行“图层>图层样式>描边”菜单命令,打开“图层样式”对话框,然后设置“大小”为20像素、“颜色”为白色,如图3-257所示,效果如图3-258所示。

图3-257

图3-258

07选择并显示“图层1副本”图层,然后按Ctrl+T组合键进入自由变换状态,接着按住Shift+Alt组合键向左上方拖曳定界框右下角的角控制点,将其等比例缩小到如图3-259所示的大小。

图3-259

08执行“图层>图层样式>描边”菜单命令,打开“图层样式”对话框,然后设置“大小”为7像素、“颜色”为(R:255,G:255,B:144),如图3-260所示,效果如图3-261所示。

图3-260

图3-261

09选择并显示“图层1副本2”图层,然后按Ctrl键载入该图层的选区,接着设置前景色为(R:249,G:222,B:199),并进行填充,最后适当调整大小和位置,效果如图3-262所示。

图3-262

制作放射性线条

放射性线条是绘制标志的一个重要装饰元素,并具有很强的技术性。

01新建一个“图层2”,然后使用“矩形选框工具”绘制一个长条形的矩形选框,接着设置前景色为(R:252,G:191,B:132),并进行填充,效果如图3-263所示。

图3-263

02执行“编辑>变换>斜切”菜单命令,然后将长条矩形进行适当的变形,如图3-264所示,最后按回车键退出自由变换模式。

图3-264

03按Ctrl+T组合键进入自由变换状态,然后将中心点移动到如图3-265所示的位置,接着在选项栏中设置“旋转度数”为5°,如图3-266所示,效果如图3-267所示,最后按Enter键应用变换。

图3-265

图3-266

图3-267

04按Shift+Ctrl+Alt+T组合键,以中心点旋转复制该图形,最后按Ctrl+E组合键将这些图层合并为“图层2”,效果如图3-268所示。

图3-268

05将“图层2”设置为“图层1副本2”的剪贴蒙版,效果如图3-269所示。

图3-269

绘制樱桃并添加文字信息

樱桃是整个标志组成部分的核心,添加文字信息使标志更加完整。

01新建一个“图层3”,然后使用“钢笔工具”绘制出一个合适的形状,接着设置前景色为(R:288,G:0, B:17),最后按Alt+Delete组合键填充选区,效果如图3-270所示。

图3-270

02执行“编辑>描边”菜单命令,打开“描边”对话框,然后设置“宽度”为10像素、“颜色”为白色、“位置”为“居外”,如图3-271所示,效果如图3-272所示。

图3-271

图3-272

03使用相同的方法绘制出樱桃的另一颗果实,效果如图3-273所示。

图3-273

04在“图层4”下方新建一个“图层5”,然后使用“钢笔工具”绘制出樱桃枝干的形状,如图3-274所示。

图3-274

05选择“渐变工具”,然后打开“渐变编辑器”对话框,接着设置第1个色标的颜色为(R:45,G:167, B:47)、第2个色标的颜色为(R:200,G:216,B:0),如图3-275所示,最后按照从上到下的方向为选区填充使用渐变色,效果如图3-276所示。

图3-275

图3-276

06使用相同的方法为枝干进行描边,如图3-277所示,然后继续使用“钢笔工具”绘制出阴影的部分,接着使用“黑、白渐变”为阴影部分填充渐变色,如图3-278所示,最后设置该图层的“混合模式”为“正片叠底”、“不透明度”为80%,效果如图3-279所示。

图3-277

图3-278

图3-279

07使用相同的方法绘制出叶子的形状,并使用渐变色进行填充,然后为叶子进行描边,效果如图3-280所示。

图3-280

08新建一个图层,然后继续使用“钢笔工具”绘制出阴影的部分,如图3-281所示,接着使用“黑、白渐变”为阴影部分填充渐变色,并调整好位置,效果如图3-282所示。

图3-281

图3-282

09导入光盘中的“素材文件>CH03>素材3-24.png”文件,然后使用“移动工具”调整好图像的位置,效果如图3-283所示。

图3-283

10选择“横排文字工具”,然后打开“字符”面板,接着设置“字体样式”为Athletic、“字体大小”为30点、“字间距”为100、“颜色”为(R:190, G:30,B:45),如图3-284所示,最后在如图3-285所示的位置输入相应的文字信息。

图3-284

图3-285

11执行“图层>图层样式>描边”菜单命令,打开“图层样式”对话框,然后设置“大小”为13像素、“颜色”为(R:255,G:255, B:210),如图3-286所示,效果如图3-287所示。

图3-286

图3-287

12新建一个图层,然后使用“矩形选框工具”绘制出3条矩形选区,接着设置前景色为(R:2 5 5,G:1 7 9,B:0),最后按Alt+Delete组合键使用前景色进行填充,效果如图3-288所示。

图3-288

13选择“钢笔工具”,然后在选项栏中设置绘图模式为“形状”、描边颜色为(R:255,G:179,B:0)、形状描边宽度为“3点”,如图3-289所示,接着在描边类型的下面面板中单击“更多选项”按钮,如图3-290所示,最后在弹出的“描边”对话框中设置“对齐”为“居中”、“端点”为“圆形”、“角点”为“圆形”,如图3-291所示。

图3-289

图3-290

图3-291

14使用“钢笔工具”绘制出卡通形状的眉毛、眼睛和嘴,如图3-292所示。

图3-292

TIPS

路径不能被打印出来,因为它是矢量对象,不包含像素,只有在路径中填充颜色后才能打印出来。

15新建一个图层,然后使用“椭圆选框工具”绘制两个大小不一的圆形选区,并使用黑色填充选区,如图3-293所示。

图3-293

16选择“横排文字工具”,然后打开“字符”面板,接着设置“字体样式”为Myriad Pro、“字体大小”为5.86点、“颜色”为黑色,如图3-294所示,最后在画面下方输入装饰性文字,最终效果如图3-295所示。

图3-294

图3-295

3.2.3 设计初期的约束

有时候在设计的初始阶段,客户就会把设计要求和希望采用的图片交给设计师。在这种情况下,客户已经替设计所用的图片进行了限定。照片的拍摄想法和创作构思最终不一定总能实现,很多客观因素会对其产生制约,如预算、距离等因素,这时我们可以采用插画的形式去创作。技术手册、公司报告、教材等内容会相对比较复杂或深奥,采用视觉图形会有利于阐述事情的工作原理。在选择此类插画时应特别注重设计师、插画师和作者之间的沟通和合作。

3.2.4 设计的预算和过程

如果要绘画一张繁华街景的插画,没有大笔的预算是很难完成的,这时最好选择在作品中使用照片。如果请一名摄影师拍摄人物,就需要提供模特、化妆师、发型师、各种拍摄器材和小道具,价格会非常昂贵,这时使用插画是一种比较经济的选择。

如果在设计制作时发现经费很紧张,不要怨天尤人或者一蹶不振,总会有其他解决的办法。例如,图形化某些特殊的字体来代替插画,或者寻求一些免费的图库。

图3-296采用了戏剧化的背景——招贴中使用的图形简洁而富有细节的变化,同时与招贴的主题相符。黑色的背景使图形产生了戏剧性的视觉效果,令人印象深刻。

图3-297比较抽象——图中的插图运用了计算机处理的图像,画面简洁而且高度抽象。虽然图3-296和图3-297所示的广告招贴都运用了抽象的图片,但是这些图形都是经过深思熟虑才选择使用的,能够很好地表现内容,并且迎合目标受众。

图3-296

图3-297

在设计自己的作品或者客户要求进行设计时,有时要快速产生明确的图片构思,有时则会为选择正确的图片类型而绞尽脑汁。首先,设计师应该思考到底采用什么样的图片能够更好地表达所要传达的信息,同时又与目标市场相适应,然后根据预算和时间的进度来寻找各种图片的来源。

疑难问答:

Q:

如何搜寻图片的来源?

A:

可以自己制作所需要的图片或者委托自由插画师和摄影师进行制作。除了翻阅画家和摄影师的个人作品集以外的东西,也可以通过其他渠道去获取图片,例如互联网、展览、代理机构或者市场销售的杂志等。

一些摄影师或者插画师会选择图库来选取合适的图片,也有可能通过图库向媒体出售他们的作品。在互联网中搜索图库类的资源,会出现很多相关的搜索结果,通常这些图库会提供免费的或者较低价格的低分辨率图片作为样品,设计师可以在设计构思阶段使用这些图片。当确定设计方案之后,可以向他们购买图片的使用版权。有时图库还会提供下载或者免费的图片光盘,我们在使用中无需支付格外的费用。

另外一个图片的来源是一些免费的素材库,我们可以将它作为文本的背景。素材库主要是一些黑白的图案和花纹(这会在第6章图形设计中详细讲解),但是必须要同时满足传统设计和现代设计的要求。

最后,建立自己的图片资料库。设计师一般都会注意收集一些插画作品和摄影作品,其主要来源是杂志或者网络。有时还会收到一些图片的销售目录,如果喜欢其中的作品,也可以将其归入资料库以备不时之需。

3.2.5 总结

随着数码技术的发展,照片和插画之间的界限变得越来越模糊。虽然我们会对真实照片和手绘的插画有直观的认识和区分,但是计算机合成技术已经可以将两者进行融合。对于照片、插画和合成图片,我们需要根据设计所要传达的信息来选择。这一点在很大程度上取决于我们所设计的作品类型。如果设计的是音乐海报或者产品包装,就必须把要宣传产品的标志显示出来,并且一般采用图像精美、分辨率较高的图片。如果设计的是企业的形象,那么公司的精神将是所要宣传的主要内容。在设计杂志书籍时,应该在最初阶段定下图片的风格与类型,再结合其他因素进行探讨。另外还可以混合搭配不同类型的图片,这样可以区分文本与章节。

技术专题:图像选择的注意点

第1点:目标受众的年龄、性别、社会阶段

为青少年杂志设计的图像与公司的报告的设计不同,在设计效果上可以更加奇幻和抽象。

第2点:时效性

周刊杂志选用的图片可以具有即时性,而有些昂贵的书籍可能会在市场上持续销售长达数十年之久,这些图片应当具有持久性,能够不断地引起人们的共鸣。

第3点:信息的清晰程度

CD封面或者音乐海报上的图像可以比较抽象,表达的信息可以比较模糊;而技术手册选用的图片必须清晰,表达的信息必须详细。

第4点:理解价值

设计的价值在于市场定位,一些成本较低的设计会因为其选用的图片而具有较高的价值,但有时一些价格昂贵的设计也会具有很大的市场。

第5点:设计标准

在设计中我们要选好设计所选用的图形,譬如黑白照片或是彩色照片。

第6点:换位思考

花一到两分钟进行换位思考,这会使我们从全新的视角对设计初衷进行思考。

第7点:预算和进度

核对设计是否符合成本预算和时间进度。

3.2.6 实战:设计手机海报

项目背景分析

本例要制作的是一款手机海报设计,在设计中将插画和照片素材进行拼合,完成了手机海报的创作。在实际设计运用中,我们要学会如何合理选择素材和搭配素材,这样才会让我们的设计作品给人非凡的感受。

方案设计分析

在本项目中,我们设计了两种方案。

方案一

下面我们来看一款手机海报,如图3-298所示。虽然在这幅设计作品中我们着重突出了手机产品,以灰色的背景来搭配,添加了一些插画元素,但是很遗憾,我们发现视觉效果并没有那么出众,反倒使画面的效果过于灰暗和无趣。

图3-298

方案二

在这幅设计作品中,我们重新为海报更换了背景的色调,并且添加了一些质感和纹理,突出了高档性,同时移动了手机的位置,使用了不对称的原则来设计海报,搭配撕纸、建筑剪影等插画风格的元素和白云、金属按钮、喷溅效果等逼真的设计元素,使平面和立体相结合起来,以展示产品的精彩,如图3-299所示。

图3-299

项目制作流程

制作背景和手机

制作出背景的主体色调,并使用钢笔工具制作出手机的轮廓。

01启动Photoshop CS6,执行“文件>新建”菜单命令或按Ctrl+N组合键新建一个“手机促销海报”文件,具体参数设置如图3-300所示。

图3-300

02新建一个图层,然后打开“渐变编辑器”对话框,接着设置第1个色标的颜色为白色、第2个色标的颜色为(R:142,G:142,B:142),如图3-301所示,最后为“背景”图层填充使用径向渐变色,效果如图3-302所示。

图3-301

图3-302

TIPS

制作一个灰色渐变背景是为了更好地观察手机绘制的立体效果。

03新建一个“主体”图层组,并在该组内新建一个“图层1”,然后使用“圆角矩形工具”(设置“半径”为150像素)创建一个如图3-303所示的圆角矩形路径,接着按Ctrl+Enter组合键载入路径的选区,最后用黑色填充选区,效果如图3-304所示。

图3-303

图3-304

TIPS

在本书中,涉及鼠绘的内容很少,本例可以直接使用手机素材来进行设计,但考虑到鼠绘技术也比较重要,因此本例就用鼠绘技术来教大家如何绘制手机。

04载入“图层1”的选区,然后执行“选择>修改>收缩”菜单命令,在弹出的“收缩选区”对话框中设置“收缩量”为2像素,接着新建一个“图层2”,最后用黑色填充选区,如图3-305所示。

图3-305

05执行“图层>图层样式>颜色叠加”菜单命令,打开“图层样式”对话框,然后设置叠加颜色为白色、“不透明度”为82%,如图3-306所示。

图3-306

06在“图层样式”对话框中单击“渐变叠加”样式,然后编辑出如图3-307所示的金属渐变色,接着设置“角度”为180°,如图3-308所示。

图3-307

图3-308

07在“图层样式”对话框中单击“描边”样式,然后设置“大小”为4像素、“位置”为“内部”、“不透明度”为50%,接着设置“渐变类型”为“渐变”,并编辑出如图3-309所示的金属渐变,最后设置“样式”为“线性”、“角度”为0°,如图3-310所示,效果如图3-311所示。

图3-309

图3-310

图3-311

08新建一个“图层3”,然后使用“矩形选框工具”制作一个如图3-312所示的黑条。

图3-312

09新建一个“图层4”,然后使用“圆角矩形工具”制作一个如图3-313所示的黑色圆角图像,按Ctrl+J组合键复制一个“图层4副本”图层,接着为其添加一个“斜面和浮雕”样式,再设置“深度”为184%、“大小”为15像素、“角度”为-90°、“高度”为79°,并关闭“使用全局光”选项,最后设置高光的“不透明度”为33%,如图3-314所示,效果如图3-315所示。

图3-313

图3-314

图3-315

10新建一个“图层5”,然后使用“钢笔工具”勾勒出高光路径,按Ctrl+Enter组合键载入路径的选区,如图3-316所示,并用黑色填充选区,接着为该图层添加一个“渐变叠加”样式,再编辑出一种半透明到白色的渐变色,最后设置“角度”为127°,如图3-317所示,效果如图3-318所示。

图3-316

图3-317

图3-318

11新建一个“图层6”,然后使用“圆角矩形工具”(设置“半径”为20像素)制作一个如图3-319所示的黑色圆角图像。

图3-319

12新建一个“左侧按钮”图层组,并在该组内新建一个“图层1”,然后使用“矩形选框工具”在手机的左上侧绘制一个如图3-320所示的矩形选区,并用白色填充选区,接着为其添加一个“渐变叠加”样式,再编辑出如图3-321所示的金属渐变,最后设置“角度”为90°,如图3-322所示。

图3-320

图3-321

图3-322

13在“图层样式”对话框中单击“描边”样式,然后设置“大小”为1像素、“位置”为“外部”、“颜色”为黑色,如图3-323所示,效果如图3-324所示,接着向下复制两个按钮,如图3-325所示。

图3-323

图3-324

图3-325

14新建一个“按钮”图层组,并在该组内新建一个“图层1”,然后使用“椭圆选框工具”制作一个如图3-326所示的黑色圆形图像,执行“选择>修改>收缩”菜单命令,在弹出的“收缩选区”对话框中设置“收缩量”为2像素,接着新建一个“图层2”,并填充为黑色,再为其添加一个“描边”样式,设置“大小”为3像素、“位置”为“内部”,并编辑出如图3-327所示的渐变色,最后设置“角度”为-36°,如图3-328所示,效果如图3-329所示。

图3-326

图3-327

图3-328

图3-329

15新建一个“图层3”,然后使用“圆角矩形工具”(设置“半径”为25像素)绘制一个圆角矩形路径,接着按Ctrl+Enter组合键载入路径的选区,并用黑色填充选区,如图3-330所示。

图3-330

16为“图层3”添加一个“描边”样式,然后设置“大小”为15像素、“位置”为“内部”,接着设置“填充类型”为“渐变”,并编辑出如图3-331所示的渐变色,最后设置“角度”为90°,如图3-332所示,效果如图3-333所示。

图3-331

图3-332

图3-333

17新建一个“图层4”,使用“钢笔工具”创建一个月牙形的选区,如图3-334所示,并用黑色填充选区,然后为其添加一个“渐变叠加”样式,接着设置“不透明度”为21%,并编辑出黑色到白色的渐变色,最后设置“角度”为-53°,如图3-335所示,效果如图3-336所示。

图3-334

图3-335

图3-336

18创建一个“听筒”图层组,并在该组内新建一个“图层1”,然后使用“钢笔工具”创建一个如图3-337所示的选区,并用白色填充选区,接着为其添加一个“渐变叠加”样式,再编辑出如图3-338所示的渐变色,最后设置“角度”为180°,如图3-339所示,效果如图3-340所示。

图3-337

图3-338

图3-339

图3-340

19新建一个“图层2”,使用“圆角矩形工具”(设置“半径”为30像素)创建一个如图3-341所示的黑色圆角图像。

图3-341

20按Ctrl+N组合键新建一个尺寸为20像素×20像素、分辨率为300像素/英寸、背景为透明的文档,然后使用“铅笔工具”绘制一个如图3-342所示的图像。绘制完成后执行“编辑>定义图案”菜单命令,将其定义为图案。

图3-342

TIPS

使用图案填充方式有一个前提,即所使用的图案必须是背景透明的。这样颜色填充就只会针对图案中有像素存在的部分有效,否则颜色填充将充满整个画面。用来填充的图案具有连续平铺的特性,当在一个较大的范围(大于图案)内填充图案的时候,平铺的效果关键取决于图案边界,因此首先要保证图案边界的连续性,这样才会产生上下左右彼此衔接的效果。

21切换到手机文档,然后为“图层2”添加一个“内阴影”样式,接着设置“不透明度”为86%、“角度”为90°,并关闭“使用全局光”选项,最后设置“距离”为6像素、“阻塞”为18%、“大小”为10像素,如图3-343所示。

图3-343

22在“图层样式”对话框中单击“图案叠加”样式,然后选择前面定义的图案,接着设置“缩放”为120%,如图3-344所示。

图3-344

23在“图层样式”对话框中单击“斜面和浮雕”样式,然后设置“深度”为205%、“大小”为6像素、“角度”为90°、“高度”为79°,并关闭“使用全局光”选项,接着设置高光的“不透明度”为0%,如图3-345所示,效果如图3-346所示,整体效果如图3-347所示。

图3-345

图3-346

图3-347

24导入光盘中的“素材文件>CH03>素材3-2 5.p n g”文件,将其放在手机屏幕上,然后调整好大小,如图3-348所示。

图3-348

25选择手机所有的图层,然后适当地调整手机的位置,接着按Ctrl+T组合键进入自由变换状态,最后按Shift键向右上方拖曳定界框右上角的角控制点,将其等比例放大到如图3-349所示的大小。

图3-349

26隐藏“背景”图层,然后按Ctrl+Shift+Alt+E组合键将手机盖印到一个“倒影”图层中,接着执行“编辑>变换>垂直翻转”菜单命令,效果如图3-350所示。

图3-350

TIPS

当手机绘制完成时,要适当地调节手机的摆放位置和大小,达到最好的视觉效果。

27为“倒影”图层添加一个图层蒙版,然后使用黑色“画笔工具”在蒙版中涂去部分图像,完成后的效果如图3-351所示。

图3-351

添加插画元素

添加插画元素,使画面效果更加丰富。

01导入光盘中的“素材文件>CH03>素材3-26.jpg”文件,然后将该图层移动到“图层1”的下方,然后设置“图层1”的“混合模式”为“正片叠底”,效果如图3-352所示。

图3-352

02导入光盘中的“素材文件>CH03>素材3-27.png”文件,然后将新生成的图层命名为“城市”,接着调整好大小,最后设置其“混合模式”为“正片叠底”、“不透明度”为37%,效果如图3-353所示。

图3-353

03导入光盘中的“素材文件>CH03>素材3-28.png”文件,然后将新生成的图层命名为“撕纸效果”,效果如图3-354所示。

图3-354

04执行“图层>图层样式>投影”菜单命令,打开“图层样式”对话框,然后设置“不透明度”为52%、“角度”为76°、“距离”为90像素、“大小”为21像素,如图3-355所示,效果如图3-356所示。

图3-355

图3-356

05导入光盘中的“素材文件>CH03>素材3-29.png”文件,然后将新生成的图层命名为“喷洒”,接着调整好位置和大小,效果如图3-357所示。

图3-357

06导入光盘中的“素材文件>CH03>素材3-30.png”文件,然后将新生成的图层命名为“网格”,接着将该素材调整到和画布一样的大小,效果如图3-358所示。

图3-358

07设置“网格”图层的“混合模式”为“柔光”,效果如图3-359所示。

图3-359

08在“图层”面板下方单击“添加图层蒙版”按钮,为该图层添加一个图层蒙版,然后使用“渐变工具”在蒙版中从下往上填充黑色到灰色的线性渐变,效果如图3-360所示。

图3-360

09使用“椭圆工具”绘制一个白色的圆形,如图3-361所示,然后执行“图层>图层样式>渐变叠加”菜单命令,打开“图层样式”对话框,接着编辑出金属渐变色,如图3-362和图3-363所示,效果如图3-364所示。

图3-361

图3-362

图3-363

图3-364

10导入光盘中的“素材文件>CH03>素材3-31.png”文件,然后将新生成的图层命名为“金属”,接着调整好位置和大小,效果如图3-365所示。

图3-365

11选择“横排文字工具”,然后打开“字符”面板,接着设置“字体样式”为Impact、“字体大小”为75.79点、“字间距”为-20、“颜色”为白色,并选择“全部大写字母”按钮,如图3-366所示,最后在如图3-367所示的位置输入相应的文字信息。

图3-366

图3-367

12执行“编辑>变换>旋转”菜单命令,将文字进行适当的旋转,接着使用“移动工具”适当地调整文字的位置,效果如图3-368所示。

图3-368

13执行“图层>图层样式>斜面与浮雕”菜单命令,打开“图层样式”对话框,然后设置“深度”为205%、“大小”和“软化”为0像素,如图3-369所示。

图3-369

14在“图层样式”对话框中单击“投影”样式,然后设置“不透明度”为100%、“距离”为14像素、“扩展”为11%、“大小”为24像素,具体参数设置如图3-370所示,效果如图3-371所示。

图3-370

图3-371

15导入光盘中的“素材文件>CH03>素材3-32.png”文件,然后将新生成的图层命名为“云”,接着将该图层移动到“网格”图层的上方,最后按Alt键复制出一个副本图层,并调整好位置和大小,效果如图3-372所示。

图3-372

16选择“横排文字工具”,然后打开“字符”面板,接着设置“字体样式”为047-CAI978、“字体大小”为52.43点、“字间距”为-75、“颜色”为(R:224,G:46,B:116),如图3-373所示,最后在如图3-374所示的位置输入相应的文字信息。

图3-373

图3-374

17选择“横排文字工具”,然后打开“字符”面板,接着设置“字体大小”为18.79点、“行间距”为14.64点、“字间距”为100、“颜色”为白色,如图3-375所示,最后在如图3-376所示的位置输入相应的文字信息。

图3-375

图3-376

18使用“画笔工具”在画面的下方绘制出两条白色光线作为装饰,效果如图3-377所示。

图3-377

19选择“横排文字工具”,然后打开“字符”面板,接着设置“字体样式”为Myriad Pro、“字体大小”为14.74点、“字间距”为-15、“颜色”为白色,如图3-378所示,最后在如图3-379所示的位置输入相应的文字信息。

图3-378

图3-379

20选择“横排文字工具”,然后打开“字符”面板,接着设置“字体样式”为LubalGraph BdBT、“字体大小”为10.11点、“字间距”为-15,如图3-380所示,最后在如图3-381所示的位置输入相应的文字信息。

图3-380

图3-381

21导入光盘中的“素材文件>CH03>素材3-33.png”文件,然后将新生成的图层命名为“星光”,接着使用“移动工具”将图像拖曳到右下角,效果如图3-382所示。

图3-382

22按Alt键复制出两个副本图层,然后调整好位置和大小,效果如图3-383所示。

图3-383

23使用“矩形工具”绘制一个同画布大小的白色矩形,然后设置该形状图层的“填充”为0%,效果如图3-384所示。

图3-384

技术专题:矩形工具

使用“矩形工具”可以创建出正方形和矩形,其使用方法与“矩形选框工具”类似。在绘制时,按住Shift键可以绘制出正方形,如图3-385所示;按住Alt键可以以鼠标单击点为中心绘制矩形,如图3-386所示;按住Shift+Alt组合键可以以鼠标单击点为中心绘制正方形,如图3-387所示。

图3-385

图3-386

图3-387

“矩形工具”的选项栏如图3-388所示。

图3-388

24执行“图层>图层样式>内阴影”菜单命令,打开“图层样式”对话框,然后设置“不透明度”为39%、“阻塞”为57%、“大小”为170像素,如图3-389所示。

图3-389

25在“图层样式”对话框中单击“渐变叠加”样式,然后单击“点按可编辑渐变”按钮,接着在弹出的“渐变编辑器”对话框中选择系统预设的“黑色到透明渐变”,如图3-390所示,最后返回“图层样式”对话框,设置“混合模式”为“叠加”、“样式”为“径向”、“缩放”为150%,并勾选“反向”,如图3-391所示,最终效果如图3-392所示。

图3-390

图3-391

图3-392

3.2.7 利用数字图像

在利用计算机进行平面设计时,可以选择使用数字图像。如果想获得最佳的视觉效果,可以有很多种选择。其中有些科技成分可以帮助我们应付复杂的设计工作。

图像分辨率

数字图像由像素构成,而且图像的像素越高,画质也就越好。理想的情况是,一张图片的分辨率应该高于300ppi。如果有机会使用Photoshop之类的软件,也可以在计算机上来检查原图的分辨率;没有计算机,则可以直接通过相机来检查分辨率是否达到相应的规格。大多数数码相机可以对照片进行不同规格的像素设置,所以在使用之前最好检查一下相机的像素设置是否齐备。另外,分辨率与图片尺寸也有一定关联。如果照相机的分辨率是72ppi,那么图片的像素大概为3456×2304。

TIPS

图3-393显示的是Photoshop软件中的图片尺寸模板,图片设置范围在72ppi~300ppi。

图3-393

图3-394和图3-395所示的表格代表了网版中的网点。一张被打印的图片是由一些色彩矩阵所组成的,可以透过放大镜看到它们。图3-394所示的图片矩阵规格为8×8,图3-395所示的图片矩阵规格为16×16。矩阵中包含的像素越高,图片的质量也就越清晰。

图3-394

图3-395

如果图片的尺寸被缩小,那么它的分辨率也会相应提高。减小图片的尺寸,将其宽度调整至111/2英尺(30厘米),那么图片的分辨率就能够达到300ppi。相反,如果将图片放大,那么图片的分辨率也会相应降低,这无疑会影响到画面的质量。

让我们来做一个有趣的实验,可以在计算机屏幕上将图片放大到300%到400%,我们会发现图片的像素点开始变大,如图3-396所示。总之,如果在图片中发现了明显像素块的存在,就说明图片的分辨率过低,我们应该缩小画幅或者更换一张分辨率大一些的图片,如图3-397所示。

图3-396

图3-397

排版中的图片

关于图片的使用,它取决于多种不同的因素,而这些决定因素就不同的设计项目而言又有所区别。

疑难问答:

Q:

在选取图片时,我们需要注意哪些问题?

A:

第1点:选择所需要图片的大小,这取决于设计师想传达的信息的重要程度。

第2点:图片与版面中的其他元素如何产生关联,我们在前面的内容中已经有所探讨。

第3点:是否需要将图片的局部细节进行放大。

第4点:是否需要在图片的边缘加边框。

第5点:是否需要变化图片以增强版面的新鲜感。

如果在设计工作之初便考虑周全,那么它就有助于在早期设计时做出一些重要的决定,从而使整个设计工作更加顺利。但是我们仍然需要适时地改变主意,因为计划总赶不上变化。图3-398~图3-405所示的图例表明了该如何根据一张图片和一些文字来变换版式。变化颜色和更改图片等都是专业设计师经常使用的技巧。

图3-398

图3-399

图3-400

图3-401

图3-402

图3-403

图3-404

图3-405

技术专题:建立个人的图片库

我们永远都无法预知自己何时会需要一张图片。如果我们拥有一个数码相机,那么不妨养成将其随身携带的习惯,这样可以随时收集视觉素材,从而建立属于自己的图库。卡片相机是最理性的选择,因为不必担心花费过多的费用。也可以拍下任何新奇的事物,而后抽时间对其进行整理,如图3-406和图3-407所示,而且这种习惯还有助于提高摄影的技能,何乐而不为呢?

图3-406

图3-407