通过这些 Photoshop 教程掌握热门设计趋势

已发表: 2022-03-11

我们的日常生活充满了令人惊叹的图像。 视觉设计实验成为热门的平面设计趋势,突然间我们随处可见。

公共汽车、海报、广告牌、电视广告、杂志,当然还有数字产品的侧面都贴满了引人注目的视觉设计。 它们有很多名称,包括双色调、双重曝光、扫描线、故障、涂抹、颜色通道、照片遮罩、鲜艳的色彩和印刷错误。

地铁广告上的平面设计趋势故障视觉效果
纽约市地铁广告上的平面设计趋势“故障”。

与时尚一样,设计趋势通常是从过去的几十年中回收的——我们看到它们一次又一次地卷土重来:俄罗斯的建构主义、包豪斯、丝网印刷、1970 年代……等等。简单、饱和的几何设计模式已经存在了近一个世纪,而设计师仍在使用它们,因为它们与 100 年前一样有效。

幸运的是,与早期相比,今天的设计师拥有更多种类的数字工具来创造这些引领潮流的效果。 尽管如此,尽管这些工具可能更容易获得,但我们不要忘记,勇敢的创造力和视觉创新将打造最新鲜、最引人注目的设计。

设计师应该跟随设计趋势吗?

一些创意总监和设计师可能会抵制设计趋势,因为他们不想被视为“追随者”。 然而,使用平面设计趋势可能被证明是一个重要的决定,因为这样做可以帮助设计师更加现代。 敢于与众不同也有它的回报。 最好的设计师从过去和现在的趋势中“追随和借鉴”,有时通过将平面设计趋势结合成引人注目的新鲜事物来创造全新的东西。

提醒一句——设计师应该只在适当的时候在他们的工作中使用平面设计趋势,并牢记品牌。 例如,人们期望银行、投资、保险品牌等方面的稳定性和信任——因此,像“故障”这样的颠覆性反文化效应在这些情况下可能不合适。

遵循设计趋势的双重曝光效果动态图形
HBO剧集《真探》在开场片头中使用了“双重曝光”,效果非常好。

让我们看看其中一些热门的图形设计趋势,并分享一些有关如何创建它们的顶级 Photoshop 教程。

热门设计趋势:双重曝光效果

使用“双重曝光”效果可以实现壮观的图像组合。 这个名字来自赛璐珞胶卷摄影,其中拍摄两张或三张照片,无需将胶卷在相机中向前缠绕,用不同的图像多次曝光同一帧。 这种趋势在电影海报和电视宣传片中体现得淋漓尽致。 如上所示,HBO 上的真探等电视节目开场标题一直在使用这种效果与动态图形来产生巨大影响。

双曝光摄影效果平面设计趋势

双曝光效果视觉设计趋势

双重曝光 Photoshop 效果成为炙手可热的平面设计趋势

为了达到出色的双重曝光效果,仔细的图像选择非常重要。 当较暗的区域占据了将要使用另一张图像的图像区域时,高对比度图像效果最佳。 通常将肖像与更详细的图像(例如城市景观或风景)并列。

以下是一些关于如何实现这一热门设计趋势的顶级 Photoshop 教程:

双重曝光效果Photoshop教程#1:


双重曝光效果Photoshop教程#2:


双重曝光效果Photoshop教程#3:


故障、印刷错误、视觉干扰效应

这是一个双重接受者。 它在“完美图像”的海洋中引人注目,因为它全都与不完美有关。 它基于被称为“故障”的数字错误的意外结果。 我们周围的一切——广告、海报、杂志封面和电视宣传片——都经过了完美的 Photoshop 处理(有些人甚至称其为“伪造”或“视觉污染”),从而驱使人们渴望看到更真实、更有机、更少——比完美的图像。

这种设计趋势通常对年轻一代更具吸引力,是一种颠覆性的、反主流文化的“反假”运动,旨在让设计脱颖而出。 如上所述,它可能不适合某些情况或品牌,因此建议设计师在选择实现此效果时要谨慎行事。

大多数设计师会使用术语“故障”,但有时它被称为 VHS 效果、扫描线的 RGB 偏移、印刷错误或视觉干扰。 创新的设计师有时会将这些时尚效果中的几种类型组合成新的东西。

故障、印刷错误、视觉干扰效果图形设计趋势
机器人先生的海报使用了各种小故障效果来突出和加强节目的反文化敏感性。


故障、印刷错误、视觉干扰效果图形设计趋势
印刷错误/颜色偏移设计趋势以及颜色偏移和故障效果的组合。


视频扫描线图形效果设计趋势
视频扫描线和图像移位也用于创建不寻常的、引人注目的图形。

每个人都有自己创建这种效果的方法,所以环顾 YouTube 并选择一个你喜欢的。 设计师甚至可以购买 Photoshop Actions,只需单击几下即可创建故障效果。 以下是一些关于如何实现这种设计趋势的顶级 Photoshop 教程:

故障效果 Photoshop 教程 #1:


故障效果 Photoshop 教程 #2:


甚至有一些方法可以仅使用 CSS 来实现很酷的故障效果,就像这个幻灯片演示和这个登陆页面演示一样。

订阅 Toptal 设计博客并接收我们的电子书

双色调效果

Duotone 已经存在了一段时间,但似乎从未感到疲倦。 数百年前,莱昂纳多·达·芬奇(Leonardo da Vinci)等艺术家使用血色(纸上的红色粉笔)创作简单的单色调绘画。 将图像分解为简单的色调是经久不衰的,现代双色调图像与旧大师的素描并没有什么不同。

使用乐观的双色调绘图 - 纸上的红色粉笔
Da Vinci 和 Mademoiselle de Mondran 的血腥绘画,以及现代双色调图像。

如今,从好莱坞大片海报到 Apple 和 Spotify,似乎每个人都在使用双色调效果。 再次,目的是要脱颖而出,被视为不同的东西。 甚至还有 Photoshop Actions 和许多移动应用程序可以轻松创建双色调效果。

银翼杀手海报双色调效果遵循平面设计趋势

Photoshop双色调效果设计趋势

双色调效果视觉设计趋势

打造双色调效果平面设计趋势

以下是一些关于如何实现这种正在发生的设计趋势的顶级 Photoshop 教程:

双色调效果 Photoshop 教程 #1:


双色调效果 Photoshop 教程 #2:


双色调效果 Photoshop 教程 #3:


RGB分割、色彩通道、双色曝光

这是另一个引人注目的效果,可以使用照片、文本和形状。 这种效果有时会在同一主体的 3 个不同颜色通道中使用 3 个不同的图像,并将它们并置以获得有趣的图像。 这种效果有时也可以看作是混合了毛刺效果和 RGB 分割效果。 一些设计师非常有创意,将双重曝光、故障RGB 分割效果混合在一起。

在 Photoshop 中创建的 rgb 移位效果设计趋势

颜色通道和故障效果 Photoshop 动作

photoshop教程 变色效果 一种设计趋势

以下是一些关于如何创建这种趋势视觉设计效果的顶级 Photoshop 和 Affinity Photo 教程(请忽略他们所说的效果,每个人都有不同的名称):

双色曝光效果Photoshop教程:


双色曝光效果亲和照片教程:


充满活力、花哨的色彩和荧光双色调效果

同样,这里的目标是真正脱颖而出。 这种趋势在设计中大量使用充满活力、饱和和荧光的颜色。

双色调荧光效果网站设计趋势
New Deal Design的网站遵循荧光双色调效果设计趋势。


充满活力的色彩效果图形设计趋势

在网络日历上使用的充满活力、花哨的色彩效果,一种网站设计趋势
来自 AfriSam 2018 Corporate Stationery 的日历面板使用网站设计趋势。


大胆的饱和色彩效果网站设计趋势
采用这种网站设计趋势,设计机构 ELJE Group 的网站使用充满活力的饱和色彩。


hackernoon 采用明亮的荧光饱和色彩效果成为网站设计趋势
Hackernoon 使用明亮的荧光饱和色来脱颖而出。

这里的方向是大胆(在适当的时候),并用花哨、饱和的颜色冒险,无论是网站、专辑封面还是海报。

照片蒙版,抠图,抽象主义,立体主义

这是那些反复出现的设计趋势之一,它仍然是一种持久的图形设计方法。 它可以是大胆、平坦的颜色区域、蒙太奇和蒙版的混合体。 正如这些 1920 年代的俄罗斯宣传海报所展示的那样,这是一种已有近 100 年历史的技术。

俄罗斯宣传海报,具有简单的几何形状、剪裁和照片蒙版视觉效果

为了创作色彩丰富、复杂的作品,亨利·马蒂斯在他生命的最后十年里使用了两种简单的材料——白纸和水粉——这成为他著名的剪纸。 一把简单的剪刀是马蒂斯用来将油漆和纸张变成植物、动物、人物和形状的世界的工具。

马蒂斯剪裁为简单的形状和颜色设定了一定的设计趋势

如今,立体主义、抽象艺术和“剪纸”的数字变体是许多设计师为吸引注意力而采用的光掩模设计趋势。

照片蒙版效果设计趋势
其中一些视觉分层效果类似于马蒂斯著名的剪纸。


另一种设计趋势是照片遮罩效果
有趣的照片遮罩效果可以通过简单的几何形状或字体来实现。


照片遮蔽效果图形设计趋势

关于如何创造这种效果没有硬性规定。 这完全取决于源材料和您的创造力。 寻找设计和艺术灵感,例如俄罗斯宣传海报、毕加索的抽象立体派艺术和马蒂斯的剪纸。 大多数这些照片遮罩技术和拼贴画都可以在 Photoshop 中使用图层遮罩创建。 它更多地是关于照片的选择和创造力,而不是关于技术。

尽管如此,这里有一些关于如何创建这种时尚设计趋势的顶级 Photoshop 教程,即照片遮罩效果:

如何创建文字效果海报 Photoshop 教程:


如何创建字母肖像 Photoshop 教程:


这是另一个有趣的 Photoshop 教程,使用照片蒙版创建此图像:

照片遮罩设计趋势的photoshop教程

本教程是一个示例,展示了如何使用一些简单的技术来使用多个图层、蒙版、钢笔工具、一些基本照明和一个简单的纹理来创建精美的插图。

探索,勇敢,并设定自己的路线

今天,创造性的勇气不是可有可无的。 这是设计师必须做的事情,因为人们的期望越来越高,他们的注意力变得越来越难以捕捉。 不要回避遵循一些设计趋势。 事实上,混合起来,和他们一起做一些新的事情! 改变现状,大胆探索你的幻想。 飞跃! 勇于创新!

• • •

进一步阅读 Toptal 设计博客:

  • 电子商务用户体验——最佳实践概述(附信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
  • 移动界面的启发式原则
  • 预期设计:如何创造神奇的用户体验