通過這些 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 設計師作品集——鼓舞人心的案例研究和示例
  • 移動界面的啟發式原則
  • 預期設計:如何創造神奇的用戶體驗