AI繪制圖標小技巧

網(wǎng)絡 分享 時間: 收藏本文

AI繪制圖標小技巧

后來在項目中不斷摸索,總結了幾個小技巧,讓我的繪制效率提升至少50%以上。今天和大家分享一下其中常用的四個小技巧,它們分別是:圖形與描邊、轉角工具、形狀生成工具和路徑偏移。文中使用的軟件是AI工具,作個劇透下期講 Ps、AI、XD、畫圖標分別有什么優(yōu)劣勢。

01. 技能:巧用圖形與描邊

ai怎么畫圓角三角形_三角形怎么畫圓心_三角形畫圓弧

舉個“吸鐵石”圖標的例子,我們先拆解圖標,可以看成是一個“拱門”圖形添加描邊的效果,再加上兩條小短線。

ai怎么畫圓角三角形_三角形怎么畫圓心_三角形畫圓弧

首先我們需要繪制“拱門”圖形,這個形狀是不是特別像一半的圓角矩形,可以先畫一個圓角矩形。然后通過AI直接選擇工具(快捷鍵A),

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

激活圓角矩形的描點,將下面多余的描點選中(黑色的圈),(刪除),然后調(diào)整剩余圓角矩形的高度。

三角形怎么畫圓心_ai怎么畫圓角三角形_三角形畫圓弧

通過 +X 快捷鍵(轉成描邊快捷鍵)將圖形變成描邊,改變描邊的粗細,這步?jīng)Q定了圖標的形狀。

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

這個時候我們就得到了“拱門”圖形,接下去只要對“拱門”進行描邊處理就可以了,但是我們發(fā)現(xiàn)“拱門”圖形已經(jīng)是描邊了,無法在描邊上繼續(xù)添加描邊,就要用到AI里面的“擴展”功能,目的是將描邊變成圖形。

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

再通過一次 +X 快捷鍵(轉成描邊快捷鍵)將圖形變成描邊,最后調(diào)整描邊粗細,底部的圓角,再加上兩條小短線,就可以得到這個“吸鐵石”圖形。

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

也許會有人問了,為什么不使用兩個半圓相減呢?

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

其實在這里也是可以的,因為“吸鐵石”是相對比較規(guī)整的圖標,但是當我們遇到以下這種圖標時,兩個圖形相減并不是那么方便了。

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

使用圖形和描邊轉化的方式就非常簡單,只要將之前一半的圓角矩形,多刪除一個描點,

三角形怎么畫圓心_ai怎么畫圓角三角形_三角形畫圓弧

然后通過 +X 快捷鍵,變成描邊,然后重復“吸鐵石”的步驟即可。

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

使用場景:適合描邊的圖標,用基本形狀拼出想要的圖標,然后通過 +X 幾次轉化后得到最終的結果。

02. 技能:使用轉角工具

ai怎么畫圓角三角形_三角形怎么畫圓心_三角形畫圓弧

舉個“圖片”圖標的例子,它是由三個部分組成,圓角矩形,小圓和一條波浪線組成。

ai怎么畫圓角三角形_三角形怎么畫圓心_三角形畫圓弧

圓角矩形和圓都是我們比較容易得到的圖形,但是怎么樣才能得到這條不規(guī)則的波浪線呢?之前我都是用鋼筆去畫圓角,這樣并不規(guī)范,然且銜接處不自然。

三角形畫圓弧_三角形怎么畫圓心_ai怎么畫圓角三角形

我們可以先用鋼筆工具畫一條帶折角的線,然后通過Ai直接選擇工具(快捷鍵A)選中三個圓角,

三角形怎么畫圓心_ai怎么畫圓角三角形_三角形畫圓弧

使用Ai自帶的圓角轉換調(diào)整工具,將直角調(diào)整到圓角8px的弧度。

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

使用場景:適合帶有圓角的圖標,先畫出直角,然后通過直接選擇工具選中描點,激活邊角(圓角)功能,調(diào)整到合適的數(shù)值,這樣處理的圖形過渡圓滑自然。

03. 技能:使用形狀生成工具

在畫圖標的時候,我們只知道用兩個形狀去做加、減、交叉集合,這里要給大家介紹形狀生成工具,它的優(yōu)點

(1)可以使用線去和形狀做交集;

(2)方便形狀增大,減少和分割。

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

還是以上面的“圖片”圖標為例子,這時我們需要面形圖標,將圓角矩形和波浪線做組合,

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

將波浪線和圓角矩形(線與圖形)做組合,選擇形狀生成工具。

ai怎么畫圓角三角形_三角形畫圓弧_三角形怎么畫圓心

圖標的各個邊都被選中了,并且鼠標靠近的時候,會顯示“+”號,按住alt鍵會顯示“-”號,這里我們只要下面實心部分,所以按住alt鍵,將上面部分減去。

ai怎么畫圓角三角形_三角形畫圓弧_三角形怎么畫圓心

減去后可以得到想要的形狀,將顏色填充為橘色。

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

然后和圓角矩形,小圓組成新的“圖片”圖標。

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

再給大家舉個圖形增加和分割的例子

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

圖中是一個三元環(huán),通過形狀生成工具,我將中間三個“花瓣”交叉的地方合并了,增加了一個新的圖形,如果是使用路徑查找器里面的“聯(lián)集”(加法),得到的是全部合并,而不是單獨部分的,如下圖:

三角形怎么畫圓心_ai怎么畫圓角三角形_三角形畫圓弧

而且通過形狀生成工具生成的圖形可以拆分,重新組合,

三角形畫圓弧_三角形怎么畫圓心_ai怎么畫圓角三角形

使用場景:適合相交,有集合的圖標,可以通過圖形與圖形,線與圖形,線與線等各種形式得到想要的形狀,靈活度高,操作性高。

04. 技能:認識偏移路徑

ai怎么畫圓角三角形_三角形怎么畫圓心_三角形畫圓弧

以我們最經(jīng)常使用的微信圖標為例,由兩個形狀一致的對話框,通過對稱縮放疊加得到。

三角形怎么畫圓心_三角形畫圓弧_ai怎么畫圓角三角形

但是仔細看,兩個對話框之間有幾個像素的間距,在畫圖標的時候我們是不是經(jīng)常用圖標縮放相減的方式得到描邊,但是縮小后我們發(fā)現(xiàn),描邊的間距并不是一樣的,尖角那里明顯小一些。

三角形怎么畫圓心_ai怎么畫圓角三角形_三角形畫圓弧

雖然也能得到微信里的這那條白色間距,但是這種方式也是不夠規(guī)范的,這時候就可以使用AI里面的偏移路徑功能。

三角形畫圓弧_ai怎么畫圓角三角形_三角形怎么畫圓心

我們可以通過位移數(shù)值來調(diào)整白色間距的粗細。這樣得到的圖標我們可以看到一圈的間距都是相等的。

三角形怎么畫圓心_ai怎么畫圓角三角形_三角形畫圓弧

使用場景:適合一些帶尖角類型的圖標,不能通過放大縮小得到。通過設置偏移數(shù)值,作出相對正確的圖形。

05. 總結

很多時候,多練習固然很重要,但是好方法比盲目的練習更加重要。就拿圖標繪制來說,以前我只知道用圖形相切和鋼筆勾線這兩種方法。規(guī)則的圖形使用路徑查找器繪制,不規(guī)則的圖形只能使用鋼筆勾勒,經(jīng)常需要花費大量的時間去修正。

通過這次的學習,讓我提升了效率,減少至少50%以上的時間。現(xiàn)在再畫上面的這四類圖標都不會超過5分鐘了,希望你們也能從中獲得一些感悟。歡迎交流學習以及指正。

信息流廣告 網(wǎng)絡推廣 周易 易經(jīng) 代理招生 二手車 網(wǎng)絡營銷 招生代理 旅游攻略 非物質文化遺產(chǎn) 查字典 精雕圖 戲曲下載 抖音代運營 易學網(wǎng) 互聯(lián)網(wǎng)資訊 成語 成語故事 詩詞 工商注冊 注冊公司 抖音帶貨 云南旅游網(wǎng) 網(wǎng)絡游戲 代理記賬 短視頻運營 在線題庫 國學網(wǎng) 知識產(chǎn)權 抖音運營 雕龍客 雕塑 奇石 散文 自學教程 常用文書 河北生活網(wǎng) 好書推薦 游戲攻略 心理測試 石家莊人才網(wǎng) 考研真題 漢語知識 心理咨詢 手游安卓版下載 興趣愛好 網(wǎng)絡知識 十大品牌排行榜 商標交易 單機游戲下載 短視頻代運營 寶寶起名 范文網(wǎng) 電商設計 免費發(fā)布信息 服裝服飾 律師咨詢 搜救犬 Chat GPT中文版 經(jīng)典范文 優(yōu)質范文 工作總結 二手車估價 實用范文 愛采購代運營 古詩詞 衡水人才網(wǎng) 石家莊點痣 養(yǎng)花 名酒回收 石家莊代理記賬 女士發(fā)型 搜搜作文 石家莊人才網(wǎng) 銅雕 詞典 圍棋 chatGPT 讀后感 玄機派 企業(yè)服務 法律咨詢 chatGPT國內(nèi)版 chatGPT官網(wǎng) 勵志名言 河北代理記賬公司 文玩 朋友圈文案 語料庫 游戲推薦 男士發(fā)型 高考作文 PS修圖 兒童文學 買車咨詢 工作計劃 禮品廠 舟舟培訓 IT教程 手機游戲推薦排行榜 暖通,電采暖, 女性健康 苗木供應 主題模板 短視頻培訓 優(yōu)秀個人博客 包裝網(wǎng) 創(chuàng)業(yè)賺錢 養(yǎng)生 民間借貸律師 綠色軟件 安卓手機游戲 手機軟件下載 手機游戲下載 單機游戲大全 免費軟件下載 網(wǎng)賺 手游下載 游戲盒子 職業(yè)培訓 資格考試 成語大全 英語培訓 藝術培訓 少兒培訓 苗木網(wǎng) 雕塑網(wǎng) 好玩的手機游戲推薦 漢語詞典 中國機械網(wǎng) 美文欣賞 紅樓夢 道德經(jīng) 網(wǎng)站轉讓 鮮花 社區(qū)團購 社區(qū)電商
主站蜘蛛池模板: 久久九九AV免费精品| 亚洲欧美色图小说| 18禁美女裸体网站无遮挡| 日本影片和韩国影片网站推荐| 午夜福利一区二区三区高清视频 | 一级毛片一级毛片一级毛片aaav | 一卡二卡三卡四卡在线| 欧美成人精品一区二三区在线观看| 国产国产成年年人免费看片| yy6080新视觉旧里番高清资源| 欧美亚洲国产精品久久高清| 啊轻点灬大ji巴太粗太长了欧美| 91精品国产91久久| 无码av中文一区二区三区桃花岛| 亚洲精品国产精品国自产网站| 青青国产线免观| 天天干2018| 久久天天躁狠狠躁夜夜| 热久久99影院| 国产免费一区二区三区在线观看| 99久久国产热无码精品免费 | 最近最新中文字幕| 免费无码AV一区二区三区| 国产精品蜜芽在线观看| 女人与狥交下配a级正在播放| 久久精品国产欧美日韩| 热久久国产欧美一区二区精品| 国产乱子伦片免费观看中字| 67194线路1(点击进入)| 成人国产在线不卡视频| 亚洲AV无码无在线观看红杏| 男人把大ji巴放进男人免费视频| 国产午夜一级鲁丝片| 91制片厂(果冻传媒)原档破解| 成年免费a级毛片免费看无码| 亚洲av永久综合在线观看尤物| 看全色黄大色黄女片爽毛片| 国产免费av片在线播放| 2022麻豆福利午夜久久| 女博士梦莹凌晨欢爱| 久久久无码人妻精品无码|