快捷搜索:  汽车  科技

ps插画海报大全(使用PS设计个性插画文字艺术海报)

ps插画海报大全(使用PS设计个性插画文字艺术海报)图2我们将海报进行了彻底的调整,沿用了上一张的黑色背景,添加了红色,使页面形成了鲜明的对比,插画人物素材简洁鲜明,很容易吸引观者的眼球;在字体设计上,字体的颜色围绕背景颜色中的颜色进行设计,使整个页面具有关联性,重要信息的文字使用笔划较粗的字体,使海报的内容一目了然,如图2所示。其次,页面中文字的大小相差甚小,并且字体的笔划粗细没什么差别,所以观者很难发现重要内容,也不知道这是关于什么主题的海报设计;最后,海报色调过于灰暗,所以导致视觉效果很差。总的来说,这是一张很失败的海报设计。图1方案二

项目背景分析

本例要制作的是一款插画艺术展海报设计,在海报中我们运用了黑色和红色的对比为背景色调来完成整个海报,生动的插画人物使海报视觉效果更加突出。在文字排列上,并没有使用原始的排列方法,而是使用了不同字体、不同颜色、不同大小,进行有节奏的排列。如果注意观察的话,我们会发现在海报中重要信息的文字笔划要粗一些,这样可以很容易的将重要信息显现出来,便于观者进行阅读。

方案设计分析

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

方案一

下面我们来看这张海报的设计,如图1所示。这是为一场插画艺术展览所设计的海报。首先,设计者在选择素材的时候就犯了错误,这并不是插画的典型类型,即使在软件里进行后期制作,可是还是不能达到很好的效果;

其次,页面中文字的大小相差甚小,并且字体的笔划粗细没什么差别,所以观者很难发现重要内容,也不知道这是关于什么主题的海报设计;最后,海报色调过于灰暗,所以导致视觉效果很差。总的来说,这是一张很失败的海报设计。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(1)

图1

方案二

我们将海报进行了彻底的调整,沿用了上一张的黑色背景,添加了红色,使页面形成了鲜明的对比,插画人物素材简洁鲜明,很容易吸引观者的眼球;在字体设计上,字体的颜色围绕背景颜色中的颜色进行设计,使整个页面具有关联性,重要信息的文字使用笔划较粗的字体,使海报的内容一目了然,如图2所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(2)

图2

项目制作流程

制作背景图形

OK,下面我们就来教大家,如何使用PS设计方案2的艺术展海报效果,首页来制作背景图形,注意背景图形的颜色会联系到字体颜色的设计。

(1)启动Photoshop (笔者习惯了CS6,你也可以使用其他版本来进行设计制作,软件版本和设计的关系真心不大),按Ctrl N组合键新建一个“插画艺术展海报设计”文件,具体参数设置如图3所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(3)

图3

(2)新建一个“图层1”,然后使用“矩形选框工具”绘制一个合适的矩形选区,并使用黑色填充选区,效果如图4所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(4)

图4

(3)新建一个“图层2”,然后设置前景色为(R:224,G:61,B:78),接着继续使用“矩形选框工具”绘制出合适的矩形选区,并使用前景色填充选区,效果如图5所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(5)

图5

(4)新建一个“图层3”,然后设置前景色为(R:235,G:175,B:91),接着使用“钢笔工具”绘制出一个不规则的路径形状,并按Ctrl Enter组合键将其转化为选区,最后使用前景色填充选区,效果如图6所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(6)

图6

(5)新建一个“图层4”,然后设置前景色为(R:64,G:93,B:62),接着同样使用“钢笔工具”绘制出路径,并按Ctrl Enter组合键将其转化为选区,最后使用前景色填充选区,效果如图7所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(7)

图7

(6)新建一个“图层5”,然后设置前景色为(R:109,G:82,B:39),接着继续使用“钢笔工具”绘制出路径,并按Ctrl Enter组合键将其转化为选区,最后使用前景色填充选区,效果如图8所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(8)

图8

(7)按住Shift键同时选中“图层3”、“图层4”、“图层5”3个图层,然后将这3个图层移动到“图层2”的下方,效果如图9所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(9)

图9

进行文字设计

下面使用PS来进行文字部分的设计,注意文字的排列方向、字体选择和颜色是影响海报视觉效果的重要因素。

(1)新建一个“组1”图层组,然后选择“横排文字工具”,接着在选项栏中设置“字体样式”为GEsansCon57、“字体颜色”为(R:111,G:82,B:38),如图10所示,最后在画面的右侧输入文字,并适当的调整文字的大小,效果如图11所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(10)

图10

ps插画海报大全(使用PS设计个性插画文字艺术海报)(11)

图11

(2)在选项栏中选择“切换文本取向”按钮,然后继续在画面的右侧输入竖排文字,并适当的调整文字的大小,效果如图12所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(12)

图12

(3)设置“组1”图层组的“混合模式”为“变亮”,效果如图13所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(13)

图13

(4)导入如图14所示的“素材文件”,然后使用“移动工具”将其拖曳到当前文档中,并将新生成的图层命名为“插画”图层。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(14)

图14

小技巧:以下文字的颜色与背景的颜色和人物的颜色之间都是有联系的,这样才能使整个画面和谐统一。

(5)选择“横排文字工具”,然后在“字符”面板中设置“字体样式”为Induction、“字体大小”为27点、“行间距”为40点,并选择“全部大写字母”按钮,如图15所示,接着输入相应的文字信息,最后为文字选择合适的颜色,效果如图16所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(15)

图15

ps插画海报大全(使用PS设计个性插画文字艺术海报)(16)

图16

(6)在“字符”面板中设置“字体样式”为GEsansCon57、“字体大小”为14点、“字间距”为-75、“颜色”为(R:111,G:82,B:38),并选择“仿粗体”按钮,如图17所示,然后在如图18所示的位置输入相应的文字信息。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(17)

图17

ps插画海报大全(使用PS设计个性插画文字艺术海报)(18)

图18

(7)在“字符”面板中将“字体大小”调整为28点、“字间距”为-100,如图19所示,然后在合适的位置输入相应的文字信息,并为文字选择合适的颜色,效果如图20所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(19)

图19

ps插画海报大全(使用PS设计个性插画文字艺术海报)(20)

图20

(8)在“字符”面板中将“字体大小”调整为15点、“行间距”为18点、“字间距”为0,如图21所示,然后在如图22所示的位置输入相应的文字信息。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(21)

图21

ps插画海报大全(使用PS设计个性插画文字艺术海报)(22)

图22

小技巧:为了使页面达到整体统一的效果,在文字输入完毕后,要使用“左对齐文本”和“右对齐文本”按钮来调整文字。

(9)在“字符”面板中设置“字体样式”为Impact、“字体大小”为71点、“行间距”为78点,然后取消选择“仿粗体”按钮,如图23所示,接着选择合适的颜色输入文字信息,效果如图24所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(23)

图23

ps插画海报大全(使用PS设计个性插画文字艺术海报)(24)

图24

(10)设置“字体样式”为GEsansCon57,然后适当的调整文字的大小和间距,接着选择合适的颜色输入相应的文字,效果如图25所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(25)

图25

(11)在“字符”面板中设置“字体样式”为Disco Deck、“字体大小”为30点、“颜色”为粉色,如图26所示,然后在如图27所示的位置输入相应的文字信息。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(26)

图26

ps插画海报大全(使用PS设计个性插画文字艺术海报)(27)

图27

小技巧:字体颜色与粉色的背景的色标参数相同。

(12)新建一个图层,然后设置前景色为(R:235,G:175,B:91),接着使用“矩形选框工具”绘制出合适的矩形选区,并使用前景色填充选区,效果如图28所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(28)

图28

(13)选择“横排文字工具”,然后在“字符”面板中设置“字体样式” 为GEsansCon57、“字体大小”为6点、“字间距”为25、“颜色”为黑色,并选择“全部大写字母”按钮,如图29所示,接着输入相应的文字信息,最终效果如图30所示。

ps插画海报大全(使用PS设计个性插画文字艺术海报)(29)

图29

ps插画海报大全(使用PS设计个性插画文字艺术海报)(30)

图30

项目课后分析

好了,到这里本课就介绍完了,最终完成的海报效果图如上图所示。本例通过实际操作,帮助大家更深层次的了解到PS的应用,同时需要注意,设计是一门艺术,PS只是工具,掌握了工具不代表就是一个合格的设计师,在设计中,应该多思考,多学习,勤对比,做到好的色彩,构图搭配,才能快速成长,否则永远职能停留在一个美工阶段。课程中用到的美女素材,如果需要,可以关注私信我们获取。

爱读微课(iread360.com)原创课程|爱上PS

猜您喜欢: