當前位置:
首頁 > 最新 > 如何用Adobe Illustrator中的漸變網格創建春天的花朵

如何用Adobe Illustrator中的漸變網格創建春天的花朵

在本教程中,您將學習如何使用網格工具,以及如何通過對透明度 設置進行一些調整,使您的圖像更好看。而且你也將創造一個天然的春天背景與鮮花!

在開始之前,您將需要使用右側的按鈕下載附件。它包含一個由我創建的文件,這將是有用的。

1. 如何創建花瓣

步驟1

首先使用橢圓工具(L)創建一個粉紅色橢圓。#FAE8E6通過使用網格工具(U)單擊,對其進行顏色並在中間創建一個節點。

第2步

通過使用網格工具(U)拖動節點,將形狀修改為如下圖所示。

步驟3

使用網格工具(U),創建一個類似於屏幕截圖的網格。

創建一個具有6行和4列的網格

步驟4

根據下面的圖片對各個網格節點進行著色,您需要使用的顏色代碼寫在注釋中。要同時選擇多個節點,請使用套索工具(Q)或使用直接選擇工具(A)按住Shift鍵。

使花瓣與中間的一些較深的粉紅色節點一起染色,右邊是一對深黃色的節點

步驟5

現在我們已經完成了花瓣的創作,讓我們用它來做花!創建完成的花瓣的幾個副本(使用Control-C,Control-V或拖動Alt鍵)並旋轉它們如下所示:

安排三個花瓣

右上角的花瓣應在其他花瓣下。您可以通過實現這一向後發送(對照)功能,你可以找到在安排 後右擊對象菜單。

步驟6

通過添加更多的花瓣完成花。

安排花瓣填滿空的空間

不要擔心中間的開放,在接下來的幾個部分會照顧好!

2.如何製作花雄蕊並組裝花

步驟1

讓我們創造花的雄蕊。首先用矩形工具(M)創建一個窄的矩形。在中間創建一個網格節點,就像我們在本教程上一節中所做的一樣。用矩形顏色#E5BE93。

非常長的窄矩形

第2步

創建更多的Mesh節點並將它們如下面的截圖所示進行著色-使用網格工具(U)。

使形狀變色,使其左側較暗,右側更亮,增加亮點

步驟3

現在,我們的矩形是彩色的,使用效果>變形>弧形。設置應如下:

彎曲 19%

水平 -38%

彎曲弧形形狀

步驟4

然後再擴展外觀使用形狀對象>擴展外觀。任何時候您都可以隨時使用變形效果,請勿忘記!

展開對象的外觀

步驟5

複製並排列彎曲的形狀,如下圖所示。

添加四個形狀朝向正確的方向,其間具有半規則空格

步驟6

創建一個較小的形狀的副本,並按照下面的屏幕截圖進行排列。使用編輯>編輯顏色>飽和度更改顏色。將強度設置為-20%。

降低20點

步驟7

將第二組移至第一組。

在第一組安排第二組,使其填滿大空間

步驟8

我們繼續創造雄蕊的第二部分。使用橢圓工具(L)創建一個橢圓,並填充橙色,您可以使用它#EEAF58。

使用EEAF58創建一個窄橢圓

步驟9

使用對象>創建漸變網格,創建一個網格。將行數設置為5,將列設置為4。

創建如上所述的梯度網格

步驟10

通過選擇屏幕截圖中顯示的節點並使用所指示的顏色對其進行著色,可以在網格中顯示顏色。

使底部變暗,頂部更輕

步驟11

將完成的橢圓加到我們在步驟7完成的組中。您可以自己安排或按照下面的圖片。

向每個莖添加兩個或一個橢圓

步驟12

創建完成的創建的副本,旋轉它並縮放它,使結果看起來類似於下面的形狀。

將副本附加到原始創作,使其看起來像一個bowtie

步驟13

最後,我們將為我們的雄蕊造成陰影。創建一個橢圓,並將其從棕色到橙色到白色的徑向漸變填充。

從512E05到E6BE79的徑向漸變為白色

步驟14

使用漸變工具(G),拉伸漸變,使其跟隨橢圓的形狀。

漸變遵循橢圓形狀,但稍微小些

步驟15

設置透明度到正片和不透明度,以80%的透明度面板(窗口>透明度)。

上述透明度設置

第16步

最後,將本節中創建的對象從上一節排列到花瓣上。

完成花

步驟17

為了這一步,要有創意!創建幾個更多不同版本的花。您可以旋轉,添加或拿走花瓣,不同排列,並調整其不透明度的透明面板,甚至它們的顏色編輯>編輯顏色>調整顏色。

我做了幾個樣品花:

你可以創造不同花朵的例子

一旦你對你所做的鮮花感到滿意,請轉到下一節!

3. 如何創建葉子

步驟1

創建一個橢圓並填寫它#

窄橢圓5F8500

第2步

按照圖片創建和著色網格。

在中間打火機上方和下方顏色中間較暗和兩個節點

步驟3

用鋼筆工具(P)繪製葉子的線條。應用綠色#9E9E02筆畫並在「 筆畫」面板(「窗口」>「筆觸」)中為其分配寬度配置文件4。

分配看起來像指向左邊的三角形的寬度輪廓

步驟4

選擇所有的線條窗口>路徑查找器面板。按住Alt鍵,先點擊聯集再點擊擴展,然後再把輪廓轉成填充。

步驟5

將線條放在橢圓的頂部。然後再打開一個樹葉輪廓路徑的附件。如果需要,您可以使用自己的形狀進行此步驟。

選擇所有元素,然後右鍵單擊,在菜單中選擇建立剪切蒙版。

在右鍵單擊後製作剪貼蒙版

步驟6

這是你的葉子應該如何看。

成品葉

步驟7

創建一個葉子的副本,然後編輯>編輯顏色>調整色彩平衡,使其看起來更輕。使用13%的紅色和10%的綠色。

按照上述說明

4.如何創建枝條

步驟1

創建一個狹窄的矩形並填充它#030100。

長窄矩形030100

第2步

使用網格工具(U)在中間創建一個單個網格節點,並將其與其對應#714B00。

一個網格節點在中間714B00顏色

步驟3

彎曲形狀按效果>變形>弧形,應用10%彎曲。不要忘了擴展外觀。

如上所述用弓彎曲枝條

步驟4

創建幾個網格節點並拖動它們之一,如下圖所示。

在中間向上拖動一個節點

步驟5

在形狀圖中創建更多網格節點。

創建5列和4行網格

步驟6

顏色樹枝,按照下面的圖片。

顏色樹枝,所以中間有較淺的棕色

步驟7

創建另一個矩形,這次用#5D6A2C顏色填充它 。

長5D12A2C長矩形

步驟8

經 它正如我們在本節的步驟2中所做的那樣,應用以下設置:

彎曲 24%

水平 -40%

然後再到對象菜單擴展外觀。

步驟9

使用網格對對象進行著色,然後按照以下圖示。

使用四種顏色的莖顏色 - 黑色最右邊的中間較輕的底部右側較輕

步驟10

將新製作的形狀貼在步驟6完成的枝條上。

將綠色的莖附在樹枝上

5.如何創建背景

步驟1

創建一個矩形並使用顏色進行#F2F2E2著色。

方形與F2F2E2

第2步

使用網格工具(U),創建一個網格,如下圖所示。

網格為4行和5列

步驟3

顏色不同的節點,如下圖所示。

使用綠色節點在葉子將被放置的空間和花下的粉紅色背景

6.如何把它放在一起

大!我們已經完成了所有不同的元素!這部分取決於你的創造力。

步驟1

只要抓住我們在第1,第2,第3和第4節中製作的所有物品, 並安排它們用春天的花朵和葉子製作一個或兩個美麗的樹枝!你可以看看我的結果的靈感。

成品分支的例子

廣告

第2步

以我們在第5節做的背景,把你的花放在它的頂部。接下來,在所有元素之上創建一個矩形。矩形應該包括最終圖片中所需的所有內容。

最後,選擇所有元素(Control-A),右鍵單擊並選擇創建剪切蒙版

選擇全部並右鍵單擊後,使剪貼蒙版

真棒的工作,你現在完成!

現在怎麼辦?您可以添加一些其他元素(例如,散景高光),並播放,直到您完全滿足您的春天花朵背景!

完成圖像

在本教程中,您學習了如何創建彈簧花背景,主要使用網格工具和經線效果。

我希望你喜歡這個教程,並學會了如何使用一些有用的工具在未來!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 美視平面設計 的精彩文章:

TAG:美視平面設計 |

您可能感興趣

如何在亞洲多個「城市網格」中,演繹 adidas Originals DEERUPT?
Nature再發DeepMind研究:AI復現大腦網格細胞模擬導航!
PowerPoint中的標尺、網格線及參考線
網格交易的頭部玩家,BitUniverse到底怎麼樣?
Atomontage採用體素技術取代多邊形圖形網格
Nature在線公布穀歌DeepMind重大成果,AI替科學家搞定「網格細胞」,要搶諾貝爾獎?
利用photoshop製作一個科技感線條網格
5月機器學習TOP 10熱文:Google Duplex,「換臉術」、網格單元
使用網格搜索優化CatBoost參數
如何使用Python超參數的網格搜索ARIMA模型
英偉達用Asteroids展示網格著色技術 顯著提高圖像質量
NYU Courant 二年級博士生薑仲石:網格曲面的神經網路
Nature:利用人工智慧模擬大腦中的網格細胞
Adv.Mater:3D列印高剛性&韌性多核殼架構網格
Firefox開始支持子網格,產生新的網格布局
TeXtreme展寬碳纖維織物又添±45°網格布新成員
今日Nature,AI已經替人搞定網格細胞,下面要搶諾貝爾獎?
今日芯品:Vishay將展出其最新的網格和繞帶電阻
Lumin OS 0.97已支持多人模式,加入手部網格API
網格摯愛!A-COLD-WALL* 全新包袋系列!