當(dāng)前音量：
100
試看結(jié)束，開通會(huì)員免費(fèi)看
掃一掃，開通會(huì)員
-
超長視頻
-
素材下載
-
專屬客服
-
VIP標(biāo)識(shí)
如你已是VIP會(huì)員，請(qǐng)
登錄
飛屋設(shè)計(jì) AI·提升漸變質(zhì)感技法·用AI制作漸變網(wǎng)格
相關(guān)推薦
課程標(biāo)簽： 提升漸變質(zhì)感技法 丨 用AI制作漸變網(wǎng)格 丨 漸變質(zhì)感 丨 AI漸變 丨 漸變 丨 漸變制作 丨 AI質(zhì)感 丨 AI漸變質(zhì)感 丨
初柒
小丑
阿肯
免費(fèi)領(lǐng)取7天會(huì)員試聽， 請(qǐng)?zhí)砑又汤蠋?/div>
前言
漸變究竟有哪些實(shí)現(xiàn)方式？
為什么漸變除了用色還應(yīng)注重用形？
為什么說不同的設(shè)計(jì)思路做出的漸變是迥然不同的？
雖然實(shí)現(xiàn)漸變有各種不同的方法，我們?cè)诖藲w納了九種實(shí)現(xiàn)漸變的主要方法。他們分別是：
1. 網(wǎng)格漸變
2. 放射漸變
3. 模糊漸變
4. 風(fēng)景漸變
5. 階梯漸變
6. 漫射漸變
7. 單/多色漸變
8. 漸變剪影
9. 無規(guī)則漸變
今天我們要和大家從第一個(gè)漸變網(wǎng)格開始談起，在飛屋設(shè)計(jì)的博客里，我們會(huì)接下陸續(xù)為大家一一進(jìn)行演示。漸變網(wǎng)格就是要用AI（Adobe Illustrator）中的網(wǎng)格工具以及其他相關(guān)的工具來實(shí)現(xiàn)漸變過度，為此我們可以忽略原本已有的漸變工具。
一、準(zhǔn)備工作
我們需要在AI的工具欄當(dāng)中找到我們的網(wǎng)格工具。今天我們的重點(diǎn)就是要用它來實(shí)現(xiàn)漸變。同時(shí)，我們還會(huì)用到變形工具，配合已經(jīng)做好的網(wǎng)格漸變來實(shí)現(xiàn)更多形態(tài)上的流動(dòng)。
首先我們繪制出一個(gè)矩形，這個(gè)矩形的大小可以任意設(shè)置。在這里我們將要做一個(gè)可以用作背景的漸變，因此，不要太小，符合背景這一角色的尺寸就可以了。
此外，可以提前準(zhǔn)備好配色方案，這樣做的目的是為了能一步到位，免掉最后成形的進(jìn)一步調(diào)色。這些色彩也是呈現(xiàn)漸變的感覺，我們不一定要所有的色彩都用上，只是為了讓選擇更為豐富。
這些顏色中有上一次我們講到的色相對(duì)比、還有色度的對(duì)比，也有冷暖的對(duì)比。經(jīng)過對(duì)比，漸變的色彩流動(dòng)感才能凸顯出來。
二、應(yīng)用網(wǎng)格工具
STEP 01
選中我們所繪制的矩形，將它設(shè)置為一個(gè)非白色的背景色（也就是選用我們已備好的配色方案中的一個(gè)色彩），這里可以設(shè)定一個(gè)稍微較淺的色彩。
STEP 02
運(yùn)用網(wǎng)格工具，選擇背景矩形，在適當(dāng)?shù)奈恢脝螕?，就?huì)出現(xiàn)路徑交叉的位置，這個(gè)位置就是錨點(diǎn)，通過改變錨點(diǎn)的色彩，就能使得錨點(diǎn)包括周圍區(qū)域的色彩發(fā)生變化。確保錨點(diǎn)被選中的情況下，可以利用吸管工具去吸取你所需要的顏色。
網(wǎng)格工具的妙用，就是在于它能在任何位置自由安排色彩。因此也是靈活度很大的漸變工具。
STEP 03
繼續(xù)利用網(wǎng)格工具增加錨點(diǎn)的時(shí)候，這時(shí)就會(huì)發(fā)現(xiàn)產(chǎn)生很多可以控制的錨點(diǎn)。這時(shí)我們就要學(xué)會(huì)利用錨點(diǎn)來繼續(xù)作用于全局。（具體的操作步驟見視頻，在末尾處提供了荔枝微課的視頻鏈接）
三、改變色彩造型
STEP 04
可以直接移動(dòng)錨點(diǎn)來改變漸變的色彩造型，這時(shí)我們能完全掌控色彩的過度。
STEP 05
還有一種方式就是利用變形工具，變形工具在工具欄中寬度工具的下方。大家可以利用按住鍵盤上的ALT鍵的同時(shí)調(diào)整鼠標(biāo)位置來控制變形工具中筆尖的大小。
同時(shí)也可以利用旋轉(zhuǎn)扭曲工具，就能通過扭轉(zhuǎn)的方式改變色彩之間的位置關(guān)系。
四、防止發(fā)生的顏色突變
利用網(wǎng)格工具做漸變效果，移動(dòng)錨點(diǎn)時(shí)，色彩不可過度得太迅速，這時(shí)會(huì)產(chǎn)生顏色的突變。如果確實(shí)需要這樣的效果，也未嘗不可以保留。但是大部分情況下，我們要保持顏色的溫柔的平滑的流動(dòng)，這樣的做法就不太合適。
補(bǔ)救方法
如果確定了色彩調(diào)整到最后一步，不再會(huì)有大的改動(dòng)。這時(shí)，你可以在AI中將整個(gè)背景矩形進(jìn)行柵格化處理，進(jìn)入【對(duì)象>柵格化】，然后再進(jìn)入【濾鏡>高斯模糊】，這時(shí)就能將原先鋒利的過度邊緣給模糊處理了。
順便說一下，模糊是一種非常有效的漸變方式，立竿見影，接下來我們還會(huì)和大家細(xì)講。
五、完整演示IOS11的鎖屏漸變壁紙制作過程
經(jīng)過上面的訓(xùn)練，我們就已經(jīng)有能力繪制IOS11的漸變鎖屏壁紙。這是我的制作過程，雖然沒有原創(chuàng)壁紙那么精雕細(xì)琢，不過看過了這過程，相信大家更能有所領(lǐng)會(huì)。
我沒有把它當(dāng)作教程一步步教的原因是過程相對(duì)比較繁瑣，很多細(xì)枝末節(jié)需要在過程中才能體會(huì)。這需要大家動(dòng)手操作起來~
演示視頻見下方:
視頻播放：
1、漸變網(wǎng)格的用法詳解
2、快速演示IOS11的鎖屏漸變壁紙
后記
雖然漸變可以用到非常多的色彩，但是對(duì)色相的把握很重要。如果沒有必要，幾乎不需要用超過2種主要的色相來進(jìn)行過度，明確主題色彩，再確定輔色。
很多時(shí)候，其實(shí)玩漸變就是在玩色彩，Color is the key！
Paradar剛學(xué)習(xí)了
平面版式綜合實(shí)戰(zhàn)
紛紛剛學(xué)習(xí)了
photoshop全新入門教程+PS實(shí)戰(zhàn)基礎(chǔ)入門·已更完
紛紛剛學(xué)習(xí)了
photoshop全新入門教程+PS實(shí)戰(zhàn)基礎(chǔ)入門·已更完
紛紛剛學(xué)習(xí)了
photoshop全新入門教程+PS實(shí)戰(zhàn)基礎(chǔ)入門·已更完
Paradar剛學(xué)習(xí)了
PS玻璃海報(bào)
紛紛剛學(xué)習(xí)了
photoshop全新入門教程+PS實(shí)戰(zhàn)基礎(chǔ)入門·已更完
Paradar剛學(xué)習(xí)了
詳情頭圖·詳情頁高級(jí)磨砂玻璃質(zhì)感特效
Paradar剛學(xué)習(xí)了
平面版式綜合實(shí)戰(zhàn)
紛紛剛學(xué)習(xí)了
photoshop全新入門教程+PS實(shí)戰(zhàn)基礎(chǔ)入門·已更完