斷線風(fēng)格(MBE)圖標(biāo)制作#課堂練習(xí)

UI設(shè)計課堂練習(xí),我怕忘記,試著用文字來進行描述,記錄下這有趣又有意義的課堂。


和美術(shù)鑒賞可是同一個老師,跟我以往遇見的老師都不一樣的一個人,喜歡獨自發(fā)呆并且建議我們發(fā)呆的老師,說她前半生就是買買買,后半生就是扔扔扔的一個人。

教學(xué)方式很靈活,班上人員專業(yè)復(fù)雜,基礎(chǔ)不一,她總有辦法讓每個人明白她在講什么。

風(fēng)格的設(shè)計是UI里面的重頭戲,根據(jù)主體主題的不同,應(yīng)采用不同的風(fēng)格路線,斷線風(fēng)屬于我也不知道什么風(fēng)格里面的,制作方法很簡單,前期以模仿為主。


需要使用的軟件:Adobe Illustrator (因為電腦配置的原因,我使用的是CS6版本的)

首先新建畫板,然后選中矩形工具(M)中的圓角矩形,開始繪制圓角矩形(按住SHIFT會繪制等長的矩形),改選底色邊框色,在工具屬性欄里面調(diào)整描邊粗細(xì),改變畫筆形狀為圓形(使斷線時切面為圓形),然后切換工具為:添加錨點工具(+),在需要斷線的地方添加錨點,錨點添加好了然后切換為:直接選擇工具(A),選中需要斷開的地方的錨點,點擊屬性欄里的:在所選錨點處剪切路徑,這樣就可以將線斷開了,刪除多余線條就可以了。


這樣的圖標(biāo)就是斷線風(fēng)格的



提供一部分可供模仿,方便以后整理。

?圖片來源網(wǎng)絡(luò)
圖片來源網(wǎng)絡(luò)
圖片來源網(wǎng)絡(luò)

這是在網(wǎng)上找到的詳細(xì)教程? ?https://uiiiuiii.com/illustrator/121210545.html??

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容