乾貨:超炫酷的漸變色彩疊加怎麼玩?

2021-01-08 酷扯兒

本文轉載自【微信公眾號:阿門教你PS,ID:meitian_PS】經微信公眾號授權轉載,如需轉載與原文作者聯繫

色彩幾乎是所有設計中都至關重要的組成部分,無論是明亮大膽的配色方案,還是簡約的黑白色調,你的用色將會直接影響整個設計的實際效果。

我們來深入聊聊這種色彩使用技巧在實際運用中,需要注意的問題和值得探究的做法。

使用漸變

首先,漸變作為一種設計趨勢,再次回歸了。當你想為特定的元素疊加色彩的時候,可以嘗試使用某個醒目的漸變色疊加上去。

漸變色的好處在於,你可以使用多種不同的色彩一起構成漸變(比如品牌色),也可以使用某一個色彩進行深淺、明度、飽和度上的漸變,這樣的設計會顯得更加集中。明亮的配色方案會更加吸引用戶用戶,讓圖片呈現出某種獨特的氣場。

這種設計趨勢很大程度上是Spotify 起的頭,他們在播放列表中使用了迷幻味十足的雙色漸變效果,讓唱片封面和藝術家頭像變得更加富於藝術韻味。

搞定這樣的設計非常簡單:

·選取一張照片

·使用品牌色創建漸變色彩疊加

·完成!

使用純色定基調

純色的疊加效果其實和漸變一樣醒目,不過純色相比於漸變所呈現的意義和氛圍會更加明確。比如,在圖片上疊加上棕色能夠呈現出一種歷史的厚重感。

如果你選擇當前的流行色,功用和效果也是類似的。使用這些明亮、鮮豔的流行色的同時,結合扁平化設計或者Material Design的設計風,你的頁面和UI會明顯地呈現出一種現代主義和時尚的感覺。

當你在疊加純色的時候,應當仔細考慮一下色彩的飽和度和透明度。這些因素其實都是有意義的。疊加的色彩圖層擁有高飽和度和低透明度的時候,用戶會更多關注色彩本身;當疊加的色彩擁有低飽和度和高透明度的時候,用戶會更容易被底層的圖像所吸引。

考慮明暗

當然,許多色彩並不全都是靠有色半透明圖層疊加出來的,有時候僅僅是使用單純的黑白灰來疊加,創造出不同的明暗效果,這樣也能很好的實現一些效果。

正如你所想,當圖像更加沉鬱陰暗的時候,壓抑沉重的氛圍自然而然就出現了,而圖像偏白色彩變淺的時候,往往會顯得更加輕鬆,或者說更加飄忽。這個時候,並不需要單獨疊加黑色或者白色,只需要調整圖片本身的明度即可。

上面所顯示的這個名為 Call me lsh 的網站中,設計師在背景上覆蓋了一層半透明的白色,讓用戶的專注點集中到前景的文字上去,但是背景的攝影師微笑的表情依然潛移默化地影響著用戶的情緒。色彩和圖片的組合讓訪客不知不覺地同背景的攝影師產生了情緒上的互動,也許很快會打動他們僱傭這名攝影師也說不定。

選擇高對比度的圖片

當你想要在設計項目中使用色彩疊加這種技法的時候,置於底層的圖片或者視頻是最重要的組成部分。一張平庸的圖片不管你怎麼疊加色彩都很難達到驚豔的效果,而圖片本身如果有著良好的對比度,那麼能夠在疊加圖片之後構成漂亮的明暗效果,將設計的優勢最大化。

當然,如果圖片的可選範圍本身就不大,那麼最好嘗試使用PS之類的軟體先提升圖片的對比度,否則實際效果是不會太好的。

想要達成好效果的方法有很多,另外一種方法就更加簡單粗暴了:從黑白的圖片開始著手。對於初學者而言,黑白圖片的對比度更容易控制。上面的Just Actions 這個網站就是採用黑白色調的突破背景,搭配彩色的半透明圖層。

要麼自然,要麼失真

當你開始使用色彩疊加到圖片和視頻上的時候,有兩種處理方法:

·圖片儘可能自然。色彩、明暗、陰影都應該處於自然的狀態,疊加的色彩應當儘可能微妙,比如上面那個Abednego Coffee 網站。

·圖片完全異化。用完全出乎意料的色彩疊加在圖片上,創造出獨一無二的效果。本文中絕大多數的案例都是這麼做的。

介於兩者之間的案例很少,可以說這兩者是完全對立的。這麼設計的好處在於,用戶會更加專注於網站內容,強化整體的設計感。

嘗試部分疊加

前面絕大多數的案例都將半透明的色彩圖層疊加到大塊的圖片內容上,但是這並不是唯一的選擇。部分疊加同樣可以帶來不錯的效果。

相關焦點

  • OPPO R15星雲漸變版:詮釋漸變美是它誕生的意義
    近年各大手機廠商不謀而合地玩起了「色彩營銷」,仿佛不在手機的機身色彩方面玩點新花樣,都不好意思稱為年度新旗艦。當手機廠商們已經把純色玩到達爐火純青的境界之後,消費者也逐漸產生了審美疲勞。身經百戰的手機廠商們當然也深知此理,面對國內手機市場出貨量同比下降的大環境之下,手機廠商們需要使出渾身解數來走出困境。
  • 汽車改色膜的新玩法,漸變色了解下?
    一天一點乾貨,這裡是講點車,一個專注汽車用品的自媒體平臺。說起改色膜,大家肯定都不陌生,多彩炫酷的改色膜讓貪鮮的潮男潮女們,有了更多的選擇。其實漸變色之所以迷人,就在於它將兩個顏色做到"融為一體,又區別明顯"。一般漸變色膜以前後漸變和上下漸變為主,以前後漸變為例,前後兩個顏色為單一色調,中間部分為顏色過渡,做得好的漸變色膜過渡部分效果自然,並不會給人看起來拼接感。
  • 職場必備之PPT漸變色
    今天,小編想給大家說一個色彩的小技巧——漸變色,如果能正確搭配圖片,文字和顏色,那麼你的PPT不用炫酷的動畫,也能讓大家眼前一亮。什麼是漸變色這個題目看起來有點傻,但是這個問題卻很重要,因為PPT內置了一些漸變色的方案,但是,基本用不上,例如這些.....
  • 手機攝影后期:把snapseed玩出花,彩色漸變的文字效果
    snapseed這款修圖軟體中的文字工具大家都很了解,但我今天要分享的是它的一個很有創意的玩法——製作彩色漸變文字效果。下面我詳細介紹一下操作步驟。這個漸變的效果就看出來了。點擊左上角箭頭,退回到主界面,保存或者導出即可。上面的操作演示中,重複的截圖我就沒有發出來,所以看上去不太連貫。只要你嚴格按照我文字部分的描述操作就可以做出這個色彩漸變的文字效果了。三次文字的顏色我選擇的是紅、橙、黃。當然你也可以選其它顏色,但最好是一個色系。今天的分享就是這麼多,建議你自己嘗試著操作一下。
  • 正流行的10種超時尚色彩搭配方案|漸變|配色|青色|明度|紅配藍...
    色彩搭配在其中起了非常關鍵的作用,如果顏色夠時尚,那麼整件作品的時尚感都會大大提升,所以蔥爺查閱了很多時尚的作品,從中總結了幾組很時尚的配色,希望對大家有用。    這是以前很少見的一種色彩搭配方式,居然也被設計師解鎖了,而且效果很時尚。
  • 乾貨|Origin神技能,如何將曲線圖作成半透明漸變色
    歡迎轉發到朋友圈編輯:L先森乾貨|Origin神技能,如何將曲線圖作成半透明漸變色導讀:在高質量的文章裡的圖像處理得非常完美,一篇好的文章離不開好的數據和精美的圖像,下面帶給的教程是如何將曲線圖作成半透明漸變色,跟著步驟慢慢了解吧!
  • 【繪畫教程】畫師柊暁生教你如何利用漸變映射來上色(乾貨)
    【繪畫教程】畫師柊暁生教你如何利用漸變映射來上色(乾貨) 今天板君要分享一個新的上色方法
  • 電子菸加上鏡面漸變色會是什麼樣呢?
    李倩 發表於 2018-11-09 16:05:46 在這個看顏值的電子消費時代,鏡面漸變色手機,憑藉著魔幻的色彩,深受消費者喜愛,華為、OPPO、vivo、小米等大牌手機廠商紛紛推出了鏡面漸變色手機
  • 世界局勢呈現「漸變」疊加「突變」的特點,中國如何積極應對?
    第三,從影響的深度來看,全球社會各個發展領域深受人工智慧技術革命和新冠肺炎疫情流行疊加的影響,不少行業面臨顛覆性的變革,社會職業發展不斷分化,人們的生活模式也不斷調整和改變。其次要把握「變」的特點。世界局勢的變化呈現「漸變」疊加「突變」的特點。
  • 世界局勢呈現「漸變」疊加「突變」的特點,中國如何積極應對?--上觀
    第三,從影響的深度來看,全球社會各個發展領域深受人工智慧技術革命和新冠肺炎疫情流行疊加的影響,不少行業面臨顛覆性的變革,社會職業發展不斷分化,人們的生活模式也不斷調整和改變。其次要把握「變」的特點。世界局勢的變化呈現「漸變」疊加「突變」的特點。
  • 《赤核》,單手也能玩的很炫酷的遊戲。
    而這一期呢,給大家帶來的就是一款用單手就能玩得看上去很炫酷的手遊,遊戲名字就叫坐《赤核》。接下來,就開說說這款遊戲因為做出的遊戲,如果就連自己這關都過不去的遊戲,又怎麼能是一款好遊戲呢。玩起來就像是彈力球的那種,按住屏幕定格畫面,調整好移動的方向,放開手指,小球彈出去,並且要利用好彈射擊殺敵人。遊戲主要就是靠反應能力,預判好敵人子彈移動的位置,然後避開,然後接近敵人,撞上敵人,成功擊殺。
  • 最近爆紅的「獨角獸漸變色」該怎麼搭?這份夏日時髦指南請收好
    獨角獸色系的精髓就是在於漸變過渡,讓那些具有純真甜美感的不飽和色毫無邊界感地融合,形成夢幻清新又毫無攻擊性的色彩,超級具有夏日氣息。而這種漸變,可以是單色漸變,也可以是混搭漸變。看看這個RIMOWA推出的限量版行李箱,標誌性的鋁合金外殼呈現出了淡紫色、藍色、淡橘色以及粉紅色的明豔色彩,就是一個典型的獨角獸色系混搭漸變。
  • 光遇漸變鬥篷怎麼獲得 深藍漸變鬥篷先祖位置分享
    光遇這款遊戲是一款十分治癒人心的遊戲,童話般的遊戲世界讓玩家們沉浸其中,很多玩家們都不知道漸變色的鬥篷怎麼獲取,在小編看來,這個漸變色的鬥篷十分獨特好看,今天小編為各位玩家們帶來這個鬥篷的獲取攻略。 光遇這款遊戲是一款十分治癒人心的遊戲,童話般的遊戲世界讓玩家們沉浸其中,很多玩家們都不知道漸變色的鬥篷怎麼獲取
  • 12組漸變配色調色板
    說到漸變色彩,我們常見的是基本形的漸變,基本形漸變可以劃分為幾種,分別是:形狀的漸變、大小的漸變、位置的漸變、角度的漸變、色彩的漸變等。今天分享的12組漸變配色調色板,主要是從基本形的漸變為出發點,做最普通的角度漸變或色彩漸變,對配色有困難的小可愛們來說就非常實用了啦,每一組都很好看哦,get it~漸變配色調色板,作用突出,能幫助設計師們創作出更具視覺衝擊力的作品。設計師對於漸變色不應只停留在感性的了解,更需要有理性的認知。
  • 華為、OPPO手機玻璃漸變色工藝的秘密
    OPPO R17在蓋板裝飾的處理上突破創新,搭配流光藍、霓光紫幻色漸變。一塊蓋板在經過了諸多複雜工序後,實現多種顏色疊加,機身能夠靈敏感應光線的變化,達成平滑的顏色漸變效果,呈現出豐富多彩光感效應,在不同的角度都可以看到不同的光影效果。漸變色工藝處理在2018年進入火熱化,OPPO在新機的漸變色上推陳出新。
  • 服裝設計師如何get最佳色彩搭配?20+色彩網站一鍵幫你搞定
    對服裝設計師來說色彩在服裝設計中佔據了60%的比例好的配色是一件服裝設計作品能夠成功的關鍵今天帶給大家的福利「一份超全面的色彩網站」快往下康康吧~~Color Hunt是一個免費開放的色彩靈感平臺,擁有數千種時尚的手工挑選調色板。
  • 全碳纖維的阿波羅IE,漸變車漆200萬,一套排氣換臺M4
    中國國際進口博覽會作為以進口為主題的大型國家級展會,其中不僅只有各種新奇炫酷的產品,當然也包含海外炫酷拉風的超跑。而這臺價值270萬美元(折合人民幣1700萬)全球限量10臺的全碳纖維超級跑車---Apollo Intensa Emozione(以下簡稱阿波羅IE)成為了展會中目光的焦點。
  • 手把手教你調一個漸變色!|正經玩
    正經玩·玩點正經的正經玩每周六會推送一個好玩的科學實驗,希望能給您帶來樂趣,知識與陪伴。向我們分享你的實驗視頻,還有機會領取小禮品哦!最近的天空特別亮太陽光格外的刺眼曬在身上更是格外的。。。今天小編就帶你來感受色彩吧!
  • 寫給新手看的「色彩設計」入門知識
    你想過生活中的五彩繽紛的色彩都是怎麼形成的嗎,我們看到的顏色在物理分析下真的就是那個顏色嗎?那麼多顏色有沒有它的適用特徵與場景在呢?我們又可以如何運用到色彩設計中呢?針對種種疑問,筆者將給出解答。作為一枚互動設計師,最近在幫朋友做國際物流的項目,客串了一把視覺設計,對色彩設計做了一些研究,現在把研究心得做一個總結,想要和大家共同探討。1.