平面设计教程!用这4个海报案例技巧,让设计立马变潮!

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

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

教程作者:胡晓波工作室(授权转载)

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

关于教程

如果说有一种海报风格是不得不学的话,那必定是时尚潮流风格。潮流海报是一种较为时尚、现代、又极赋渲染力的海报类型,它往往用色大胆,布局夸张,同时又巧妙地将各种时尚元素与人物完美融合,展现出独特而前卫的主题。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

下面我们来看看最近流行潮流海报有哪些特点呢!

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第一种:围边胶带字↓

在海报四周添加色彩鲜艳的边框和与主题相关的文字(围边字),或者添加几条交叉色块文字(胶带字),视觉冲击力强、非常有个性,经常用在一些潮牌和综艺海报中。围边字和胶带字可以单独使用一种,也可以组合打出一套组合拳。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第二种:环形文字↓

把文字沿着一个圆环进行排版,把文字图形化作为一种装饰,在形式上完全与常规的文字排法区别开来,可以产生很强的空间感,能在一瞬间起到抓人眼球的作用。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第三种:机能风图形↓

机能风常常通过运用一些机械元素、不规则机械外框等元素,配合一个高饱和的颜色,结合一些星星、圆环、线框等辅助元素装饰,形成一种强烈的对比,给人有种科技感、未来感。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第四种:酸性风↓

酸性设计的风格特点主要主要表现在光影颜色、材质、图形和文字,整体视觉语言注重对未来感的营造(如镭射、金属、几何等)、加入丰富且多元化的年轻时尚元素(如霓虹色、高纯度色彩等),酸性设计在视觉表现上有5大特征:

平面设计教程!用这4个海报案例技巧,让设计立马变潮! 平面设计教程!用这4个海报案例技巧,让设计立马变潮!

案例一

废话不多说,说做就做,实操案例来一个,第一个案例分享围边字海报的制作技巧,涉及到有知识点:①围边字胶带字制作;②文字编排;③运用叠加纹理背景的方法,快速地制作潮流海报氛围效果。

照例我们先看看最终的海报效果吧。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第一步

找一张产品模特的照片,新建文档,背景填充黑色,置入模特,确定模特主体在版面中的位置。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第二步

添加围边字。ps中添加围边字有2种

方法1:新建一个长方形路径,点选文字工具,然后鼠标移到路径上方,鼠标会出现一个曲线时输入文字即可(如下图一)。

方法2:直接输入文字手动排列,可操控性更强。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第三步

根据版面负空间,确定版面编排形式,由于模特主体偏居中,所以采用压四角的编排比较合适,如果模特主体偏右,那就居左排版也是可以的,具体要根据模特主体来采用不同的版面形式。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第四步

在版面负空间打上主题文案,注意文字与人物形成叠压关系。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第五步

胶带字:用矩形工具新建一个长条线,打上文字,群组(快捷键ctrl+G)加上一些阴影,按不同角度复制几条。条带颜色选取产品图案上的颜色,形成前后的空间关系,视觉效果更突出。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第六步

海报到这里基本差不多了,但是看起来,海报整体还缺乏质感与细节,所以,需要给背景添加一些纹理与细节。

新建2个不规则形状色块,百度搜索脏迹或者布料纹理背景,叠加到刚才的色块上,适当降低透明度即可,同时再用些与产品关联的条码、标签完善背景细节。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第七步

整体细节稍微调整下,一张非常有个性、潮酷的海报就完成了。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

案例二

第二个案例分享环形字海报的制作技巧,涉及到有知识点:①环形字制作(ai);②版面编排;③背景肌理制作。

照例先看看最终的海报效果吧!

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第一步

新建文档,背景填充黑色,置入模特,确定模特主体在版面中的位置。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第二步

在版面顶部打上主题文案,注意文字与人物形成叠压关系。由于人物居中,版式编排也采用的居中排版,为了让标题不过于呆板,主题文字采用错位编排。空的部分排上副标题。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第三步

填充其他文字信息,添加辅助装饰,丰富完善版面细节。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第四步

环形字制作。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第五步

为环形字添加发光效果。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第六步

添加背景肌理细节。

对,你没看错,背景的纹理素材我用了第一个案例的布纹纹理,叠加模式“点光”,透明度10%。然后添加一个网格和两段文字,背景肌理就做好了。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

ok,一张潮酷、带有未来感的海报完成了。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

案例三

这次我们来做个机能风的海报,涉及到有知识点:①机能边框制作(ai);②辅助元素编排填充;③主题标题的处理。

老规矩,先看看最终的海报效果!

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第一步

新建文档,背景填充黑色,置入产品,这次换个主角,来双鞋吧!

把鞋子放入版面,调整好鞋子的位置角度。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第二步

根据产品外框大致轮廓,绘制机能边框。注意适当让产品延伸到边框外面,形成破版,增强版面空间层次感。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第三步

添加主题文案信息。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第四步

进一步细化文字细节的编排,用辅助元素填充负空间。辅助装饰元素方面选择跟运动相关的符号,比如 马赛克、箭头符号、机器能量灯、星光线条之类的符号元素丰富 填充版面。如下图:

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第五步

海报到这一步,基本上已经完成了,作为追求完美的我们,这样是不行的,所以必须再细化,在整个版面中,我们发现主标题字体过于稳重,不够动感,所以必须要动刀子,让它有那么一点儿动感。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第六步

整体再调整下细节,给背景加点纹理,一张机能风海报搞定。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

案例四

最后来个酸性海报来驱赶下疲劳,如果你想做一张打破常规,不想那么枯燥无味的视觉表现,你可以来试试酸性风格,会给你带来不一样的表现,或许这就是“酸性设计”能成为当代美学的一种新浪潮的原因之一吧!

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第一步

放入情人节路边捡来的一支玫瑰,现在我要把它做成银色玫瑰,表达对爱情的永恒.......

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

开始了,看我4步点石成金手,从鲜活到永恒只要4步。酸性海报的金属花效果,4步轻松搞定。

1、导入素材,使用CTRL+SHIFT+U去色。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

2、选中去色后的素材CTRL+I反向。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

3、CTRL+J复制图层,选中复制的图层CTRL+I反向,然后调整混合模式为差值,最后合并图层。(重复2-3次这个步骤做出金属感,具体重复几次看实际效果,调整的过程中也可以用色阶调整明暗对比)。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

4、选中最后合并的素材,再次反向让高光的位置在花瓣上,并使用色阶增加金属效果的明暗对比度。金属花的素材就做好了!

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第二步

新建文档,填充灰色背景,置入刚才做好的金属玫瑰,调整好素材大小,玫瑰倾斜摆放,成对角线构图。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第三步

添加主题文案信息,主题文案置于版面顶部,跟金属玫瑰形成前后叠压关系,增加空间层次感。版面右下面比较空,其他文案信息就放这里了。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

第四步

完善调整版面细节,加入辅助元素装饰,既然是音乐节,给玫瑰加个枷锁,热爱自由,打破束缚。完成,收工。

平面设计教程!用这4个海报案例技巧,让设计立马变潮!

案例回顾

平面设计教程!用这4个海报案例技巧,让设计立马变潮! 平面设计教程!用这4个海报案例技巧,让设计立马变潮! 平面设计教程!用这4个海报案例技巧,让设计立马变潮!

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

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

36 收藏 119

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片