視覺設計 ? 用illustrator制作立體好看的可編輯字效教程

用illustrator制作立體好看的可編輯字效教程

發表于: 視覺設計. 評論
Sponsor

本次教程,我們將聚焦Adobe Illustrator(Ai)這一強大工具中的隱藏瑰寶——可編輯字體樣式功能,助你輕松實現立體字體效果的設計。不同于抽象理論,這一實戰技巧猶如扎實的餐飯,讓你在操作中實實在在感受設計的樂趣。我們將從外觀面板的三大基礎功能切入,特別是其中饒有趣味且功能豐富的“添加新效果”,如偏移路徑、變換、粗糙化以及彩色半調等。

 

用illustrator這種立體字效,真的很好看

在Ai軟件中,有一個隱秘且強大的功能,那就是可編輯字體樣式,你可以打字的同時呈現字體樣式效果。

想要完成下面的字型效果,得先明白原理。那在正式講案例之前,我們簡單介紹一下這個軟件功能。

用illustrator這種立體字效,真的很好看

首先調出外觀面板,這里有三個基本功能,按右下方的+號就可以添加。前面兩個很好理解,描邊和填充,沒什么可說的。

第三個:添加新效果就相對來說比較復雜了。

用illustrator這種立體字效,真的很好看

點擊這里的添加新效果,會發現比較多的功能,我們這里主要會經常用到這四個:偏移路徑,變換,粗糙化,彩色半調。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

現在我們來看第一個案例。

首先我們打出文案(這里的笑臉也是字體哈),在左上角這里的填充顏色和描邊都不要選擇,在外觀面板上首先添加一個填充顏色。

用illustrator這種立體字效,真的很好看

然后添加一個黑色描邊,注意把描邊移到填充的下方。

用illustrator這種立體字效,真的很好看

然后將這個描邊復制一份,并給他添加一個變換效果,變換數值如下?。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

最后添加一個白色的描邊(這里的白色描邊是用黑色描邊復制的,所以也有變換)即可。

這個字體效果我們就完成了!

用illustrator這種立體字效,真的很好看

看一下最后呈現的效果。

輸入其他文字也試一下。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

第二個案例,我們可以再來鞏固一下這個“變換”的功能。

首先還是打出文案。

用illustrator這種立體字效,真的很好看

仍然是添加一個黑色描邊。

用illustrator這種立體字效,真的很好看

并給他添加一個變換效果,變換數值如下,前兩步跟第一個案例是沒區別的?。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

為了讓它的描邊層次顯得更加豐富,我們可以先添加一層黃色描邊(這里的黃色描邊是用黑色描邊復制的,所以也有變換)

用illustrator這種立體字效,真的很好看

然后再添加一個紅色的描邊(這里的紅色描邊是用黃色描邊復制的,所以也有變換) ,在變換的基礎上再次添加一次變換(這樣它就變成了厚度效果)

聽著稍微有點繞,在軟件上做兩遍就理解了

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

看一下最后呈現的效果。

輸入其他文字也試一下(注意:也可以選擇字體或輸入中文)

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

第三個案例,我們主要講解半調文字效果,首先打出文字,添加一個白色填充,黑色描邊。

用illustrator這種立體字效,真的很好看

然后再次添加一個填充顏色,在色板中選擇一個黑白漸變。然后給黑白漸變添加彩色半調,數值如下,這個紋理就做好了,注意,這里的漸變可以編輯。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

再次復制一個黑色描邊并添加變換,給字體增加厚度效果。

用illustrator這種立體字效,真的很好看

再次添加一個綠色描邊,增加變換,呈現厚度效果即可。

用illustrator這種立體字效,真的很好看

最后再給一個灰色的描邊,做一個錯位的層次感。

用illustrator這種立體字效,真的很好看

看一下最后呈現的效果。

輸入其他文字也試一下(注意:也可以選擇字體或輸入中文)

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

第四個案例,主要講解填充線條紋理的方法,打出文字。

用illustrator這種立體字效,真的很好看

增加描邊,加入變換,給字體一個厚度。

用illustrator這種立體字效,真的很好看

再次新建一個填充,置于頂層,窗口-色板,調出色板工具。

用illustrator這種立體字效,真的很好看

選擇基本圖形-線條即可,然后就可以填充想要的線條樣式了。

用illustrator這種立體字效,真的很好看

紋理和黑色描邊有點粘連,所以給這個填色增加一個偏移路徑,數值如下,這個效果就完成了。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

看一下其他文本的呈現效果!

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

第五個案例,主要講解粗糙化的效果,先打出文字,直接給一個填充和一個描邊。

用illustrator這種立體字效,真的很好看

給描邊增加一個厚度。

用illustrator這種立體字效,真的很好看

新建一個填充,置于頂層,用第四個案例講到的方法,增加一個紋理。

用illustrator這種立體字效,真的很好看

分別給兩個描邊添加粗糙化效果。

數值如下。

用illustrator這種立體字效,真的很好看

用illustrator這種立體字效,真的很好看

看一下其他文本的呈現效果!

用illustrator這種立體字效,真的很好看

經過一系列細致入微的操作演示與深入淺出的解析,相信你已掌握了在Illustrator中運用可編輯字體樣式創造立體效果的關鍵技法。只要勇于實踐,每個設計師都能在數字世界中鑄就令人矚目的文字藝術。

來源:胡曉波工作室 ID:ziyou-design

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }