平面设计教程!4种技法丰富你的海报设计视觉效果

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

平面设计教程!4种技法丰富你的海报设计视觉效果

教程作者:阿贵(授权转载自公众号:胡晓波工作室

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

关于教程

Hello 大家好,我是阿贵。不知道大家做海报的时候有没有过大脑短路,想不出或者做一张海报有点比较特别的巨费费劲,接着就是电脑看着你,你看着电脑,发呆,一顿打开站酷、Behance、花瓣等设计网站逛啊逛,一上午就过去了。

哈哈哈,不扯了,今天的这篇文章将带你走出这种困境,在同事领导面前脸上有光。哈哈哈~

平面设计教程!4种技法丰富你的海报设计视觉效果

  1. 伪立体字
  2. 文字路径偏移
  3. 半调网屏 
  4. 色块拼接/分割

平面设计教程!4种技法丰富你的海报设计视觉效果

我们开始今天的教程吧~

平面设计教程!4种技法丰富你的海报设计视觉效果

#01 伪立体字

平面设计教程!4种技法丰富你的海报设计视觉效果

今天我们来学习一下日常设计中及其常见的海报形式之一:伪立体字海报。先来看看网上类似的案例。

平面设计教程!4种技法丰富你的海报设计视觉效果

这是很早之前做的一个字体用到的,也是伪立体字的视觉呈现。

平面设计教程!4种技法丰富你的海报设计视觉效果

可以看到伪立体充当视觉主体非常的出效果,接下来详细介绍下用到的工具和操作。

平面设计教程!4种技法丰富你的海报设计视觉效果

这个案例用到的是 AI 的 3D 工具,我们先看下海报的一个雏形。

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

我们先简单的给伪立体字简单的上个色。

平面设计教程!4种技法丰富你的海报设计视觉效果

重点部分:伪立体字体效果步骤解析。

这是一个二维的平面效果,我们选出合适的英文字体转曲 (Ctrl+Shift+O),由于其他英文的制作方法一样,这里就单独举例 2022。

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

最后再到 PS 调色,以及杂色的添加,丰富画面。

具体步骤:菜单栏-图像-调整-色相/饱和度

平面设计教程!4种技法丰富你的海报设计视觉效果

到此这个伪立体字海报就完成了,是不是灰常的简单!

#02 偏移路径

平面设计教程!4种技法丰富你的海报设计视觉效果

先看看大致的一个海报编排效果。

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

上面的缩略图可能看的不是很清楚,我们放大看一下并为其添加黑色背景。

平面设计教程!4种技法丰富你的海报设计视觉效果平面设计教程!4种技法丰富你的海报设计视觉效果平面设计教程!4种技法丰富你的海报设计视觉效果

我们看看给它们换换色是什么样的感觉?

平面设计教程!4种技法丰富你的海报设计视觉效果

可以看到我们不管是换填充色还是换描边的颜色给人的感觉都是不一样的,亦或者是增加描边的粗细程度。

下图是我把描边增加到 4pt 可以明显的看到缺失的细节比较严重,所以此处不建议大家把描边的粗细增大。

平面设计教程!4种技法丰富你的海报设计视觉效果

我们换个宋体和楷体试试。

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

不同气质的字体做出来的感觉各不相同,最终还是建议用黑体比较好,更加的干净简洁。

好了这样的尝试还有很多种,后面大家多去尝试吧,动动手操作起来。

 

平面设计教程!4种技法丰富你的海报设计视觉效果

#03 半调纹理

平面设计教程!4种技法丰富你的海报设计视觉效果

还是先看看大致的一个海报编排效果。

平面设计教程!4种技法丰富你的海报设计视觉效果平面设计教程!4种技法丰富你的海报设计视觉效果

简单的看看这种效果的呈现方式,就是密集的波点有种类似像素化的赶脚,这里我拿人物做了个简单的示范。

平面设计教程!4种技法丰富你的海报设计视觉效果

拿之前做的举个栗子,再看看图形加上这种效果是不是别有一番风趣,形式感足足。

平面设计教程!4种技法丰富你的海报设计视觉效果平面设计教程!4种技法丰富你的海报设计视觉效果

这是未做半调效果处理的,我感觉一般,于是我打开了 PS。

平面设计教程!4种技法丰富你的海报设计视觉效果

对图片进行后期处理。

● 半调效果步骤示范

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

看到这里你学会了吗?

平面设计教程!4种技法丰富你的海报设计视觉效果

#04 色块拼接

平面设计教程!4种技法丰富你的海报设计视觉效果

先看看大致的一个海报编排效果~

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

先看看几组网上的案例,是不是还不错,大多数是色块紧凑的相连或者相互叠压,以下我总结了几点做这类的思路。

TIPS:

配色一定要好看,看起来不能脏(冷暖对比居多)

● 好看的文字编排

● 与色块相结合要构成某一种构图

平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果 平面设计教程!4种技法丰富你的海报设计视觉效果

先从配色开始吧!首先是版面色彩的设定。

● 3 种颜色自由组合(根据个人喜好看整体的配色感觉)

平面设计教程!4种技法丰富你的海报设计视觉效果

接着是构图部分,这个案例我们大致可以看做色块分割或者紧密的拼接形成的分栏式构图即下图的 #01。

平面设计教程!4种技法丰富你的海报设计视觉效果

然后就是文字编排部分与装饰图形以及线条的置入,版面文字组组合与字体搭配。

● 中文思源黑体、英文 Acid Grotesk

● 文字组断行左对齐(常规)到简单的移位处理(灵活)

● 文字的粗细关系(主标题的中英文搭配,视觉上粗细一致即可)

平面设计教程!4种技法丰富你的海报设计视觉效果

● 文字组自由组合

平面设计教程!4种技法丰富你的海报设计视觉效果

● 随意装饰的线条、点元素、装饰图形

平面设计教程!4种技法丰富你的海报设计视觉效果

色块分割版面。

● 拼接分割的同时也相对应的产生构图

● 置入处理过的文字组

平面设计教程!4种技法丰富你的海报设计视觉效果

到这我们的海报就编排完成了。

平面设计教程!4种技法丰富你的海报设计视觉效果

今天的教程到这就结束了,大家伙赶紧趁热打铁操作起来吧!

平面设计教程!4种技法丰富你的海报设计视觉效果

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

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

24 收藏 118

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片