當前位置：首頁 >教程首頁 > illustrator >AI教程：教你創造時尚多彩的網站LOGO

AI教程：教你創造時尚多彩的網站LOGO

發布時間：2018-11-17 19:57:24

編者按：@飛屋睿UIdesign ：在做網頁設計時，難免會遇到將LOGO一並設計的時候。因為客戶往往很少拿原來的印刷版的LOGO再投入使用，過時的設計也不符合新的網頁風格。因此，這也給UI設計師們一項新的挑戰：怎樣給網站設計新LOGO？

這個LOGO設計來自於最普通的幾何正圓，由於英文字母的圓滑外形，通過一些修飾，就能用圓形來打造出獨特的文字標識效果。

一、繪製草圖

一般而言，LOGO設計前，除了先將要傳達出的信息理解透徹外，還要在草稿紙上反複嚐試各種形式。我將這個過程稱之為“找感覺”。我們沒有辦法憑空就能設計出最優的版本，那麼前麵試錯的過程就顯得尤為重要了。

二、繪製線性圖

草圖其實隻是一個前期的概念化的過程，細節則放到實際製作過程中去表現。在此，我省略了草圖繪製的過程。

打開AI軟件，新建一個文檔，800px*600px。由於是矢量圖形，因此大小可以任意。使用橢圓工具，畫出一個80px*80px的正圓。這裏點選橢圓工具後，在畫筆上雙擊兩下就能彈出橢圓工具對話框，高度和寬度設置為相應的數字，點擊確定即可。然後將這個圓按住ALT鍵，複製7份排列成下圖的形狀。

運用剪刀工具，先剪掉圓的部分曲邊。剪刀工具的用法十分簡單，選中相應的路徑，點選要剪掉曲邊部分的兩端，然後再選中這個曲邊，刪除。

使用鋼筆工具，在已有的圓形路徑上對其中一些部分添加一些路徑，讓圓形更傾向於字母的外形。

選中所有的路徑，然後將描邊擴大到20pt。

三、配色

這也是我在之前就沒有進行編組的原因，在此我要對這個LOGO進行上色。很多人都會在製作前就已經有了配色方案。你可以去專業的配色網站挑選一個你認為合適的配色，也可以看看其他的配色網站是否有你喜歡的配色方式。下圖是我在配色網站裏所選擇的配色。

開始上色的時候，會將現有的曲邊再分拆，這時，依然可以選擇剪刀工具，隻是不要再刪除。另外需要相應調整字母與字母的疊放順序，比較快捷的方式是按住Ctrl+[]來進行疊放。經過上色修飾後的效果如下。

四、精修

或許這樣的排列顯得不夠特別，那麼，讓我們試圖將這些字母靠緊一點，讓它們有種擁擠的感覺。甚至有些可以穿過對方，營造一種交織的狀態。選中相應的字母，然後用鍵盤的左右鍵就能控製其左右移動，這個過程當中，可能會遇到字母部分之間的疊放順序也會不一致，這沒有關係。遇到疊加部分，我會用剪刀工具修剪掉多餘的部分，你也可以參考我的做法。

當已經確定好位置後，我們就選中整個圖形，進入【對象>擴展】，將我們的描邊變為了填充。

這時，我想要為上圖中的兩個字母（黃綠色）改為漸變填色。這時，大家會發現由於這個部分已經拆為好多小的部分，疊加的次序也不盡相同，如果直接給它們編組，疊放次序就變得一致，而疊放次序的改變就會讓我們的圖形發生改變。但如果不編組，圖形要添加一個漸變填色也是非常困難的事。

這裏，我來說一下我的解決辦法，當然，你的辦法或者更巧妙。我將整個圖形選中後，用Ctrl+Shift+F9調出路徑查找器，點擊“分割”，也就是左下的那個小圖標。這樣，我就將這個圖形四分五裂了，在我們要添加漸變的這個部分裏，將疊放到底部被遮擋的部分拋棄，將看得見的部分選擇之後，再編組，編組後的圖形，點選路徑查找器中的合並（即下排左邊開始第三個小圖標）。這樣，添加漸變填色就不在話下了。

添加漸變填色，我們進入到外觀麵板。麵板中增加一個新填色，選擇漸變色板。

對圖形邊緣的瑕疵進行修飾，我們用直接選擇工具。這時可以利用路徑查找器將整個圖形修邊後，再進行合並，圖形的輪廓會變得平滑。

再對圖形的部分做出點陰影的修飾。選中需要添加陰影的部分形狀，然後複製一份。進入【效果>模糊>高斯模糊】，模糊參數在此我設置的是3.5，根據圖形的大小數值會有所不同。模糊後，將陰影放置於這個形狀的下方。

另外一個部分我也這樣做，不過由於剛剛我已將這個圖形合並過，所以這裏我可以複製一份後，用一個矩形去裁切這個原有的形狀。讓它隻保留住陰影的部分。陰影做好後，還可以適當改變下透明度或者形狀，略微旋轉等。

最後，效果圖完成，放上其他可以添加的元素。

後記：

盡量放大圖形進行精修，矢量圖的平滑美感就能得到完美展現。

（免責聲明：本文整理自網絡，版權歸原作者所有，如涉及作品內容、版權或其他問題，請及時與我們聯係，我們將在第一時間予以刪除！感謝您的理解和包容。）

上一篇 AI初級教程：製作一個簡單的裏程計

下一篇 Illustrator製作自定義圖案畫筆技巧

返回列表

华体会hth体育网賞析

2101期學員李思庭作品
2104期學員林雪茹作品
2107期學員趙淩作品
2107期學員趙燃作品
2106期學員徐正浩作品
2106期學員弓莉作品
2105期學員白羽新作品
2107期學員王佳蕊作品

熱門課程

專業講師指導快速擺脫技能困惑

多種教程總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

除迪士尼外，無人能惡搞其IP

為給新片造勢，迪士尼這次豁出去了，拿出壓箱底的一眾經典IP，開啟了夢幻聯動朱迪和尼克奉命潛入偏遠地帶臥底調查截至11月24日......
金山軟件2025年Q3財報：遊戲業務下滑，逆風翻盤待時

此前Q2問答環節，鄒濤曾將《解限機》首發失利歸結於“商業化保守”和“灰產猖獗”，導致預想設計與實際遊玩效果偏差大，且表示該遊戲......
2025 Google Play年度遊戲頒獎：洞察移動遊戲新趨勢

玩家無需四處收集實體卡，輕點屏幕就能開啟驚喜開包之旅，享受收集與對戰樂趣庫洛遊戲的《鳴潮》斬獲“最佳持續運營遊戲”大獎，這不僅......
遊戲引擎雙雄聯手了！

說明：文中所有的配圖均來源於網絡在人們的常規認知裏，遊戲引擎領域的兩大巨頭似乎更傾向於在各自賽道上激烈競爭，然而，隻要時間足......
北京市出台支持辦法推動遊戲電競行業高質量發展

在行政服務優化層麵，辦法提出壓縮國產網絡遊戲審核周期，在朝陽、海澱等重點區將審批納入綜合窗口；完善版權服務機製，將遊戲素材著作......
未畢業先就業、組團入職、紮堆拿offer...這種好事，再多來一打！

眾所周知，火星有完善的就業推薦服務圖為火星校園招聘會現場對火星同學們來說，金三銀四、金九銀十並不是找工作的唯一良機火星時代教育......