Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Spring
Design

如何在AI中創建一張用花朵裝飾的Spring字母卡片

by
Difficulty:BeginnerLength:MediumLanguages:

Chinese (Traditional) (中文(繁體)) translation by Stypstive (you can also view the original English article)

Final product image
What You'll Be Creating

春天已經到了讓我們用一張漂亮的字體插畫來迎接這個讓人驚艷的季節。理所當然,我們會增加一些花朵裝飾,這會很有愛,充滿熱情和創造性! 

今天,你將會學到如何在AI中繪制數字化字體,以便給我們的雅致的裝飾作品制作一些精美的,帶有花朵元素裝飾的精美字母。 在有條件的情況下,使用手繪板來操作此教程會非常方便好用。 我們還將使用寬度工具、鋼筆工具、弧線工具和直線段工具。

如果你正在尋找一些裝飾性的矢量素材,你可以在GraphicRiver找到很多不同的元素和設計。

好的,讓我們開始吧!

1.如何繪制一個手寫字體

步驟1

在打開AI之後,創建一個大小為850*850px的新文檔。插圖會放置在深灰色的背景上,所以我們先使用矩形工具(M)創建一個深灰色的長方形。 

creating the background

步驟2 

現在我們開始繪制。記得不用寫的很完美,因為我們只需標記出字母繪制的地方。

為了我們繪制得準確,我們需要借助標尺,通過視圖>標尺>顯示標尺(快捷鍵control+R),可在界面上顯示標尺。  將鼠標點在上方的標尺,往下拖,會出現一條輔助線,一直拖到到你想要書寫的地方,然後用同樣的方法制作另一條輔助線。這樣在字母的上下兩邊就有兩條輔助線了。

現在你可以準備繪制了,讓我們使用鉛筆工具(N),設置無填充顏色,開始繪制。如果畫錯了,你可以使用橡皮擦工具(Shift+E)。  全屏畫板可使作畫變得更容易(Control+0),你寫的字越小,手就越不容易抖。

writing hello word

步驟3

透明度面板上降低該圖層的透明度,然後鎖住該層,創建一個新圖層。

在新圖層上,我們使用鋼筆工具(P),勾勒出“hello”,我建議使用鋼筆工具,若使用畫筆工具(B),就會產生很多錨點,會讓你的文件變大。  單獨繪制每個字母,這樣方便之後的修改調整。由繪制簡單的字母開始,之後裝飾一些卷曲的筆觸。

outlining hello word

現在你可以添加些卷曲筆觸,通過操作錨點上的手柄。如果你想要連接兩個字母,使用直接選擇工具(A),選擇你想要連接的兩個錨點,右擊鼠標,選擇連接。 

adding curls

步驟4

現在我們開始創建下一個單詞,“Spring”。

鎖住最上面的用鋼筆工具(P)繪制的圖層,解鎖最下面的圖層,開始繪制下一個單詞。確保處於最下面的圖層,在第一次創建的兩條輔助線下面再創建一組輔助線,第二個單詞會在此繪制。

只需拉出輔助線,往下拖動。做此動作兩次,得到兩條輔助線,劃分出字母的區域。使用鉛筆工具(N),然後繪制單詞“Spring”。

為了看得更清楚,你可以增加最底層的透明度。

writing spring word

步驟5

和之前制作“hello”一樣,鎖定最底層,降低透明度,然後移步至最上層。  接下來,選擇淡奶油色或者淡黃色的畫筆顏色,通過使用鋼筆工具(P),勾勒出單詞“Spring”。當你完成後,通過操控錨點上的手柄,給字母添加一些卷曲筆觸。

outlining spring word

這是我制作的成品,你可以自由發揮,創建與之風格類似的單詞。

adding curls

步驟6

打開圖層面板,選擇草圖圖層(未裝飾過的字母圖層),將其拖動至垃圾桶圖標(刪除所選圖層)。  按住Control+R,隱藏標尺。選擇畫板上的輔助線(位於字母上下位置),然後按下鍵盤上的Delete鍵刪除。

現在字母的效果如下所示:

how the whole lettering looks

2.如何制作花朵細節

步驟1

現在我們來添加一些春季花朵的細節。讓我們來制作第一款葉子。

設置描邊為綠色,無填充效果。使用弧形工具,畫下葉子的莖部分。  通過使用直線段工具(\),在莖的兩側增加一些線條,如果你更喜歡使用弧線工具也可以。確保在描邊面板上選擇圓頭端點

我們吧這些線條轉變成葉子部分,通過使用寬度工具(快捷鍵Shift+W)。點擊寬度工具(快捷鍵Shift+W),將你的鼠標或者手繪板的壓感筆放置在葉子中間位置,拉伸葉子使其變厚。剩下的葉子部分也重復此動作。

drawing leaves

制作一些葉子的分枝。最後,我們需要擴展這些變換過的線條。  選中所有的葉子,選擇對象>擴展外觀,然後選擇對象>擴展(第一次只是擴展葉子部分,第二次是莖部分)。

creating more leaves copies

步驟2 

畫第二款葉子時,我們再次使用弧形工具,用兩種顏色來畫線條:淺綠色的在下面,深綠色的在上面。用寬度工具(Shift+W)來調整淺色線條的寬度。  擴展所有的線條(選擇對象>擴展外觀,然後選擇對象>擴展),通過調節錨點上的手柄來使得葉子邊緣變得更尖銳(使用直接選擇工具(A))。

drawing leaves 2

步驟3

現在我們來制作玫瑰。增加一個無描邊、粉色紅填充的圓圈(你可以自由選擇任何粉色作為陰影)。按住shift鍵的同時,使用橢圓工具(L)繪制,這樣可以畫一個正圓形。

現在添加一些外邊緣的花瓣。清除填充顏色,設置相同的描邊顏色(快捷鍵Shift+X)。  在描邊面板上,增加描邊的粗細,選擇圓頭端點。選擇鉛筆工具(N),然後開始畫位於最外緣的卷曲的花瓣。 

接下來制作制作裏面的花瓣,降低描邊的粗細,將描邊顏色略微調暗,使用鉛筆工具(N),如下圖所示創建裏面的花瓣,再增加一些顏色較淺的花瓣。 

drawing the rose

步驟4

再這個步驟裏,我們要制作一個花蕾。增加一個無描邊粉紅色填充的圓圈,復制兩份圓圈,用略深些的粉紅色填充。將這兩個副本放置在第一個圓圈的下面(快捷鍵Control+X, Control+B)。  增加第四個副本,用更深的粉色填充,用鉛筆工具(N)在第一個圓圈後面增加一些黑色的線條(設置描邊為灰色就好了),作為花蕊。最後,畫一個綠色的橢圓作為花托,位於花蕾所有花瓣的下面。 

擴展花蕊,你可以選中整個花蕾,選擇對象>擴展,在新的對話框裏選擇描邊,按下確定鍵

drawing the bud

步驟5

第三款花朵,我們再次使用直線段工具(\),畫一些線條作為花瓣。使用寬度工具(Shift+W)來調整這些線條的寬度以制作花瓣。  在花朵當中增加一個小圓圈。用黃色填充,無描邊,很簡單吧,最後擴展這些線條,選擇對象>擴展

drawing the small orange flower

步驟6

使用相同的步驟,繪制一個相似但更小一些的白色花朵,使用直線段工具(\)制作白色花瓣,用寬度工具(Shift+W)將線條變形,在花的中心增加黃色圓圈,最後,擴展這些線條(對象>擴展)。

creating the small white flower

步驟7

以下是我們繪制的所有花朵元素,在進行下個步驟前,確保你已經擴展所有的元素(選擇對象>擴展外觀,然後選擇對象>擴展)。

all floral elements

3.如何放置這些花朵元素

步驟1

制作一些深綠色的葉子副本,然後將這些葉子均勻分布在字母的下面。

placing leaves on lettering

步驟2 

選中另外一款我們繪制的葉子,制作一系列副本,然後將其圍繞著文本放置。

placing leaves on lettering 2

步驟3

現在可以放置一些漂亮的玫瑰花。

placing roses on lettering

步驟4

增加一些花蕾。

placing buds on lettering

步驟5

分散放幾朵小紅花。

placing orange flowers on lettering

幹得漂亮,你完成了!

最後也是不可或缺的一步,我們不要忘記放置小白花。這樣,我們就完成了插圖的制作。

恭喜你!春季字母卡片已經準備好了!棒棒嗒!  我希望你喜歡這個富有靈感的教程,並發現一些新的提示和技巧,將幫助您設計更多的字體和花卉作品。 享受春天,玩得開心!

placing white flowers on lettering
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.