快速打造非常漂亮的電子藝術(shù)圖譜

2018-07-16 1717 0

為了防止各位同(lan)學(xué)(bi)打開之后就關(guān)掉,我決定非常心機(jī)婊的先放出本節(jié)課的最終效果圖,以下兩幅動(dòng)圖都是純PPT作品。


53915781092b0000018c1b793650.jpg


 

1c79578108460000012e7e662535.jpg

(是不是有點(diǎn)像《尋龍?jiān)E》里的彼岸花)


 


 

好,課程開始(笑)


 

---------------------------

 

最近,Behance 和 Pinterest 上很流行一種設(shè)計(jì),乍一看,這種設(shè)計(jì)其實(shí)很像我們小時(shí)候用鉛筆描著來(lái)畫的卡尺。
 


 

fb0e578109470000012e7e4f7c72.jpg


 


 

用單一的元素,做出規(guī)律性的復(fù)制變換,營(yíng)造一種獨(dú)特的空間感和藝術(shù)感,同時(shí)又有一種說(shuō)不出的動(dòng)態(tài)形體變換美。


 

這種看似不著邊際卻又有著獨(dú)特的藝術(shù)美感的圖像我們可以把它們統(tǒng)稱為「數(shù)碼藝術(shù)」,這種圖像也包括以下這種抽象設(shè)計(jì)。


 

76195781095d0000012e7e0b4abd.jpg


 

以上這些設(shè)計(jì)大多是用AI做的,我查閱搜索了一些資料,發(fā)現(xiàn)這種抽象變化的設(shè)計(jì)還是有非常多的方法。


 

篩選了三種方法較為快速的方法,簡(jiǎn)單介紹一下。
 

--------------------


 


 

1. WeaveSilk

https://weavesilk.com/


 

WeaveSilk是一個(gè)簡(jiǎn)單的光線繪畫網(wǎng)站,用鼠標(biāo)拖拽的同時(shí),就可以完成非??犰诺碾娮铀囆g(shù)作品。


 


 


 

直接在首頁(yè)點(diǎn)擊進(jìn)入繪畫頁(yè)面,左上角是工具欄,其余的黑色區(qū)域是繪畫區(qū)域,而黑色區(qū)域中的灰色小點(diǎn)(截圖無(wú)法顯示)則是跟著你鼠標(biāo)移動(dòng)的繪圖筆觸。


 


 

左上角四個(gè)圖標(biāo)小按鈕分別是:全屏顯示,保存繪圖,筆觸設(shè)置,撤銷;


 

當(dāng)我們點(diǎn)擊左上角的小藍(lán)點(diǎn)之后,會(huì)彈出筆觸設(shè)置,在這里可以進(jìn)行筆觸數(shù)量,顏色,大小,鏡像等等的設(shè)置。


 


 

選擇合適的筆觸和顏色之后,我們就可以用鼠標(biāo)在中間的黑色區(qū)域用鼠標(biāo)拖拽進(jìn)行繪圖操作了。


 

敢信么~?設(shè)置好筆觸之后,下圖僅僅使用兩筆就能畫出來(lái)。


 


 

繪制完成之后我們可以點(diǎn)擊左上角相機(jī)小圖標(biāo)按鈕,進(jìn)行保存工作,鼠標(biāo)放在彈出的保存設(shè)置菜單上,右鍵另存為圖片即可。

-------------------


2. SuperShape 3d

https://blog.inspirit.ru/wp-content/uploads/supershape3d/


 


 

SuperShape 3d是一個(gè)被數(shù)字藝術(shù)工程師用于可視化開發(fā)的js庫(kù),我們則是使用它的demo網(wǎng)站,用來(lái)測(cè)試和展現(xiàn)它的功能。


 

網(wǎng)站整體非常直觀,上方一共有12個(gè)節(jié)點(diǎn)可以給我們拖拽設(shè)置,形成各種各樣瑰麗卻又暗含著規(guī)律性的形狀。

 

acaa57810b380000018c1b944f29.jpg


 

同時(shí)我們也可以設(shè)置不同形狀類型;

比如平面型;


 

9bb157810b4b0000018c1b6e87a5.jpg


 

三維場(chǎng)景型;


 

af5e57810b580000012e7e9beabe.jpg


 

散點(diǎn)型;


 

0fa057810b7b0000012e7eeebb27.jpg


 

如果我們點(diǎn)擊 live 按鈕,可以選擇上傳一個(gè) MP3 文件到這個(gè)網(wǎng)站,下面的形狀會(huì)隨著音樂的律動(dòng)的節(jié)奏而跳動(dòng)成不同的形狀,所以我們可以錄屏下來(lái)做一個(gè)簡(jiǎn)單的MV。

b98857810b8d0000018c1be20b0d.jpg

(我上傳的是歌曲「忐忑」)

-------------------------


 


3. PPT + Nordri Tools

Nordri Tools 插件下載地址:https://dwz.cn/3juBHW


 


 

這是最簡(jiǎn)單粗暴的方式,我們也可以使用 PPT 結(jié)合 Nordri Tools 來(lái)設(shè)計(jì)。


 


 

第一步,我們用PPT拖出一個(gè)任意的線框,同時(shí)為這個(gè)線框配上漸變顏色。

91c757810c650000018c1b98f621.jpg


 

第二步,選中線框,打開 Nordri Tools 選項(xiàng)卡,選擇環(huán)形復(fù)制功能。


 


 

第三步,勾選自動(dòng)旋轉(zhuǎn),設(shè)定好數(shù)量,扇形角度,形狀直徑等等;


 


 


 

簡(jiǎn)單講解一下所需要用到的設(shè)置:


 

【數(shù)量】用于設(shè)置 復(fù)制出來(lái)的元素?cái)?shù)目;
【扇形角度】用于設(shè)置復(fù)制出來(lái)的元素 填滿的角度;

【形狀直徑】用于設(shè)置整體形狀的直徑大小;


 


 

設(shè)置完成后,我們就能夠得出一個(gè)富含規(guī)律性變化的作品。

b46357810c8f0000012e7e037931.jpg


 


 

這種設(shè)計(jì)最后的美觀與否有三個(gè)非常重要的元素;
1.初始元素
2.顏色漸變


 


 

3.旋轉(zhuǎn)數(shù)值


 

在這種形狀的設(shè)計(jì)中,初始元素的形狀漸變決定著最后復(fù)制出來(lái)的作品的最終是否擁有立體效果。


 

有個(gè)小技巧,如果初始元素的漸變中含有透明,則后面生成的規(guī)律性變化元素會(huì)更加有層次感空間感,如下圖。


 

957057810cd50000012e7e861e0f.jpg


 

如下圖圓角六邊形沒有透明的漸變,則不會(huì)有空間感。


 


 

當(dāng)然,不同的形狀采用不同的數(shù)值旋轉(zhuǎn)會(huì)得到各式各樣特殊別致的規(guī)律性變換形狀,但是它們?cè)谠O(shè)計(jì)方法上沒有任何區(qū)別。

因?yàn)槊總€(gè)人設(shè)置的數(shù)值,顏色和形狀的選取都不一樣,這種難以復(fù)制的隨機(jī)性,也是這種設(shè)計(jì)中最有趣的一點(diǎn)。


 

如果你不怕折騰一下,給這些圖形里面的所有元素加上動(dòng)畫,則會(huì)有超大的驚喜等著你。


 

以下動(dòng)圖都只簡(jiǎn)單添加了「回旋」動(dòng)畫


 


 


 


(魔性的小手)
 


 

(彼岸花)


 

(大鮑魚)


 

(立體旋轉(zhuǎn))


 


 



 


 

是不是已經(jīng)震撼的不像是PPT了?


 

我用這個(gè)思路設(shè)計(jì)了一套PPT模板作品,各位朋友不妨點(diǎn)擊這里欣賞一下


 

如果你也做出了超漂亮的規(guī)律變化的圖片,歡迎發(fā)站酷圈我~ 


 


12
評(píng)論區(qū)(0)
正在加載評(píng)論...