快速幫你搞定插畫(huà)的插件

2022-6-12    純純

發(fā)現(xiàn)一個(gè)非常好用插畫(huà)神器

地址是https://blush.design/zh-CN/sketch 

能自動(dòng)生成各種你需要的插畫(huà)形式,重點(diǎn)是這些插畫(huà)都是可以免費(fèi)商用的,肯定能幫到你。

undefined


它有Figma和sketch2個(gè)不同的版本,下面彩云就以sketch為例來(lái)說(shuō)說(shuō)這個(gè)插件怎么用。(沒(méi)有Mac電腦不能使用sketch的同學(xué),也可以用figma來(lái)生成插畫(huà)哦,所以在win下也是可以用的,使用方法跟sketch類(lèi)似) 



1.如何使用


使用非常簡(jiǎn)單,只需要簡(jiǎn)單幾步就能搞定: 



1)下載插件并安裝


裝好后,從插件菜單點(diǎn)開(kāi)Blush插件,會(huì)出現(xiàn)一個(gè)插畫(huà)庫(kù)界面。


undefined



2)生成插畫(huà)


1.創(chuàng)建一個(gè)矩形,先給定一個(gè)大小,目的是為了給生成的插畫(huà)一個(gè)位置和范圍(也可以后面再調(diào)整,不是太重要) 



2.選一個(gè)你喜歡的插畫(huà)風(fēng)格,點(diǎn)下封面右上角的隨機(jī)圖標(biāo) 


3.生成之后,你還可以針對(duì)它的組件各個(gè)部位再次隨機(jī),當(dāng)然你也可以根據(jù)自己的喜好直接選擇對(duì)應(yīng)的部件 



3)導(dǎo)出插畫(huà)

免費(fèi)版把插畫(huà)的尺寸改到中型尺寸再生成。效果調(diào)整好之后,按正常的sketch選擇導(dǎo)出png圖片就行。想導(dǎo)出svg矢量格式的需要付費(fèi),但我覺(jué)得2x的Png圖,已經(jīng)足夠用了。



2.插件包含了哪些類(lèi)型的插畫(huà)資源呢?


1)城市元素 


undefined


2)裝飾背景 



3)人物場(chǎng)景 




3.這種插畫(huà)在實(shí)際項(xiàng)目中運(yùn)用如何?


彩云隨便做了幾個(gè),大家可以感受下,效果應(yīng)該還可以 。



1) 引導(dǎo)頁(yè) 


使用了插件中的Tech Life主題插畫(huà) 


2)網(wǎng)頁(yè)頭圖 


使用了插件中的Tech Life主題插畫(huà) 


3)作品集包裝



4)登錄頁(yè)


使用了插件中的Cityscapes主題 



4.結(jié)語(yǔ)


這個(gè)插件的原理是把插畫(huà)進(jìn)行組件化,利用sketch和figma的組件功能進(jìn)行拆分再重組,構(gòu)成大量的隨機(jī)插畫(huà)??梢钥吹?,組件化已經(jīng)成為一種思維方式,最初是用在UI中,現(xiàn)在已經(jīng)擴(kuò)展到了插畫(huà)領(lǐng)域,未來(lái)還有哪些可以組件化?我們可以一起思考。

作者:彩云Sky         來(lái)源:站酷
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)m.820esy.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔