如何在Adobe Illustrator中創建水晶插圖

如何在Adobe Illustrator中創建水晶插圖

(本教程由尋圖標icon.52112.com提供)

在今天的教程中,我們將使用一些Adobe Illustrator最基本的形狀和工具,創建一個罩著玻璃罩的水晶插圖。

在項目開始之前我們需要在www.52112.com找到類似下圖的底紋圖片,然後在進行下一步的操作。

如何在Adobe Illustrator中創建水晶插圖

創建新的項目文件

啟動並運行Illustrator,創建一個新文檔File> NewControl-N),進行以下調整:

  • 畫板數量: 1
  • 寬度: 800像素
  • 高度: 600像素
  • 單位: 像素

進入“ 高級”選項卡:

  • 色彩模式: RGB
  • 柵格效果:
    屏幕(72ppi)
  • 預覽模式:默認
如何在Adobe Illustrator中創建水晶插圖

創建圖層

一旦我們完成了項目文件的設置,最好創建幾個層來構建我們的文檔,因為創建圖層可以給我們在之後繪圖提供很大的便利。

調出“ 圖層”面板創建五個圖層,將它們重命名如下:

  • 第1層:背景
  • 第2層:玻璃罩
  • 第3層:晶體
  • 第4層:紋理
  • 第5層:疊加
如何在Adobe Illustrator中創建水晶插圖

提示:綠色的圖層可以更方便我們之後對路徑的觀察

創建背景

完成了文檔的分層,我們緊接著就可以創建背景圖層了。

第1步

使用矩形工具(M),創建一個800 x 600 px矩形,並使用#ffb75a進行著色 ,然後使用“ 對齊” 面板的“ 水平”和“ 垂直對齊中心”選項將背景層放置在“畫板” 的底層中心。

如何在Adobe Illustrator中創建水晶插圖

第2步

準備好背景後,在“ 圖層”面板中鎖定背景層,然後向上移動到第二個圖層。

如何在Adobe Illustrator中創建水晶插圖

創建玻璃罩

創建好背景圖層我們就可以進行玻璃罩的繪製了

第1步

使用240 x 48 px橢圓創建基座的頂部,使用#ffffff進行著色 ,然後將其中心對齊到下面的畫板,將其定位在距底部邊緣152 px的位置。

如何在Adobe Illustrator中創建水晶插圖

(本教程由尋圖標icon.52112.com提供)

第2步

使用描邊給我們剛剛創建的形狀添加輪廓,然後創建它的副本(Control-C),將它粘貼(Control-F)在剛剛繪製圖形的前面,然後通過翻轉進行調整(Shift-X)選中輪廓將輪廓大小調整為2 px。完成後,使用Control-G鍵盤快捷鍵選擇兩個形狀並將它們組合在一起。

如何在Adobe Illustrator中創建水晶插圖

第3步

創建一個240 x 48 px橢圓(#ffffff)作為基座的底部,將其定位在參考圖像中先前創建的形狀下方。

如何在Adobe Illustrator中創建水晶插圖

第4步

使用(Shift-X

)翻轉將基座底部的填充顏色,將其權重設置為2像素。然後,使用直接選擇工具(A)選擇其頂部錨點, 按Delete刪除它,使用鋼筆工具(P)繪製新路徑,以下圖為參考。

如何在Adobe Illustrator中創建水晶插圖

第5步

創建上一步繪製形狀的副本(Control-C> Control-F)開始處理底部陰影部分,通過填充Shift-X)將其顏色設置為#3a302e。

如何在Adobe Illustrator中創建水晶插圖

第6步

使用

直接選擇工具(A)選擇其頂部錨點繼續調整形狀,然後按Delete刪除它們。

如何在Adobe Illustrator中創建水晶插圖

第7步

創建一個上一步創建形狀的副本(Control-C> Control-F),將它定位在基座下面,然後通過選擇按Control-J(連接)將兩個路徑合併成一個更大的形狀,完成後,不要忘記將形狀放在白色輪廓下面(

右鍵單擊>排列>發送到後面),然後再繼續下一步。

如何在Adobe Illustrator中創建水晶插圖

第8步

創建基座下半部分的副本(Control-C> Control-F)選擇並移除其頂部錨點進行調整,將生成的形狀定位在距其頂部8 px的位置。

如何在Adobe Illustrator中創建水晶插圖

第9步

使用2 px的線條添加基座上的紋理 嘗試不同的方向直到找到合適的線條之後選擇並將這些線條組合在一起(Control-G),然後再進行下一步。

如何在Adobe Illustrator中創建水晶插圖

第10步

使用我們之前粘貼的下半身輪廓副本(Control-C)(Control-F)遮蓋我們剛創建的紋理線,創建蒙版右鍵單擊>製作剪貼蒙版遮住線條多出的部分。

如何在Adobe Illustrator中創建水晶插圖

第11步

使用2 px輪廓224 x 40 px大小的橢圓添加到基座的上部,使用#ffbe57進行著色。完成後,使用Control-G鍵盤快捷鍵選擇所有組成形狀組合在一起。

如何在Adobe Illustrator中創建水晶插圖

第12步

創建一個具有2 px輪廓224 x 320 px矩形開始繪製玻璃罩的圓頂,將其定位在底座的上半部分,然後將其頂角的半徑設置為112 px打開“ 變換”面板選擇“ 矩形屬性”。#ffffff

如何在Adobe Illustrator中創建水晶插圖

第13步

由於我們希望方便的區分玻璃穹頂與基座,接下來我們創建環形圖案的副本(Control-C> Control-F),然後移除其頂部錨點。然後,使用鋼筆工具(P),擴展生成的路徑使其超出基礎表面,使用副本作為蒙版右鍵單擊>製作剪切蒙版)將其遮蓋Control-C>Control-F)。

如何在Adobe Illustrator中創建水晶插圖

第14步

創建兩條與玻璃罩同樣寬度的線條給玻璃罩添加細節。完成之後,選擇並將所有圖形進行分組(Control-G),然後對整個玻璃罩進行相同的操作。

如何在Adobe Illustrator中創建水晶插圖

(本教程由尋圖標icon.52112.com提供)

創建水晶

完成了的玻璃罩的繪製,鎖定它的圖層,然後繼續進行下一步操作,開始繪製水晶。

第1步

使用鋼筆工具(P) ,繪製中央晶體的主要形狀使用#7b7bef進行填充,以下面的圖片為參考。由於插圖的這一部分是比較抽象的形狀,所以不必要創建十分精確的副本,可以隨意創建出一個獨特的形狀。

如何在Adobe Illustrator中創建水晶插圖

第2步

通過參考圖像中看到的圖形,使用#9c9cff繪製晶體顏色較淺的區域,使用#6363d3繪製顏色較暗的區域和使用#5252c1繪製晶體最暗的區域,選擇主題圖案創建遮罩遮蓋多出的部分。完成後,使用Control-G 鍵盤快捷鍵選擇並將所有圖案組合在一起。

如何在Adobe Illustrator中創建水晶插圖

第3步

使用2 px的直線(#ffffff)勾勒出水晶的輪廓,之後選擇所有線條並將它們組合在一起(Control-G)。完成後,選擇並分組(Control-G)到目前為止我們繪製的所有形狀,並將它們分組。

如何在Adobe Illustrator中創建水晶插圖

第4步

按照相同的步驟,依照參考圖像作為例創建剩餘的晶體。繼續下一步之前使用Control-G鍵盤快捷鍵選擇並將這些形狀組合在一起。

如何在Adobe Illustrator中創建水晶插圖

第5步

使用2 px的線條(#ffffff),快速繪製圍繞晶體結構的路徑,然後

右鍵單擊>排列>發送到後面將其定位在晶體下面。完成操作之後選擇並分組(Control-G)所有形狀,然後再轉到下一部分。

如何在Adobe Illustrator中創建水晶插圖

(本教程由尋圖標icon.52112.com提供)

在晶體上添加紋理

接下來我們將為我們的小插圖進行最後的潤色,首先我們將從紋理開始入手。

第1步

使用直接選擇工具(A),選擇所有晶體的主要形狀,然後複製(Control-C)並粘貼(Control-F)它們到下一層(這將是第四層),並鎖定前一個圖層。

如何在Adobe Illustrator中創建水晶插圖

第2步

由於我們需要對整個晶體同時進行修飾,所以我們需要將它們調整為一個形狀,打開路徑尋找器創建複合形狀

如何在Adobe Illustrator中創建水晶插圖

第3步

接下來,我們需要將獲取的自定義紋理創建副本(

Control-C)並將其粘貼(Control-F)到當前圖層上,將其顏色設置為白色(#ffffff),放置在複合圖形下面並調整大小。

如何在Adobe Illustrator中創建水晶插圖

第4步

調整好紋理的位置,接下來我們選擇它和複合形狀,然後

右鍵單擊>製作剪貼蒙版,以隱藏在晶體表面之外的部分。完成後,鎖定當前圖層,進行下一個圖層的繪製。

如何在Adobe Illustrator中創建水晶插圖

給晶體添加疊加效果

接下來我們就進入到教程的最後一部分,使用混合模式為晶體的顏色添加一些潤色。這一步其實是可選的,不過我還是希望你嘗試一下,因為有時幾個簡單的步驟會使我們會獲得一些有趣的顏色變化。

第1步

首先在剪貼板中將一個晶體的副本粘貼(Control-F) 到當前圖層,然後將顏色設置為黑色(#000000)。

如何在Adobe Illustrator中創建水晶插圖

第2步

打開“

透明度”面板,將生成的形狀的“ 混合模式”設置為“ 疊加”,你會發現黑色圖層編一下變成了藍色。

如何在Adobe Illustrator中創建水晶插圖

第3步

然後我們可以通過調節不透明度改變顏色的飽和度得到不同的效果。(下圖是我調節將透明度調節到40%得到的效果)

如何在Adobe Illustrator中創建水晶插圖

完成

如何在Adobe Illustrator中創建水晶插圖

(本教程由尋圖標icon.52112.com提供)


分享到:


相關文章: