国产四级片,69国产成人精品午夜福中文,日韩72页,天天操天天干天天爽,韩国女主播美女跳舞视频,美女视频在线观看理论,杨幂13分视频在线观看

漸變質(zhì)感技法入門(mén)指南:對(duì)比用色

作者:
2018-06-08
6596

今天我們就來(lái)和大家聊聊漸變這個(gè)話題,深入了解我們似乎以為自己懂了的漸變,我們將和大家一起分析漸變配色中,利用色彩不同特性之間的對(duì)比來(lái)用色,以及一些簡(jiǎn)單的操作小技

今天我們就來(lái)和大家聊聊漸變這個(gè)話題,深入了解我們似乎以為自己懂了的漸變,我們將和大家一起分析漸變配色中,利用色彩不同特性之間的對(duì)比來(lái)用色,以及一些簡(jiǎn)單的操作小技巧。比如快速生成一個(gè)色輪,以及簡(jiǎn)單的利用混合工具來(lái)配出漸變配色的色彩。

漸變是在色彩上的一個(gè)相對(duì)緩慢的過(guò)渡,我們的視覺(jué)會(huì)隨著這個(gè)漸變的過(guò)渡而產(chǎn)生一種流動(dòng)感,而這種流動(dòng)感全憑在色彩上發(fā)生的種種變化。是的,我們的重點(diǎn)來(lái)了,就是這個(gè)變化,需要我們今天深入去加以了解。

談到變化,我們自然會(huì)想到這個(gè)變化的范圍。如果拿出我們的色輪來(lái)看,我們就會(huì)發(fā)現(xiàn)色輪上的變化范圍有大有小,當(dāng)兩個(gè)色彩距離較近時(shí),我們可以說(shuō)他們是鄰近色,這時(shí)難以發(fā)現(xiàn)他們的區(qū)別,直至我們的肉眼無(wú)法分辨。這時(shí)候可以說(shuō)變化范圍較小。

當(dāng)兩個(gè)色彩距離180,在色輪上呈相對(duì),我們可以說(shuō)這時(shí)的色彩變化是最大的,于是也就產(chǎn)生了最強(qiáng)烈的對(duì)比。很多撞色的情況,也是在這種對(duì)比下發(fā)生的。我們通常會(huì)把這對(duì)顏色稱為互補(bǔ)色。

當(dāng)然,實(shí)際的情況比這要稍微復(fù)雜一點(diǎn),我們一起來(lái)看下。

一、色相對(duì)比

剛剛大家可以發(fā)現(xiàn),這個(gè)色輪上的色彩的一個(gè)特點(diǎn)是什么?只有色相的變化。沒(méi)錯(cuò),我們平時(shí)也已經(jīng)習(xí)慣了,只用色相來(lái)區(qū)分色彩。所以,今天要講的第一個(gè)對(duì)比,也就是色相的對(duì)比。

色相的對(duì)比,在色輪上就能很直觀的表現(xiàn)。例如紅色和黃色這一段,截取過(guò)來(lái)以后,就變?yōu)榱思t – 黃漸變。利用色環(huán)就能很輕松的實(shí)現(xiàn)色相的漸變。距離越遠(yuǎn),漸變色的對(duì)比也就越大,互補(bǔ)色之間的對(duì)比達(dá)到了極值,比如紅 – 藍(lán)漸變的對(duì)比就大過(guò)紅 – 黃漸變。

這里首先教給大家一個(gè)快速生成色輪的小技巧,這個(gè)技巧不需要利用網(wǎng)上的圖片或工具?,F(xiàn)做現(xiàn)用,很方便。

1. 小技巧:快速生成色輪

STEP 01

讓我們先用這個(gè)自定義形狀工具畫(huà)出一個(gè)圓環(huán)。

STEP 02

然后在圓環(huán)里填充色彩,這里我們運(yùn)用一個(gè)漸變疊加。

漸變疊加的疊加方式為角度漸變,漸變色這里選用「色譜」,沒(méi)有找到這個(gè)漸變的小伙伴記得要追加色譜。

這時(shí)做出的色輪,在色彩上飽和度達(dá)到最大值。因此也能表現(xiàn)最強(qiáng)烈的色相對(duì)比。目前比較流行的漸變色是明度偏高,飽和度居中的漸變,也像這樣的糖果色,因此這時(shí)大家可以利用調(diào)整圖層「色相/飽和度」來(lái)增加明度或降低飽和度。

2. 高能提醒:別被參數(shù)騙了

可能很容易被初學(xué)者忽略的是,我們?cè)?PS 里的色彩(HSB)這個(gè)參數(shù)里看下,一般來(lái)說(shuō)H-色相,S-飽和度,B-明度,這里的情況和我們?cè)谏蕦W(xué)里學(xué)到的 HSB 有點(diǎn)小差異。

色相這里沒(méi)有問(wèn)題,但是飽和度和明度,尤其是飽和度上面,大家可以看到一般來(lái)說(shuō)飽和度最低時(shí),色彩是慢慢失去色度,也就是呈現(xiàn)灰色,但是在軟件里把 S 這個(gè)值調(diào)到最小呈現(xiàn)出是白色;還有另一個(gè)屬性:明度,最大的明度,應(yīng)該是白色,在軟件里的 B 這個(gè)參數(shù)調(diào)到最高時(shí),并不是白色。

在 PS 里,只有把色彩放到「色相/飽和度」這個(gè)工具里,才會(huì)看到和我們書(shū)里的概念表現(xiàn)一致的特性。

3. 工具不同,漸變也就不同

運(yùn)用色環(huán)配出的漸變色和直接利用漸變工具配出的漸變色還有差別的,最重要是體現(xiàn)在顏色的過(guò)渡上。如果是用漸變工具選擇了左邊綠色,右邊紫色的漸變色,在中間出現(xiàn)的過(guò)渡色就表現(xiàn)出一種發(fā)灰的色彩。如果所選用的兩端的顏色是在色環(huán)上距離有定的角度,就會(huì)出現(xiàn)這種灰色。這是因?yàn)閮煞N顏色彼此混合所造成的。有些情況下,確實(shí)是需要這樣過(guò)渡的,這就直接用漸變工具來(lái)做漸變。

另外一個(gè)情況就是不希望色彩發(fā)灰,這時(shí)需要用到色環(huán),在色環(huán)上根據(jù)所需要的漸變過(guò)渡來(lái)選取不同的色彩配置。

可以看出來(lái),盡管沒(méi)有飽和度、明度的變化,色彩仍然是彼此之間所表現(xiàn)的特質(zhì)都很獨(dú)特,所以基本上利用色相對(duì)比,就能配出非常優(yōu)秀的漸變作品。

一般來(lái)說(shuō),漸變本身就足夠吸引人,有漸變參與的情況下,我個(gè)人的建議是色彩不要太多,盡量少元素,整體風(fēng)格傾向極簡(jiǎn),這時(shí)最能發(fā)揮漸變色這種特質(zhì)的魅力。

這個(gè)案例中的漸變過(guò)渡,中間的這個(gè)紅色和藍(lán)色的漸變就是用漸變工具做出來(lái)的,兩邊的漸變都是取用了色環(huán)上的漸變過(guò)渡,可以看到色彩上兩邊的漸變中的色相更多,更飽滿,飽和度和明度都沒(méi)有喪失,而中間的漸變?cè)诩t藍(lán)之間的過(guò)渡出現(xiàn)了飽和度較低的紫灰色。

二、色溫對(duì)比

色溫是什么?色溫更多是色彩對(duì)人的主觀的心理因素的影響。雖說(shuō)是主觀,但是大家的整體傾向還是比較類同。比如藍(lán)色清涼,紅色溫暖。

所以,把色環(huán)上的色彩根據(jù)主觀溫度進(jìn)行一個(gè)劃分,就有了我們經(jīng)常聽(tīng)說(shuō)的暖色和冷色。冷暖色雖然無(wú)法用屬性值來(lái)進(jìn)行衡量,但是卻在色彩中發(fā)揮不小的作用。

1. 獲得平衡感

漸變中加入色溫這個(gè)屬性,這個(gè)游戲就會(huì)更好玩。一般來(lái)說(shuō),為了達(dá)到配色平衡,我們的配色中需要冷暖進(jìn)行平衡,這里的平衡并非是1:1的嚴(yán)格配比,而是彼此滲透,雙方根據(jù)位置、面積、形狀等等元素的共同參與,共同實(shí)現(xiàn)一個(gè)版面的平衡。當(dāng)然,這不是件容易的事,但這是我們配色中的方向之一。

回到我們的色溫對(duì)比,要體現(xiàn)在漸變中,就是要有冷色和暖色的參與。一般來(lái)說(shuō),在比較簡(jiǎn)單的過(guò)渡性雙色漸變里,一個(gè)冷色一個(gè)暖色是非常常見(jiàn)的表達(dá)方式。還是拿剛剛那個(gè)案例來(lái)看,左邊兩個(gè)配色就是冷暖的過(guò)渡,而右邊的配色相對(duì)來(lái)說(shuō)偏暖,當(dāng)然相比之下,洋紅色還是比橙色會(huì)更偏冷一些。

2. 綠色和紫色:冷暖不定

冷暖色的對(duì)比都是在同一個(gè)版面內(nèi)的一個(gè)動(dòng)態(tài)對(duì)比,尤其對(duì)于綠色和紫色這個(gè)范圍內(nèi)的色彩來(lái)說(shuō)的話更是如此。比如綠色,在和藍(lán)色搭配的時(shí)候,由于藍(lán)色是絕對(duì)的冷色,所以綠色就表現(xiàn)出暖色的特質(zhì);而綠色如果和橙色搭配,橙色又是絕對(duì)的暖色,所以綠色又表現(xiàn)出冷色的特性。紫色也是同樣的情況,和藍(lán)色搭配它偏向暖色,而和橙色搭配時(shí)它又是偏冷的。

用起來(lái)其實(shí)也很簡(jiǎn)單,如果你的配色中發(fā)現(xiàn)整體感覺(jué)偏冷,就增加暖色。如果太暖,那就增加冷色調(diào)。如果整體的配色看不出哪里不對(duì)勁,但總覺(jué)得色彩有點(diǎn)奇怪,就先看看色溫是不是實(shí)現(xiàn)了平衡。

三、明度對(duì)比


再增加一個(gè)屬性,漸變這個(gè)游戲又增加難度了,明度這個(gè)屬性表現(xiàn)為顏色的明暗程度,明度引入了另一個(gè)性質(zhì):光。其實(shí)我們平時(shí)看到的色彩就是因?yàn)橛辛斯?,才有了顏色。但是一般?lái)說(shuō)我們會(huì)把光簡(jiǎn)單歸屬于「發(fā)光」這個(gè)行列。事實(shí)上,由于光線的折射,我們視網(wǎng)膜接受到光的波長(zhǎng),才產(chǎn)生了色彩。那么光線的強(qiáng)烈與否,就會(huì)影響這個(gè)顏色的表現(xiàn)。

明度的對(duì)比,是所有顏色屬性當(dāng)中,最容易被覺(jué)察到的。我們可以簡(jiǎn)單來(lái)看,我們的素描就是利用明暗來(lái)表現(xiàn)物體,黑白灰能毫不費(fèi)力表現(xiàn)現(xiàn)實(shí)中光的感覺(jué)。所以在配色中,有了明暗對(duì)比,是一個(gè)很好表現(xiàn)色彩感染力的元素。

1. 表現(xiàn)立體感

即使明度相同,我們的色彩明暗程度(從主觀感受來(lái)說(shuō)),也是不一樣的。比如相同明度的黃綠色和紫色,在明暗表現(xiàn)上,黃綠色明顯更亮,更靠前。如果讓這兩個(gè)色彩之間發(fā)生漸變關(guān)系,這樣的表現(xiàn)就很像左上角有光滲入進(jìn)這塊平面中。如果進(jìn)一步降低的紫色的明度,這時(shí),明度的對(duì)比就更為強(qiáng)烈。這時(shí)很適合表現(xiàn)出某種立體感。

當(dāng)然,我們的色彩并非一定要有立體感才能生動(dòng),有些配色大師,會(huì)刻意去弱化立體感,所以會(huì)盡量避免明暗的對(duì)比。但是,作為初學(xué)者,一定要知道明暗對(duì)比,懂得在適當(dāng)?shù)那闆r下拿來(lái)使用。

尤其是在同色系或者鄰近色色系的漸變里,明度對(duì)比是一個(gè)增加立體表現(xiàn)力的方式。有些時(shí)候,平涂的方式看起來(lái)呆板單調(diào),利用同色系漸變就能很好解決這個(gè)問(wèn)題。兩個(gè)色彩之間可以非常近似,即便如此,還是和平涂有差別。有了光的感覺(jué)就要隨時(shí)注意受光的方向,在整個(gè)畫(huà)面里保持全局光,所謂全局光,換個(gè)簡(jiǎn)單的說(shuō)法就是大家都在同一光源照射下。

我們可以再和大家演示一下,例如這里有兩個(gè)圓,這兩個(gè)圓都是填充為紫 – 綠漸變,這時(shí)的紫和綠是同樣的明度。這里注意,就算是同樣明度,兩個(gè)顏色在直觀的感覺(jué)上,明暗程度也是有差別的,比如綠色會(huì)稍微亮一點(diǎn)。這時(shí)打開(kāi)漸變工具,在后邊的綠色這一端色彩,將它的明度調(diào)高,這時(shí)大家會(huì)發(fā)現(xiàn),右邊這個(gè)圓就變?yōu)榱艘粋€(gè)球體。

2. 從黑白灰開(kāi)始

明度漸變還是增加作品細(xì)膩程度的一個(gè)方法,我們和大神的差距,也許真有可能就是一處小小的明暗關(guān)系的不同。別忘了,明度對(duì)比對(duì)整體效果所發(fā)生的影響是最大的,但也是我們最容易忽略的,有時(shí)候一旦有了顏色,我們的焦點(diǎn)都在色調(diào)和色度上。但其實(shí)所有的配色,比如我們做設(shè)計(jì),一開(kāi)始總是從黑白灰開(kāi)始做起,先配置好明度,然后再開(kāi)始根據(jù)明度來(lái)選擇用色。

有了對(duì)明度的把握,我想我們對(duì)色彩的把握才能上升到新的層次,否則,我們?cè)谝欢焉世?,很容易迷失方向?/span>

四、色度對(duì)比

這里說(shuō)的色度,也被叫飽和度,有的書(shū)上也叫彩度,拿我們?nèi)粘S谜Z(yǔ)講就是鮮艷程度。色度對(duì)比越強(qiáng),尤其是色輪上的互補(bǔ)色,在他們色度都達(dá)到最大時(shí),會(huì)撞出最大的火花,產(chǎn)生最強(qiáng)烈的效果。

有時(shí)候這種高彩度的配色用在動(dòng)感很強(qiáng)的設(shè)計(jì)中,看上去活力四射。但這種互補(bǔ)色之間也會(huì)發(fā)生彼此互斥的關(guān)系,造成整個(gè)版面的凌亂,所以要非常謹(jǐn)慎的對(duì)待色度。

空氣透視 – 空間感的塑造

色度對(duì)比最常見(jiàn)的就是用在空間感的塑造上,大家都知道,色度越高,在視覺(jué)上會(huì)制造一種「更近」的效果。

舉例來(lái)說(shuō)吧,我們這里可以畫(huà)一個(gè)梯形,這個(gè)梯形用漸變來(lái)填色。如果用單色,大家一定感覺(jué)不出空間感。如果我們采用漸變,使得同一個(gè)顏色,比如紫紅色,在這個(gè)梯形上,由上到下做一個(gè)漸變,這個(gè)漸變中兩端的色彩,在色度上有差距。那這時(shí)就能體現(xiàn)出一個(gè)慢慢延伸到遠(yuǎn)方的感覺(jué)。甚至還能有種暴露在空氣中,被空氣弱化的視覺(jué)效果。這個(gè)也運(yùn)用在插畫(huà)中,也被叫做空氣透視。

色彩濃度的強(qiáng)弱對(duì)比,和其他的色彩的屬性相結(jié)合,配色就變得更復(fù)雜。但是通常來(lái)說(shuō),配色并沒(méi)有標(biāo)準(zhǔn)答案。所以導(dǎo)致很多人在配色的時(shí)候,都是依靠一種感覺(jué)在操作。其實(shí)感覺(jué)的確是一個(gè)最直接的選色方法之一,但是并不是唯一的方式。大家如果對(duì)色彩有更深入的了解以后,就會(huì)慢慢理解感覺(jué)層面下的更有趣的東西。這個(gè)也是經(jīng)驗(yàn)積累。

在飽和度這一環(huán),PS 里如果覺(jué)得不是很靠譜,就像我之前和大家提過(guò),那么大家可以進(jìn)入到 AI 里,利用 AI 的混合工具來(lái)生成不同的色階。例如我們?cè)谶@里用一個(gè)高飽和度的紅色和一個(gè)低飽和度的藍(lán)色相搭配。應(yīng)該說(shuō),這兩端的色彩既有飽和度的對(duì)比,也有色調(diào)和明度的對(duì)比,還有色溫的對(duì)比,應(yīng)該說(shuō)是對(duì)比是非常豐富的。所以,這一條矩形,用在背景色上,我個(gè)人感覺(jué)不是太合適。如果是做成一些特殊的效果,還是不錯(cuò),比如設(shè)計(jì)字體的時(shí)候做筆畫(huà)造型,或者做裝飾的線條。

最后一個(gè)我們要略提一下,就是透明度的對(duì)比。盡管透明度不是標(biāo)準(zhǔn)的顏色屬性中的一種,但是在我們軟件操作當(dāng)中,透明度是相當(dāng)實(shí)用的。漸變的色彩,我們可以改變其中一個(gè)色彩的透明度,比如降低到0,那么一端的色彩消失不見(jiàn),這樣最容易造成一種濃霧的效果。

這個(gè)插畫(huà),是在設(shè)計(jì)我自己的個(gè)人網(wǎng)站時(shí)做的,其中這些背景中的立方體的某些塊面,就是采用某一端降低透明度的效果。有一種在云端的感覺(jué)。

五、兩個(gè)漸變配色網(wǎng)站推薦

1. Grabient

網(wǎng)站鏈接:https://www.grabient.com/

這個(gè)網(wǎng)站的工具很好用,我當(dāng)時(shí)在群里推薦的時(shí)候,有人問(wèn)我說(shuō)這個(gè)和 PS 里的漸變工具有什么區(qū)別。我在剛剛其實(shí)已經(jīng)和大家講過(guò),PS里的顏色的設(shè)置是有一些和我們的色彩理論不太符合的地方,但是這個(gè)漸變工具就完全符合我們對(duì)色彩屬性的了解。所以在這里可以進(jìn)行調(diào)試,再確定漸變的值,最后放到 PS 里用。

2. WebGradients

網(wǎng)站鏈接:https://webgradients.com/

這個(gè)網(wǎng)站,我相信大家應(yīng)該不會(huì)陌生,好多地方都推薦過(guò),這個(gè)漸變色是可以作為背景色來(lái)使用的。大家可以看到這上面大部分的漸變的明度都比較高,比較淺。過(guò)渡也非常細(xì)膩。這一點(diǎn)大家可以拿來(lái)當(dāng)作自己配色的參考。

這兩個(gè)工具以外,還有很多其他好用的工具我就不一一演示了,這是我用的比較多,而且覺(jué)得還挺實(shí)用的兩個(gè)網(wǎng)站。

寫(xiě)在最后

其實(shí)色彩和音樂(lè)的感覺(jué)是最接近的,每個(gè)色彩對(duì)應(yīng)每個(gè)音調(diào),那經(jīng)過(guò)組合以后就能表現(xiàn)出一定的情感。通常你也很難說(shuō),哪一首音樂(lè)是最好聽(tīng)的,因?yàn)槊總€(gè)人喜歡的音樂(lè)風(fēng)格都不一樣。但是總有那么一些歌是廣為流傳成為經(jīng)典的。

所以要學(xué)會(huì)漸變,首先應(yīng)該是了解色彩。我們不可能通過(guò)一篇文章就能完成學(xué)習(xí),肯定是希望以這篇文章作為一個(gè)啟發(fā)點(diǎn),大家可以從中找到自己的學(xué)習(xí)的方向。


7
4
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)