抽象紋理文字LOGO設計教程

Sponsor

今天分享一個抽象紋理的文字LOGO設計，這種風格看似復雜，但是也有取巧的地方，下面一起來看看這個LOGO?設計教程吧！

該logo為群友投稿，版權歸原作者所有，本文只做技巧探討。

老規矩，看放大圖，先思考下怎么做。

三十秒時間過去~

OK時間到，我們來分析下這個圖形。

外輪廓是NEXT四個字母，內部則分布著體現地形高低的等高線，還有不規則的色塊，色塊內部的等高線是反白的，NEXT四個字母之間是有銜接部分的。簡單來說，就是用NEXT作為等高線和色塊的剪切蒙版。

第一步，我們先來做NEXT，用描邊矩形就可以拼出來，非常簡單，如下：

然后把銜接部分加上，并合并，如下：

第二步，繪制等高線。這一步不可能和原作者一毛一樣了，為了節省時間，我這里直接在網上找到一個等高線的素材圖，拖到AI里，執行窗口-圖像描摹，將其矢量化，如下：

第三步，將第一步做好的NEXT放到等高線上方（ctrl+shift+]），將NEXT和等高線同時選中，按ctrl+7執行剪切蒙版，這一步的目的是方便我們在蒙版中（雙擊左鍵進入蒙版）不斷嘗試調整等高線的位置和大小，讓它和NEXT更好地融合。

下圖是我覺得比較合適的位置，紅框標注的位置是我為了防止等高線斷裂，將NEXT的銜接部分做了相應的形狀調整。

PS:為了方便大家看清NEXT的位置，我將等高線的不透明度降低了，實際操作時不需要降低不透明度。

當我們上面的造型調整好后，就可以右鍵-釋放剪切蒙版了，釋放之后，將NEXT輪廓之外的所有等高線全部刪掉，方便我們后面的操作?？聪聞訄D：

動圖中由于線太多了，我將NEXT加了個描邊，方便看清輪廓，這一步一定要仔細，不可多刪也不可少刪，全部刪除完畢后，再選中NEXT的描邊，執行選擇-相同-描邊顏色命令，按del刪除即可，看動圖。

PS：將加了描邊的NEXT復制一份，先隱藏，下一步要用。

第四步，勾色塊。如下圖中的橙色描邊：

注意這些色塊的曲線盡量和等高線的弧度保持一致。色塊的形狀定好后，再把上一步隱藏的NEXT描邊顯示出來，利用形狀生成器工具（shift+M），按住alt鍵刪掉NEXT輪廓之外的色塊，之后再將描邊屬性改成填充（shift+X可快速切換）如下：

第五步，同時選中色塊以及色塊內部的等高線，點擊路徑查找器（ctrl+shift+F9）中的減去頂層按鈕，如下：

全部刪除完畢后的效果如下：

注意，上圖白圈標注的地方是一些空路徑，需要我們手動刪除掉，否則會影響填充效果。

將形狀優化完畢后，我們就可以將其全選并統一填充漸變色了（線性漸變，從左往右拉），如下：

4個漸變色標的位置分別是0%，33%，66%，100%。

第六步，繼續優化線條直至滿意為止。

我們發現原圖的等高線并不是均勻等粗的，這里我們便可以分別調整即可，看動圖：

這是個細活兒，時間有限，我這里就不一一演示了，大家可以多多嘗試，理解這個logo的做法即可。

好啦，今天的抽象紋理文字LOGO設計教程就講到這里，我們下期見鴨~

作者：這logo怎么了（ID：wtf-logo）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。