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