平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

时间:2022-03-15
类别:平面设计
水平:普通
观众:2.0w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

教程作者:菲林(优设 平面设计实战营 讲师)

交作业:#优设每日作业#

关于教程

哈喽哈喽~我是优设平面实战营的讲师-菲林(微博@Feeelin

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

今天用实际案例来带大家一起拓展新风格 — 拼贴艺术:

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

教程效果图

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

一、什么是拼贴风

拼贴艺术首先从字面意义上讲就是“拼合”“粘贴”,也就可以理解为,把不同的元素拼贴在一起,从而实现“1+1>2”的艺术形态。

近几年拼贴艺术频繁出现在各大综艺节目的视觉设计中,不管是表现明朗夏日氛围,还是复古斑驳质感都不在话下。他的自由灵活和可操作性让它很难不流行!甚至从中衍生出来的撕纸风、补丁风、拼贴插画等风格也在之前大受欢迎~

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

接下来我们就一起深入了解一下拼贴艺术吧~

二、历史根源

1.立体主义

最早的拼贴概念出现在立体主义时期,毕加索从贴满海报的墙面得到灵感而创作了《有藤椅的静物》,用带有藤条图案的布来代替手绘。从而产生了拼贴艺术的基本概念——异质同构。

2.达达主义

到了达达主义时期,拼贴的手法更加的多元,不管是照片、文字还是质感的表达都看到了更多的可能。而当时的拼贴艺术更强调一种非理性的偶然和即兴,受到第一次世界大战的影响,达达主义的艺术家也经常使用这种自由随性的拼贴艺术来反讽战争的无意义。

3.超现实主义

再往后发展,超现实主义开始模糊了拼贴艺术的真实感,更加追求非现实的场景、元素、比例等等。为拼贴艺术加入了更多的趣味性与意义表达

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

三、总结共性

1.异质同构

把不同材质、属性、年代的元素拼合到同一个版面中,从而产生一种新的艺术形态。讲究的就是一个异质所碰撞出来的新鲜感~也是拼贴艺术最基本的概念

2.超现实

这一点是拼贴艺术的趣味性所在。

可以从两个角度去理解,一是我们所表现的场景就是超现实的,现实世界不可能存在的事物;而当所表现的场景是现实可存在的时候,那在手法上可以着重强调他的拼贴感,比如物体边缘的撕纸质感,不规则感等等,都可以从另一个角度来凸显他的超现实。

3.自由灵活

首先,拼贴艺术可以自由选择要表现的事物或材质。其次,它的版式与编排都非常的随性灵活,与强调秩序性的国际主义平面风格是截然相反的。所以一般情况下,只要保证信息的可读性就可以了。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

四、表现形式

1.质感表达

拼贴少不了的就是各种各样的材质,所以质感的表达就非常常见。

2.肌理叠加

常见的肌理效果包括斑驳、半调、噪点等等。无论是用来丰富层次关系还是用来为照片增强质感细节都是不错的选择。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

3.纸张质感

早期的拼贴艺术都是用手工的方式剪裁粘合在一个版面中,其中纸质印刷品经常作为剪裁对象。所以当我们想要还原这种早期的手工感版面的时候,就会选择用褶皱的纸张、撕纸边缘、拙朴剪裁的剪裁边缘等等来表现。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

4.手绘涂鸦

这一方式也是表现版面手工感的一种途径,其中不同的笔刷也会呈现出不同的质感。发展到后来,我们也会将手绘涂鸦作为版面中的主要表现对象,也就形成了拼贴插画这种艺术风格。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

5.色块叠加

这里的逻辑是利用二维色块或图形来与三维的拼贴材质做出一种碰撞感。这里版面中的二维图形不仅可以用来丰富层次与细节,还可以通过提高色块饱和度来增强画面对比使其视觉效果更加强烈。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

6.二维拼贴

这里的二维拼贴是拼贴艺术到了现代衍生出来的一种形态,它摒弃了各种各样的材质表达,单纯通过拼贴的手法将纯二维的图形或图案组合到一个版面之中。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

五、案例演示

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

1.基础设定

①设计方向

本次案例以虎年为主题,所以会选择传统元素作为表现主体,与相对现代的元素相结合作为趣味性设定。整体风格更偏向于国潮。

主要表现得内容为作为一名设计师在新年来临之际所拥有的美好愿望~比如掌握设计话语权、手里有矿、身边有猫~

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

②表现手法

主要使用色块叠加与手绘涂鸦的方式。其中色块叠加的形式可以让文字信息拥有更容易阅读的表现范围。手绘涂鸦的形式可以用来活跃版面并且作为版面更具有趣味性的部分。

2.确立大框架

首先,为了让版面的文字信息表现更清晰,我们还是选择使用网格来划定整体框架。确定好文字信息位置,然后视觉部分就可在余下空间内自由发挥。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

接下来我们就可以把要表现得主体元素先放进来,根据视觉部分的空间形态,确定好元素间的比例关系。这里我把敦煌壁画作为主体元素,以左一作为主要表现对象,右面两个作为辅助元素。

这时我们就完成基础设定了。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

3.趣味性设定

①异质同构

首先我们可以从主体人物动态特征出发“依形而饰”,比如前面右手呈现拿起的姿势,后面双手呈托举状态,我们都可以针对这些动态做一个符合主题背景的元素放置。再比如主体人物的周边也可以放一些散落的物品,比如键盘,以及家里那只喜欢踩键盘的猫咪~

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

②手绘涂鸦

涂鸦的方式可以很好的去活跃你的版面,可以根据人物动态加一些小元素,以及为人物添加一些小表情等等。使版面趣味性更强。除此之外,我们可以发现版面中因为主题元素细节过多导致元素之间的边界并不清晰,有些混作一团了~这时候我们就可以利用手绘的方式涂抹物体边缘,使得元素显示的更加清晰

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

如果还是觉得不够清晰,可以通过减少主体人物细节来解决,比如我们给它做一个单色调处理,使颜色不会太花。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

4.文字信息

视觉主体部分处理完成之后,就可以针对文字信息部分做出相应的调整。首先构图上稍显规整,可以尝试倾斜式构图来让版面更加自由灵活。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

①肌理质感

这一步我们给周围的装饰英文添加斑驳质感。

首先将文字图层右键-转为智能图像,使后续调节更加方便。可以添加一些细节,滤镜-像素化-彩色半调。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

然后做出形态扭曲,先找一个具有形态扭曲的纹理图片,将他存储为PSD格式。然后我们回到版面中,给文字部分添加扭曲-置换-选择刚才存储的PSD格式纹理,然后会发现我们的文字就会按照纹理图片的扭曲路径而发生变化。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

添加高斯模糊来使形态边缘更加柔和。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

点击文字图层的智能滤镜蒙版,选择画笔功能并调整为黑色对文字扭曲效果做出虚实变化,如果追求更丰富细腻的斑驳质感,也可以选择一个带有肌理效果的笔刷,这里可以多多尝试一下会有很多不同的效果~

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

最后也可以新建一个图层,用喷溅笔刷在文字周围以及版面其他部分做出喷溅效果或者划痕效果。这样我们的字效部分就完成啦~

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

②整体优化

最后我们可以针对整体添加更多的细节。

比如绿色画布,可以通过添加肌理图片或者用笔刷做出磨痕。整体的紫色背景可以加入虎纹的元素来增强主题的呼应。最后还可以加入一些圆形的纸质标签来活跃版面。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

最后效果

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

六、延伸应用

拼贴艺术最大的优点就在于它可以非常快速的实现你的想法而不要多么高超的合成技术。但拼贴艺术往往太过自由随性,使得忽略了文字信息的表达而导致传统的拼贴艺术并不能很好的应用在商业环节中。

而这,我们就可以对其进行主动的优化,使其文字内容表达更清晰、构图更加规范,把拼贴艺术单纯作为主视觉的表现手法来呈现。

1.风格融合

除了对于拼贴艺术本身的优化,我们还可以大胆去尝试与其他具有相同特质的风格相融合

举个例子,前面有讲到“色块叠加”的表现手法,它的逻辑就在于将二维图形与三维元素相结合。那么我们就可以针对于二维图形进行升级再造,这时就想到了机能风

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

机能风的代表性元素就在于电子原件图形等机械感的元素,以及经常将图片处理为红外热成像的双色调质感,那我们就可以提取这两个特质来与拼贴艺术相结合。

整体设计方向更加偏向未来感

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

2.设计流程

同样按照上个案例的逻辑。

先利用网格来划定大框架,注意大小主次关系。这里我将框架图形设定为机能面板的形态来奠定整体基调。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

放置拼贴元素

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

加入更多机能风元素,例如对于图片处理方式、柱状图表、警示标签等等。使版面中的机能风特质更加明显。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

最终效果图

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

除了机能风之外,其他带有图形特质的风格我们都可以按照“色彩叠加”的逻辑来进行融合创作。总之,我们在了解掌握了拼贴艺术之后,完全可以跳出这个范围内,把拼贴单纯视为一种表现手法,其他部分都可以按照我们的实际需要来进行优化调整。

文章到这里就结束了!如果你想系统学平面设计,掌握流行风向标,这里推荐一下我正在讲课的「优设平面设计实战营」

课程紧跟平面设计趋势,带你掌握多种设计风格,毕业后你可以根据活动类型,快速定位适合风格。

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

以下的作品来自优设平面设计实战营:

平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示) 平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示) 平面设计教程!如何做好拼贴风海报?我总结了这6个要点(附实战演示)

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

[link https://uiiiuiii.com/photoshop/1212410736.html]

18 收藏 107

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片