/3分钟就学会！这种科技风海报原来是这么做的！
最新文章2023-05-29

3分钟就学会！这种科技风海报原来是这么做的！

转自：杰视帮
今天拿个新案例，给大家分享一个科技风海报的设计教程。

这两年，科技产品的海报风格大改，在苹果的海报风格带动下，科技产品的海报逐渐倾向于暗色调与简约风。


然而，简约并不意味着简单。
以前花里胡哨的科技风设计，我们可以在结构和元素上大动心思，用复杂的画面填满消费者的视野。

但是，简约风格下，没有复杂的形体，没有多余的装饰，如何用最简单的空间展现出更广阔的视觉体验，考究的不仅是设计师的操作技法，更是设计师的美学理论。


比如最基本的，我们需要掌握视觉传达里的三种构成方式：平面构成、色彩构成和立体构成。
不要小瞧这些理论基础，我们看到的所有优秀的作品都是由这三种基本构成组合变换而成。

不熟悉的同学也别着急，今天就由我们的颜值担当：王子老师

用平面构成中最基本的构成手法之一：重复，来给大家演示一下这种暗色高级感的科技风海报是如何设计的。


拿到产品，第一步，绘制草图。
既然强调的是简约风格，我们在产品的舞台设计上，就不要考虑复杂的破形变换，用最简单的立方体或圆柱体即可。


在这里思考一下，如果这屏海报的设计需求是表现出产品音效的优秀，你会如何设计？

如何把声音转换成视觉？

我们尝试这样的发散，从物理学的角度讲，声音的本质是声波，而波是一种扩散的波纹。


因此，我们可以通过绘制波纹扩散，来实现音效的视觉化表现。
有了这样的思路，我们围绕产品和舞台进行发散性创作，底部增加圆形设计，增加层次感的同时强化声波意向；


墙面设计成音波墙，用同心圆的重复设计形式强化声波传递的概念。

你看，整张草图，我们近乎只用了圆形的重复设计，就完成了场景的绘制。
在搭建场景之前，我们先把核心产品区和舞台的质感进行一个初步打磨。


我们希望赋予产品舞台怎样的材质？

材质的选择取决于产品属性和海报风格，为了强化科技感的表现，我们将舞台确定为反光强烈的光滑金属舞台。

首先，将产品在舞台上的倒影绘制出来。

复制产品，ctrl+T，右键选择垂直翻转，移动到产品下方。

这里划重点了，这样的倒影是错误的！

对于三维的物体，正确的倒影制作应该是拆分每个面进行单独的倒影设计，拆面倒影的设计方法可以参考下面这篇文章：

为什么你画的倒影总是那么假？【杰视帮】
不过在这里，由于倒影区域小，且场景光源暗，我们以快速出图为目的，可以人为绘制倒影的底面区域，完成仿真的“伪倒影”制作。



通过剪贴蒙版，嵌入舞台顶面。

用画笔配合蒙版绘制出倒影的明暗渐变，舞台顶面的镜面质感就呈现出来了。


再根据场景设计好的光源（在这里拟定的背光），分别新建压暗与提亮曲线，配合蒙版，调整顶面的受光表现。


接下来，我们强化舞台侧面的体积感。

新建曲线，对侧面整体提亮。

由于我们拟定的背面受光，因此，反向蒙版后，我们用画笔将两边的亮度提上来。


两边的受光不够，可以再新建曲线提亮，配合蒙版做进一步的提亮。


受光处理好后，开始像素级处理：

棱角打磨。

选中顶部轮廓，新建图层，右键描边，选择白色，描边一像素。


复制一层，填充黑色，保证棱角边一道亮色，一道暗色。

这样，核心的产品区设计就完成了。


接下来，进行地面的设计。

找一些海平面或沙漠这类纹理比较丰富细腻的图片，ctrl+shift+U去色。


适当缩放，作为我们的地面区域。


新建曲线，根据受光，用蒙版对地面适当压暗。

复制舞台，垂直翻转，结合蒙版，制作舞台在地面上的倒影。


接下来，按照草图的构思，用形状工具在墙面绘制圆形。

用重复的构图手法，多次复制圆环，等比放大，组成同心圆。

整体编组，双击打开图层样式，勾选外发光，略微增加一些发光效果。


之后，新建滤色图层，在圆心处用画笔略微点一下，绘制光芒。


调整位置大小，降低不透明度，做出一种底部微微泛光的效果。


接下来，老规矩，光环在地面的倒影处理，同样的方法，复制、翻转、蒙版、模糊...就不过多赘述了。


如果感觉底部光效不够强，我们还可以找一些这样的光晕素材：


去色后，选择滤色模式，缩放到合适大小，移动到光环底部。

亮度不够，多复制两层即可。


氛围感不够，我们可以通过烟雾设计，强化画面的层次感。

烟雾处理和光晕处理一样，去色、缩放、调整位置、蒙版处理，很多设计的操作原理其实是一样的，搞懂原理远甚于记忆具体操作的步骤。


接下来，用色彩平衡工具给墙面略微增加一点青蓝色调。


对于地面的设计，我们可以新增加两个圆形磨砂玻璃，增加画面细节。

不过，磨砂玻璃的绘制之前已经教过大家了，这次我们来做点不一样的。
比如，把地面的弧形结构设计成声波的传递。

用形状工具绘制一个合适的椭圆，图层模式选择滤色。


用蒙版仅保留轮廓边缘，模拟出声波感。


用重复的理念，复制向下移，模拟出声波的扩散。

同样的，借助光晕素材增强光感，不过要通过变形匹配声波弧度。


最后，盖印画面，打开CAMERA RAW，对画面整体做一个青蓝色调的偏色处理。

一张暗色调的科技风海报就完成了~


这种简约而不简单的海报设计奥秘在于，在简单的几何轮廓中反复刻画细节表现力，从而实现画面简单细节却耐看的效果。

这种风格的海报设计你学会了吗？

- END -


你错过的文章

这样设计LOGO会大大提高过稿率！

如果你喜欢这篇文章

麻烦给升哥点个 点赞 在看 鼓励一下吧

本文来自微信公众号“设计”（ID：sheji0123）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS:

相关文章