3分钟就学会!这种科技风海报原来是这么做的!【杰视帮】
这两天收到一些朋友的吐槽:
“总是那么几张作品翻来覆去地讲,能不能来点儿新鲜的?”
得,都被这么吐槽了,今天就直接开门见山吧。

今天拿个新案例,给大家分享一个科技风海报的设计教程。

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

然而,简约并不意味着简单。
以前花里胡哨的科技风设计,我们可以在结构和元素上大动心思,用复杂的画面填满消费者的视野。
但是,简约风格下,没有复杂的形体,没有多余的装饰,如何用最简单的空间展现出更广阔的视觉体验,考究的不仅是设计师的操作技法,更是设计师的美学理论。

比如最基本的,我们需要掌握视觉传达里的三种构成方式:平面构成、色彩构成和立体构成。
不要小瞧这些理论基础,我们看到的所有优秀的作品都是由这三种基本构成组合变换而成。
不熟悉的同学也别着急,今天就由我们的颜值担当:王子老师

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


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

在这里思考一下,如果这屏海报的设计需求是表现出产品音效的优秀,你会如何设计?
如何把声音转换成视觉?
我们尝试这样的发散,从物理学的角度讲,声音的本质是声波,而波是一种扩散的波纹。

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

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

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

我们希望赋予产品舞台怎样的材质?
材质的选择取决于产品属性和海报风格,为了强化科技感的表现,我们将舞台确定为反光强烈的光滑金属舞台。
首先,将产品在舞台上的倒影绘制出来。
复制产品,ctrl+T,右键选择垂直翻转,移动到产品下方。

这里划重点了,这样的倒影是错误的!
对于三维的物体,正确的倒影制作应该是拆分每个面进行单独的倒影设计。
不过在这里,由于倒影区域小,且场景光源暗,我们以快速出图为目的,可以人为绘制倒影的底面区域,完成仿真的“伪倒影”制作。


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

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

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

接下来,我们强化舞台侧面的体积感。
新建曲线,对侧面整体提亮。

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

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

受光处理好后,开始像素级处理:
棱角打磨。
选中顶部轮廓,新建图层,右键描边,选择白色,描边一像素。

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

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

接下来,进行地面的设计。
找一些海平面或沙漠这类纹理比较丰富细腻的图片,ctrl+shift+U去色。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

不过,磨砂玻璃的绘制之前已经教过大家了,这次我们来做点不一样的。
比如,把地面的弧形结构设计成声波的传递。
用形状工具绘制一个合适的椭圆,图层模式选择滤色。

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

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

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

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

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


这种简约而不简单的海报设计奥秘在于,在简单的几何轮廓中反复刻画细节表现力,从而实现画面简单细节却耐看的效果。
这种风格的海报设计你学会了吗?
