如何让抽象元素在海报中的体现?教程·Photoshop

我们总是为那些优秀设计师所创作出来的作品而折服,感叹他们的作品给我们所带来的震撼。

当我们进行创作时,在创作初期也许会为无法理清思路而苦恼,也有可能会因为软件的应用不熟练而感到束手无策,在完成设计后又会因为印刷的问题对作品进行反复的修改。

那么当遇到这些问题时,该怎么解决呢?

不用苦恼,接下来小编将会以图形图像处理软件Photoshop和矢量绘图软件Illustrator为操作平台,通过一个案例来对设计中的要点和软件操作技巧进行讲解,帮助大家进一步理解和把握对作品进行构思和创作设计的要点,以及对平面设计及软件操作等有更全面的了解~

实战:抽象元素在海报中的体现

——路径查找器

案例操作

设计思维进化图

(1)对海报的画面进行布局,安排设计元素的比例和位置。

(2)在Illustrator中使用多种工具和命令对海报中的矢量元素进行绘制。

(3)在Photoshop中添加汽车的位图,并为汽车下方添加上投影效果。

(4)使用调整图层对汽车的位图进行颜色和影调的调整,完善画面。

创作关键字:具体事物抽象化

在设计制作的过程中将现实生活中的高山用抽象的方式进行表现,使用与群山外形的图表代替。

除了高山以外,海报中右上角的圆环所表示的是现实中太阳及阳光的形象,并使用地图的图形来表示云朵。除此之外,海报中还使用有指示作用的箭头作为画面的道路,这些表现方法都是抽象的形式。

色彩搭配秘籍:尼罗蓝、深青灰、肤色、橘红色

尼罗蓝具有蓝色的知性特质,容易引人产生联想;深青灰给人沉稳安静的印象,具有很强的可塑性;肤色具有柔和的色调,容易让人产生亲近

感;橘红色是欢喜的色彩,可以激发热情和振奋精神。如右图所示。本例的设计中就是采用了这4种颜色作为搭配进行创作的,这4种颜色中有两种为冷色调,两种为暖色调。冷暖色的搭配可以营造出较强的视觉冲击力,同时不同明度和纯度的同类色进行搭配设计,可以增强设计元素的层次,呈现出一定的立体感。通过这4种颜色之间的协调搭配,可以突显出案例中汽车品牌的时尚性,传递出年轻、活力的感觉,更容易赢得年轻消费者的喜爱。

软件功能应用提炼

Illustrator功能应用

A使用“椭圆工具”和“直线段工具”绘制圆环;

B通过“路径查找器”面板的使用制作出四分之一圆环的效果;

C使用“钢笔工具”绘制海报中的设计元素。

Photoshop功能应用

A使用“图层蒙版”将汽车位图进行局部显示;

B用“可选颜色”“色彩平衡”和“照片滤镜”对汽车的颜色进行调整;

C用“色阶”和“亮度/对比度”调整汽车的亮度。

实例步骤解析

在本例的制作过程中最重要的两点就是海报中设计元素的绘制和汽车位图的添加,在具体的制作中先在Illustrator中绘制设计元素,接着在Photoshop中添加汽车位图,并调整汽车的颜色和影调,具体操作如下。

在Illustrator中绘制矢量图形

Step01绘制圆形

启动IllustratorCC应用程序,新建一个文档,选择“椭圆工具”绘制圆形,为其填充上适当的描边色,无填充色,并设置描边的粗细为“1pt”。

Step02绘制线段

选择“直线段工具”,在圆环上绘制若干个线段,并填充上适当的描边色,设置描边的粗细为“1pt”,在画板中可以看到绘制完成的效果。

Step03绘制两个圆形并进行对齐

使用“椭圆工具”绘制两个正圆形,分别填充上两种颜色,打开“对齐”面板,依次单击“水平居中对齐”按钮和“垂直居中对齐”按钮,对两个圆形的排列位置进行更改。在画板中可以看到两个圆形的圆心均在同一个点上,属于完全居中的对齐显示状态。

Step04制作圆环图形

同时选中两个圆形,单击“路径查找器”面板中的“减去顶层”按钮,对圆形进行剪切处理,在画板中可以看到编辑后得到一个圆环效果的图形。

Step05制作半圆环图形

使用“矩形工具”绘制一个矩形,放在适当的位置,同时选中矩形和圆环,单击“路径查找器”面板中的“减去顶层”按钮,得到一个半圆环的图形效果。

Step06制作四分一圆环

再绘制一个矩形,放在适当的位置,同时选中矩形和半圆环,单击“路径查找器”面板中的“减去顶层”按钮,得到一个四分之一圆环的图形效果。

Step07制作其他的四分之一圆环

使用与前面制作四分之一圆环相同的方法,制作出其余的四分之一圆环效果,接着对其进行适当排列,并分别填充上不同的颜色,无描边色。

Step08绘制矩形

选中工具箱中的“矩形工具”,在适当的位置绘制出矩形条,并且填充上适当的颜色,在画板中可以看到编辑完成后的图形效果。

Step09绘制其他的圆环

使用与前面创建半圆环的方法,编辑出更多的圆环效果,并且按照一定的位置和顺序进行排列,并对前面编辑完成的图形进行布局。

Step10绘制地图

通过添加素材的方式或者直接使用“钢笔工具”绘制的方式绘制出地图的路径,并打开“渐变”面板,为其填充上适当的渐变色。

Step11添加指示和文字

使用“直线段工具”“椭圆工具”“文字工具”为地图添加上指示图标,并打开“字符”面板设置文字属性,打开“颜色”面板设置颜色。

Step12绘制图表

使用“钢笔工具”和“直线段工具”绘制出任意走向的图表效果,并打开“渐变”面板设置填充的渐变色,在画板中可以看到编辑后的效果。

Step13绘制地标图形

参照上图所示的绘制顺序,绘制出地标的图形,为绘制的每个局部图形填充上适当的颜色,并对绘制完成的地标图形进行编组处理。

Step14复制地标图形

对绘制完成的地标图形进行复制,调整复制后的地标图形的大小,将地标图形放在画面中适当的位置上,在画板中可以看到编辑后的效果。

Step15绘制道路

使用“钢笔工具”在画板中适当的位置上绘制箭头,将其作为道路,接着打开“颜色”面板为其设置适当的填充色,无描边色。

Step16完善绘图并存储文件

对画面中的内容进行完善,接着执行“文件>存储”菜单命令,在打开的对话框中设置文件存储的位置、格式和文件名称,将编辑完成的文件存储为AI格式。

Step01创建纯色和图案填充图层

创建一个新的PSD文件,接着在其中创建一个颜色填充图层和一个图案填充图层,并对相应的选项进行设置,在图像窗口中可以看到背景的变化。

Step02置入AI文件

执行“文件>置入”菜单命令,在打开的对话框中选择编辑完成的AI文件,将其置入到PSD文件中,得到一个智能对象图层,接着对文件的大小和位置进行设置。

Step03添加汽车素材并抠取图像

新建图层,得到“图层1”图层,将素材复制到其中,适当调整文件的大小和位置。使用“磁性套索工具”将汽车勾选出来,接着为“图层1”图层添加图层蒙版,把多余的图像遮盖起来,在图像窗口中可以看到编辑完成的图像效果。

Step04添加阴影效果

创建颜色填充图层,设置填充色为黑色,将该图层拖曳到“图层1”图层的下方,接着使用“画笔工具”对图层蒙版进行编辑,为汽车添加上阴影效果,可以看到编辑后的效果更立体。

Step05用色彩平衡调整颜色

将“图层1”的图层蒙版添加到选区,创建色彩平衡调整图层,在打开的“属性”面板中将“中间调”选项下的色阶值分别设置为“﹣26、+12、+44”。

Step06用可选颜色调整颜色

再次将汽车添加到选区中,创建可选颜色调整图层,在打开的面板中将“黄色”选项下的色阶值分别设置为“+11%、+3%、﹣100%、﹣2%”,调整局部的黄色显示。

Step07用照片滤镜调整颜色

将汽车添加到选区中,创建照片滤镜调整图层,在打开的面板中设置“滤镜”为“冷却滤镜(82)”,“浓度”为“10%”。

Step08调整汽车素材的影调

再次将汽车添加到选区中,分别创建色阶和亮度/对比度调整图层,在打开的面板中对选项进行设置,将汽车调亮,在图像窗口中可以看到编辑的效果。

Step09输入文字

选中“横排文字工具”,在适当的位置单击并输入文字,打开“字符”面板对文字的属性进行设置,完善画面的内容。

Step10用颜色填充图层制作彩色圆点

使用“椭圆选框工具”创建选区,接着创建颜色填充图层,并设置填充的颜色。接着对创建的颜色填充图层进行复制,更改填充色,将圆形的图形作为修饰放在文字的前面,在图像窗口中可以看到本例最终的编辑效果。

延伸阅读

更多内容可以购买《设计+制作+印刷+商业模版Photoshop+Illustrator实例教程》详细阅读哦!

THE END
1.汽车壁纸汽车壁纸图片汽车壁纸大全觅知网为您找到112个原创汽车壁纸,包括汽车壁纸图片,汽车壁纸素材,汽车壁纸海报,汽车壁纸背景,汽车壁纸模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于汽车壁纸大全就来觅知网。https://www.51miz.com/so-sucai/2929484.html
2.正面汽车素材正面汽车图片元素觅元素是设计素材的免费下载网站,提供正面汽车素材,正面汽车图片,正面汽车免抠素材设计元素,正面汽车png图片透明背景等素材免费下载。https://www.51yuansu.com/tupian/zhengmianqiche.html
3.汽车图片汽车设计素材红动中国素材网提供18261个汽车图片、汽车素材、汽车背景、汽车模板、汽车海报等PS素材下载,包含PSD、AI、PNG、JPG、CDR等格式源文件素材,更多精品汽车设计素材下载,就来红动中国,最后更新于2024-12-05 08:20:56。https://so.redocn.com/moban/c3e2b7d1c6fbb3b5c4a3b0e5.htm
4.小汽车图片小汽车素材小汽车模板下载摄图网为您提供2162张小汽车图片模板素材,包含小汽车图片,小汽车素材,小汽车模板,小汽车高清图片下载https://m.699pic.com/tupian/xiaoqiche.html
5.汽车照片大全图片汽车照片大全素材汽车照片大全图片素材下载潮国创意为您精选了高质量的汽车照片大全图片、汽车照片大全素材、汽车照片大全图片素材供大家下载使用,下载精美图片就到潮国创意。https://chaopx.com/img/133163.html
6.汽车照片墙图片汽车照片墙素材汽车照片墙模板免费下载六图网为您提供2393张汽车照片墙设计作品免费下载服务,您还可以找到汽车照片墙图片、汽车照片墙素材、汽车照片墙模板等设计素材,我们为您提供汽车照片墙图片下载,汽车照片墙模板下载、汽车照片墙素材下载等服务!https://m.16pic.com/sucai/3976138.html?from=singlemessage
7.汽车后面照片专题模板汽车后面照片图片素材下载我图网汽车后面照片专题为您整理了746个原创高质量汽车后面照片图片素材供您在线下载,PSD/JPG/PNG格式汽车后面照片模板下载、高清汽车后面照片图片大全等,下载图片素材就上我图网。https://so.ooopic.com/sousuo/3554067/
8.奥迪汽车照片素材网站图片免费下载奥迪汽车照片,站酷提供丰富的图片素材,品牌设计,UI交互,动漫游戏,影视摄像等正版素材,站酷是设计师、摄影师、插画师、艺术家、创意人,设计创意首选中国设计师互动平台。https://www.zcool.com.cn/tag/ZMzc1MjU5Ng==.html
9.汽车背景照片高清汽车背景摄影图片正版摄影素材网汽车背景照片专题素材由Veer图库精选提供,内容涵盖:汽车背景照片,高清汽车背景摄影照片,可商业汽车背景照片素材等;需要正版汽车背景照片素材下载需求就到Veer图库。https://www.veer.com/topic/10059/
10.汽车图片素材汽车专题图片图片素材摄影照片免费下载由动力驱动,具有4个或4个以上车轮的非轨道承载的车辆,主要用于:载运人员和(或)货物;牵引载运人员和(或)货物的车辆;特殊用途。 TA说https://www.52112.com/zhuanti/qiche_0_3.html
11.汽车图片汽车素材汽车图片下载视觉中国为您找到967462个原创汽车素材图片,包括汽车图片,汽车插画,汽车模板,汽车元素,汽车图标等源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于汽车素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、PPT、视频等版权素材就http://vcg.com/creative-image/qiche
12.[动画汽车素材]图片免费下载动画汽车素材素材千图网为您找到61张动画汽车素材相关素材,千图网还提供动画汽车素材图片,动画汽车素材素材, 动画汽车素材模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://m.58pic.com/tupian/donghuaqichesucai.html
13.从汽车内部拍摄的高速公路照片。图虫创意免费下载样片 如需下载无水印样片可致电4000-666-417或联系在线客服 关键词查看更多 autoautomobilecautiousdangerdrivedynamicfootageiceicyimageinsidemaintenanceovertakingpassengerroadsceneslipperysmoothsnowdriftspeedtraffictrailertransittransporttraveltruckvehicle交付交通公路冰到达动议卡车图像大雪安全小心开车拉什拖车景观汽车现https://stock.tuchong.com/video/detail?videoId=800630782900174975
14.汽车展图片素材汽车展图片素材大全全景网整合高端汽车展图片库和正版汽车展图片素材,拥有大量汽车展高清图片,汽车展背景图片以及汽车展壁纸,免费下载使用高清汽车展图片,为您提供一站式全媒体创意解决方案。https://www.quanjing.com/images/qichezhan.html
15.小米汽车泄密当事媒体致歉:误将工信部申报图当成其他媒体素材时间来到 12 月 20 日,这两家当事媒体也都在社交平台上贴出了自己的致歉声明。“ZAKER”方面表示,该公司汽车事业部员工包某某在 12 月 17 日受邀参与的品鉴拍摄活动期间,误将此前小米汽车在工信部公示的照片当成其他媒体同场拍摄的素材,并错误认为小米汽车允许公开发布拍摄的照片。 https://www.ithome.com/0/740/609.htm
16.《书籍装帧》设计实战1、所需素材 厨师图片、巧克力棒图片、饼干图片、出版社标志、字体 2、流程 输入文字(调整字体、大小、颜色、图层样式、间距、图层样式);抠取厨师图片(魔棒工具)、巧克力棒图片(钢笔工具)、饼干图片(钢笔工具);移入照片(调整大小、角度),调整整体饱和度。 https://www.jianshu.com/p/39f8201c9811
17.免费素材图片免费素材图片和视频,可以在任何地方使用。? 高质量 ? 100% 免费? 无需注明归属https://www.pexels.com/
18.素材中国www.sccnn.com素材CNN素材中国,素材CNN_免费素材共享平台.图片素材图库提供海量素材,图片下载,设计素材,PSD源文件,矢量图,AI,CDR,EPS等高清图片下载http://sccnn.com/
19.PS手绘汽车教程:通过手稿绘制一辆逼真的奥迪汽车素材图。PS手绘PS手绘汽车教程:通过手稿绘制一辆逼真的奥迪汽车素材图。效果图: 步骤1 从素描你的设计开始。线路工作并不一定是最好的,因为你会用路径遍历它。试着包括尽可能多的细节,但不要太担心,这一点是要发展一个设计,所以如果想法在工作中得到了,那么这是一件好事。扫描草图并保存文件。这个特殊的文件是3500像素宽,如果https://www.west.cn/info/html/wangyezhizuo/photoshop/20201206/4673409.html
20.汽车俯视图片免费下载汽车俯视素材汽车俯视海报新图网是专注免费商用设计素材下载的网站,提供汽车俯视,汽车俯视图片,汽车俯视素材, 汽车俯视图标,汽车俯视海报等免费下载服务!https://ixintu.com/all/qichefushi.html