數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Illustrator → AI教程 如何使用AI創建規則圖標

AI教程 如何使用AI創建規則圖標

時間:2013-09-12 16:27:52人氣:207作者:網友整理
AI畫咖免費版1.7
AI畫咖免費版1.7 for Android
  • 類型:安卓日常應用大小:36.40M語言:簡體中文 評分:3.2
  • AI畫咖免費版APP是一款提供優質AI繪畫服務的手機軟件,隻要用戶提交相關要求,...
立即下載
AI畫咖免費版1.1
AI畫咖免費版1.1 for Android
  • 類型:安卓學習閱讀大小:32.30M語言:簡體中文 評分:4.4
  • AI畫咖免費版APP是一款專門提供ai繪畫服務的手機軟件,不論是什麼樣的照片或者...
立即下載
AI文章生成器v1.1
AI文章生成器v1.1 for Android
  • 類型:安卓學習閱讀大小:12.27M語言:簡體中文 評分:0.3
  • AI文章生成器是一款基於人工智能技術的創新工具,它能夠幫助用戶快速生成高質量的文...
立即下載

今天與愛好AI的朋友們分享一篇使用AI創建規則圖標技巧,對學習UI設計的朋友們比較有幫助。

繪畫是教你怎樣去觀察,然後將所看到的在紙上用圖形轉換出來,我認為這是我理解怎樣創建圖標的關鍵所在。

幾何圖形

首先,你應該知道,下麵這四個圖形可以組成任何複雜的圖形。

AI教程 如何使用AI創建規則圖標 圖1

當我想要將某個東西轉換成圖標時,我會仔細觀察它,然後盡量將其打散成最簡單的結構。例如,水滴形狀可以使用三角形與圓形組成。

AI教程 如何使用AI創建規則圖標 圖2

心形的圖標可以用兩個圓形和一個三角形組成。

AI教程 如何使用AI創建規則圖標 圖3

我通常使用Adobe Illustrator來創建這些形狀。使用矢量形狀我可以更容易的控製線條的粗細、形狀的相互關係以及它們的錨點。Illustrator也可以很方便的將線條轉換成形狀,反之亦然。這一切看上去都很初級,但我便是用這種方法來創建非常複雜的圖標。下麵是一個稍微複雜一些的例子,這是我最近在做的一個賬單的圖標,我也使用了同樣的基本圖形。

AI教程 如何使用AI創建規則圖標 圖4

界麵圖標

最近我在為iPhone 上一款稱為Parker Planner的App來設計一整套圖標。我很喜歡這個項目的工作,最重要的一點是,我創建出的這些易於理解、功能與美觀兼備的用戶界麵圖標能夠幫助用戶更好地了解、使用這款應用。

AI教程 如何使用AI創建規則圖標 圖5

我們從這些圖標中挑出一個進行解構,以便你能夠了解我是怎樣創建的。我們以垃圾桶的圖標為例,這個圖標由三個圓角矩形和三條線組成。

1. 選擇圓角矩形工具

AI教程 如何使用AI創建規則圖標 圖6

2. 拖出圓角矩形的形狀

AI教程 如何使用AI創建規則圖標 圖7

3. 不斷調整描邊的大小,直到你滿意為止。

AI教程 如何使用AI創建規則圖標 圖8

一整套圖標中,我通常會選擇一到兩種描邊尺寸。這樣會使這些圖標看上去一致並且有關聯。

AI教程 如何使用AI創建規則圖標 圖9

 

[page]
 

4. 使用另外一個圓角矩形來創建蓋子。

AI教程 如何使用AI創建規則圖標 圖10

5. 再使用一個圓角矩形來創建蓋子的把手

AI教程 如何使用AI創建規則圖標 圖11

6. 擦除圓角矩形的下半部分。

AI教程 如何使用AI創建規則圖標 圖12

7. 通過在垃圾桶上增加三條豎線來創建條紋。

AI教程 如何使用AI創建規則圖標 圖13

8. 我們大功告成了!一個垃圾桶的圖標就做好了。如果你喜歡,也可以繼續調整線條的顏色和粗細。

AI教程 如何使用AI創建規則圖標 圖14

路徑查找器是我在創建圖標的過程中最為有用的工具之一。利用路徑查找器,可以方便地進行形狀的修剪、合並以及打斷操作。

AI教程 如何使用AI創建規則圖標 圖15

描邊/填充工具能夠很方便地在形狀與描邊鍵切換。

AI教程 如何使用AI創建規則圖標 圖16

描邊麵板是我最喜愛的工具,在這裏你可以將非常生硬的邊角或線條的尾部修改為光滑的圓形。

AI教程 如何使用AI創建規則圖標 圖17

當完成了一套圖標的設計,我通常會將他們擺成一行,看看是否有的圖標看上去很怪異或與整體不協調。接下來我會進行一些必要的調整。

AI教程 如何使用AI創建規則圖標 圖18

最後一步,我通常會在app中檢查,觀察這些圖標是否在設備上看上去也十分完美。

AI教程 如何使用AI創建規則圖標 圖19如何創建好的圖標,它的方法很重要。這就需要我們在平時多加練習,相信你以後會越來越好。

相關文章

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。