當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

快速打造非常漂亮的電子藝術圖譜

2018-07-16 1748 0

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


53915781092b0000018c1b793650.jpg


 

1c79578108460000012e7e662535.jpg

(是不是有點像《尋龍訣》里的彼岸花)


 


 

好,課程開始(笑)


 

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

 

最近,Behance 和 Pinterest 上很流行一種設計,乍一看,這種設計其實很像我們小時候用鉛筆描著來畫的卡尺。
 


 

fb0e578109470000012e7e4f7c72.jpg


 


 

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


 

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


 

76195781095d0000012e7e0b4abd.jpg


 

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


 

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

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


 


 

1. WeaveSilk

https://weavesilk.com/


 

WeaveSilk是一個簡單的光線繪畫網站,用鼠標拖拽的同時,就可以完成非常酷炫的電子藝術作品。


 


 


 

直接在首頁點擊進入繪畫頁面,左上角是工具欄,其余的黑色區(qū)域是繪畫區(qū)域,而黑色區(qū)域中的灰色小點(截圖無法顯示)則是跟著你鼠標移動的繪圖筆觸。


 


 

左上角四個圖標小按鈕分別是:全屏顯示,保存繪圖,筆觸設置,撤銷


 

當我們點擊左上角的小藍點之后,會彈出筆觸設置,在這里可以進行筆觸數量,顏色,大小,鏡像等等的設置。


 


 

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


 

敢信么~?設置好筆觸之后,下圖僅僅使用兩筆就能畫出來。


 


 

繪制完成之后我們可以點擊左上角相機小圖標按鈕,進行保存工作,鼠標放在彈出的保存設置菜單上,右鍵另存為圖片即可。

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


2. SuperShape 3d

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


 


 

SuperShape 3d是一個被數字藝術工程師用于可視化開發(fā)的js庫,我們則是使用它的demo網站,用來測試和展現它的功能。


 

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

 

acaa57810b380000018c1b944f29.jpg


 

同時我們也可以設置不同形狀類型;

比如平面型;


 

9bb157810b4b0000018c1b6e87a5.jpg


 

三維場景型;


 

af5e57810b580000012e7e9beabe.jpg


 

散點型;


 

0fa057810b7b0000012e7eeebb27.jpg


 

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

b98857810b8d0000018c1be20b0d.jpg

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

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


 


3. PPT + Nordri Tools

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


 


 

這是最簡單粗暴的方式,我們也可以使用 PPT 結合 Nordri Tools 來設計。


 


 

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

91c757810c650000018c1b98f621.jpg


 

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


 


 

第三步,勾選自動旋轉,設定好數量,扇形角度,形狀直徑等等;


 


 


 

簡單講解一下所需要用到的設置:


 

【數量】用于設置 復制出來的元素數目;
【扇形角度】用于設置復制出來的元素 填滿的角度

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


 


 

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

b46357810c8f0000012e7e037931.jpg


 


 

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


 


 

3.旋轉數值


 

在這種形狀的設計中,初始元素的形狀漸變決定著最后復制出來的作品的最終是否擁有立體效果。


 

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


 

957057810cd50000012e7e861e0f.jpg


 

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


 


 

當然,不同的形狀采用不同的數值旋轉會得到各式各樣特殊別致的規(guī)律性變換形狀,但是它們在設計方法上沒有任何區(qū)別。

因為每個人設置的數值,顏色和形狀的選取都不一樣,這種難以復制的隨機性,也是這種設計中最有趣的一點。


 

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


 

以下動圖都只簡單添加了「回旋」動畫


 


 


 


(魔性的小手)
 


 

(彼岸花)


 

(大鮑魚)


 

(立體旋轉)


 


 



 


 

是不是已經震撼的不像是PPT了?


 

我用這個思路設計了一套PPT模板作品,各位朋友不妨點擊這里欣賞一下


 

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


 


12
評論區(qū)(0)
正在加載評論...
相關推薦