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

2020-12-20 酷扯兒

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

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

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

使用漸變

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

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

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

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

·選取一張照片

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

·完成!

使用純色定基調

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

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

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

考慮明暗

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

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

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

選擇高對比度的圖片

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

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

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

要麼自然,要麼失真

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

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

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

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

嘗試部分疊加

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

相關焦點

  • 色彩大師點睛之筆,R15漸變色震撼
    ▲網絡圖片為了將R15的機設配色上升到新的高度,OPPO專門請來了美國工業設計界的巨星Karim,作為一位設計師,Karim早已名聲在外,是同時代作品最多的設計師之一,就目前為止經他設計的產品已經投入生產的就有超3000件,獲得的獎項也有300以上。
  • 兒童畫教程|油畫棒技法練習色彩疊加法畫好吃的五花肉
    油畫棒、勾線筆、剪刀、膠棒課程構思通過參考圖片素材,在畫面中運用平塗法來表現五花肉的外形,注意五花肉在畫面中的大小和前後遮擋關係,培養小朋友們觀察生活、在生活中發現創作題材的意識;通過深紅、大紅、橘紅、肉色、白色的油畫棒,運用色彩疊加的方式
  • 職場必備之PPT漸變色
    今天,小編想給大家說一個色彩的小技巧——漸變色,如果能正確搭配圖片,文字和顏色,那麼你的PPT不用炫酷的動畫,也能讓大家眼前一亮。什麼是漸變色這個題目看起來有點傻,但是這個問題卻很重要,因為PPT內置了一些漸變色的方案,但是,基本用不上,例如這些.....
  • 即可製作出超炫酷的螢光字體
    那今天小編就來教大家怎麼用PS自製超炫酷的霓虹燈字體效果吧。1、 先新建(Ctrl+N)一個任意大小的畫布,把畫布顏色填充為黑色(Alt+delta填充前景色),霓虹燈在黑色背景下會更好看;2、 接著選擇自己喜歡的字體打字,大寫英文字母相對來說也會比較好看。
  • 怎麼畫漸變色嘴唇 漸變唇畫法教程
    怎麼畫漸變色嘴唇  這款漸變色嘴唇沒有歐美的濃鬱飽滿,也沒有韓式咬唇妝顯嘴小,但勝在滿滿的少女感和清新~  漸變色嘴唇畫法  第一步:在畫唇妝之間為唇部做好基礎的保溼工作,把粉底或者遮瑕輕輕地按壓在嘴唇上。
  • OPPO「色彩即思想」藝術沙龍:漸變色對自然的再現
    2018年3月31日下午,OPPO聯合GQ舉行了「色彩即思想」藝術沙龍,全球極負盛名的色彩大師Karim Rashid、OPPO工業設計中心設計總監範曉宇、亞洲彩妝藝術家Zing,各自分享著自己對色彩的理解。
  • 使用PS製作炫酷的霓虹燈文字效果
    今天跟大家分享如何製作漂亮炫酷的霓虹燈文字,主要通過圖層樣式的疊加設置完成,最終的效果是很漂亮的,感興趣的小夥伴可以一起動手製作。1、新建800x600,72像素空白文檔;2、置入磚牆素材,新建空白圖層填充黑色,修改圖層模式為正片疊底,降低圖層不透明度為90%,再次新建圖層,用漸變工具填充一個黑色到透明的漸變,壓暗四個角,同時選中磚牆素材、暗色、暗角三個圖層Ctrl+G打組命名為『背景』;3、選擇文字工具,編輯自己喜歡的文字
  • PPT動畫|夢幻的顏色漸變流動效果
    最常用的無非就是純色,剩下的如漸變,圖片紋理等的填充雖然在設計中善加利用可以做出驚豔,但也就僅止步於此。那麼可不可以做出一種在文字和形狀中不斷地具有色彩流動的夢幻效果呢?當然可以,先上圖為證。我們可以看到,在這個logo的動圖裡,就漂亮的實現了色彩之間的不斷流動和變化,相比單純的純色填充在視覺上更加具有衝擊力。那麼這種效果如何製作呢?
  • 最全圖表色彩運用原理---擠不出一點水份的乾貨!
    它是以RGB三色光互相疊加來實現混色的方法,因而適合於顯示器等發光體的顯示。其混色規律是:以等量的紅、綠、藍基色光混合時。我們平時在繪圖軟體中調整顏色主要就是通過修改RGB顏色的三個數值,如圖1-2(b) Windows 系統自帶的選色器的右下角所示。
  • 設計趨勢:單色漸變「北京新易設計坊」
    但是,對單調色彩有一種新的趨勢:單調漸變。以下是趨勢以及設計師如何充分利用這一趨勢。我們將分享不同的單調漸變示例,並分享有關如何在自己的設計中使用它的技巧。什麼是Mono漸變?單調漸變疊加> 漸變疊加是一種趨勢。
  • 三角梅是變色龍,完美記錄三角梅花朵的色彩漸變過程,太美了
    敲重點:三角梅品種太多,由顏色可以大致分為橙色,紅色,紫色,綠色,我們熟悉的綠櫻,紅櫻,畫報等,三角梅的開花顏色除了品種有關以外,我覺得還和光照有關的,今天我們來和大家分享一種三角梅品種,這個品種是變色龍,聽名字就知道色彩多變。
  • 超炫酷的圖片滑動漸變效果,PPT製作詳細教程
    更多高逼格,高顏值PPT設計技巧,PPT乾貨,海量高端PPT模板,歡迎關注「幻雲PPT」,等你來撩。註:PPT海量模板不定期在文章中作為附件作為答謝,感謝關注「幻雲PPT」。PPT這樣操作,快速製作炫酷九宮格圖片,讓你的PPT漂亮起來!
  • OPPO R15星雲特別版全新漸變工藝,首銷就好評如潮
    星月特別版現是OPPO繼星空紫和夢鏡紅之後再次與國際色彩大師Karim Rashid攜手,從人馬座三葉星雲中發現設計靈感,將數千光年之外的繽紛光芒,以全新R15星雲特別版紅藍漸變配色,將浩瀚宇宙的星雲能量凝聚於手掌之上。
  • PS教程:六個簡單步驟教你快速製作炫酷人物頭像
    今天給大家介紹的小技巧是利用PS裡的特效渲染,把人物圖像做得更加炫酷,達到最終的效果。先給大家看看效果圖吧!首先準備一張素材圖下面一起來看看具體步驟吧!1. 先在PS裡面把素材打開。新建一個圖層,並用漸變工具拉出當前的漸變效果(具體顏色你可以根據自己喜歡的顏色進行調整)。4. 先複製背景圖層(Ctrl+J),把複製出來的圖層調整到顏色圖層2的上面,把拷貝出來的副本圖層混合模式改成疊加模式。
  • 玩轉色彩魔法:打翻了潮鞋界的顏料盤,色彩玩法就要如此炫酷
    在高大上的鞋圈裡,多種色彩的混接、重疊甚至是看似無序的組合都被設計者所採納,可想要玩好這一點可是相當不易,稍不注意便會滿盤皆輸。因為多重色彩很難駕馭,出色便是有檔次,反之則會俗不可耐。如何避免翻車現象,設計師們可謂是煞費苦心。見多了純色或者少量色調組合的鞋型,當一雙頗具個性和色彩活力的運動鞋出現在眼前時,絕對會引人注目。
  • 色娜娜懶人雙色漸變眼影:一盤玩出百變妝容,價格親民不輸大牌
    色娜娜懶人雙色漸變眼影:一盤玩出百變妝容,價格親民不輸大牌小夥伴們,人們常說眼睛是心靈的窗戶,那眼影是什麼呢?這款長方形的眼影盤有四個顏色,漸變的偏粉調棕色打造多種日常眼妝效果,粉質還算細膩持妝時間也比較久,眼妝效果比較清新又不過於粉嫩。經典配色永不過時呢,要知道這些眼影還能疊加眼線定妝、描繪眉毛上色、做陰影打造立體妝容呢。這款色娜娜眼影顏值與內涵並存,關鍵性價比還高,非常值得入手。
  • 國潮配色全面升級 realme V15動手玩搶先體驗
    錦鯉色外觀的色彩運用和工藝再度突破,汲取「新年紅」與「錦鯉金」色彩靈感,採用多層非光譜色彩空間漸變、「雙紋雙鍍」工藝,將光譜中紅、黃、藍三個不同波段的顏色,重新排列順序,相互融合漸變,打破了自然界「紅橙黃綠藍靛紫」的光譜色彩變化規律,呈現出獨特的色彩漸變效果。將國潮與科技完美融合,打造出無法錯目的炫光透彩視覺效果。
  • 林允有了漸變唇一秒變仙女!你的化妝包該有支染唇膏
    女生對於「唇妝怎麼畫更好看」這件事,永遠存在無窮的好奇心。林允也不例外,畫上漸變唇,讓嘴唇亮起來,更符合活潑有力的夏天!有了漸變唇,林允一秒變仙女一點也不難,濃濃的少女感擋都擋不住。漸變唇是由兩種顏色打造的,各種顏色在嘴唇上表現出自然的漸變。而且厚嘴唇的林允,在漸變唇上巧妙地把上唇畫了三分之一,立刻從視覺上變小了許多。
  • CSGO皮膚推薦——漸變之色熊刀
    今天給大家推薦一款頂配刀子,漸變之色熊刀。許多人非常喜歡漸變色刀子,喜歡它豔麗的色彩,喜歡這驚人的辨識度,更喜歡其珍稀絕倫的遊戲地位。漸變色刀子好看毋庸置疑,本次推薦的熊刀主要包含了三種色彩,橙黃、橘紅、羅蘭紫,從黃到紫,多種漸變色彩相互交融。漸變色熊刀是有分級的,不同級別的熊刀色彩分層會有所區別,分級影響了色彩分布,但基本上不影響玩家的使用手感。漸變色熊刀的優質體驗在於色彩,同樣刀子本身也非常特殊。
  • 乾貨|Origin神技能,如何將曲線圖作成半透明漸變色
    歡迎轉發到朋友圈編輯:L先森乾貨|Origin神技能,如何將曲線圖作成半透明漸變色導讀:在高質量的文章裡的圖像處理得非常完美,一篇好的文章離不開好的數據和精美的圖像,下面帶給的教程是如何將曲線圖作成半透明漸變色,跟著步驟慢慢了解吧!