Illustrator 怎麼做這樣的圖?知乎使用者2015-08-27 14:02:13

在給出這個方法之前也曾經試過純Ai的做法,達到這種效果能想到的方法也是粗糙化、扭擰、波紋以及膨脹、魚眼等效果。但是還是發現效果並不理想。本答案還待改進,目前我認為和原圖最相似的是 @石川 的方法。

這裡想指出一點原圖的特點:

原圖中任意一個節點必定有三條或以上的線引出,因此若一條折線在某點處轉折,必定會在該點處有另外一條折線也轉折。

所以我才會想到用剖分的方法制作該圖,但是目前效果並不理想。

下述我的方法中觀察到圓的中部區域出現了太多的小區域,因此和題目並非很吻合。

==2015。08。27更新,更接近原圖效果==

給一個差不多能達到這個效果的方法,軟體為MATLAB和Ai:

先用MATAB做主體,程式碼如下:

clc

clear

tic

x1

=

0

y1

=

0

r

=

1

t1

=

2000

t2

=

50

ltr

=

48

pct

=

0。99

stp

=

1

2

*

ltr

tht

=

2

*

pi

/

ltr

flg

=(

-

1

。^

stp

‘*

1

-

pct

/

2

+

1

+

pct

/

2

bdr

=[

flg

。*

cos

stp

’。*

tht

/

2

),

flg

。*

sin

stp

‘。*

tht

/

2

)];

figure

for

itrt

=

1

4

a1

=

2

*

pi

*

rand

t1

1

);

a2

=

2

*

pi

*

rand

t2

1

);

u1

=

rand

t1

1

。^

0。5

*

rand

t1

1

。^

2

);

u2

=

sqrt

rand

t2

1

));

x

=[(

u1

*

r

。*

cos

a1

+

x1

;(

u2

*

0。5

*

r

。*

cos

a2

+

x1

];

y

=[(

u1

*

r

。*

sin

a1

+

y1

;(

u2

*

0。5

*

r

。*

sin

a2

+

y1

];

P

=[

x

y

abs

atan

y

。/

x

/

tht

-

round

atan

y

。/

x

/

tht

))

/

30

sqrt

x

。^

2

+

y

。^

2

)];

P

=

P

P

(:,

4

+

P

(:,

3

<

1

,:);

handle

=

voronoi

delaunayTriangulation

P

(:,

1

2

)));

hold

on

set

handle

’Color‘

,[

15

/

255

49

/

255

96

/

255

],

’Marker‘

’none‘

);

axis

equal

axis

off

set

gcf

’Color‘

,[

245

/

255

245

/

255

245

/

255

]);

end

patch

bdr

(:,

1

),

bdr

(:,

2

),

’-‘

’FaceColor‘

’none‘

’EdgeColor‘

’r‘

);

axis

equal

axis

off

set

gcf

’Color‘

,[

245

/

255

245

/

255

245

/

255

]);

hold

off

saveas

gcf

’CPHG‘

’pdf‘

);

toc

執行完畢後(命令窗口出現執行時間為結束標誌),在當前工作路徑下會出現一個新的名為“CPHG。pdf”的檔案,用Ai開啟它:

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

在圖層面板中,把紅色的兩條路徑連線:

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

圖層中還存在白色的背景矩形框,在進行下一步驟之前把這些也刪除:

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

選中剛連線好的紅色路徑,點選圖層面板下方放大鏡右側的按鈕,建立剪下蒙版。

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

之後圖片就變成了:

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

觀察到邊緣處空隙太多,做一些微調,加上背景,完畢:

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?楊樂翁2015-08-29 12:44:31

既然題主說是用ai,那就ai試試,其實可以分析下,此圖是路徑隨機化,然後粗糙程度越靠近邊緣越明顯。考慮使用 粗糙工具和線條陣列。最後用下膨脹工具。

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

兩條直線,然後用混合工具開始排列,具體數量依個人口味。

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

旋轉並複製

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

類似這樣的,這一步最好能擴充套件一下之前的混合。

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

加入粗糙化效果,類似這樣的。

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

用了下變性哦不,變形工具組裡的膨脹工具,引數依個人喜好,目的就是中間的球面化一下,當然什麼魚眼變形之類也都可以嘗試下,可能還是有點單薄,額再複製旋轉一次,角度給個不一樣的,我這裡做了45°一次。

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

上色,裝盤,出鍋

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

臥槽,還是有點不太像,待我多試幾種網格,明年來答。

Illustrator 怎麼做這樣的圖?石川2015-08-29 13:07:57

不會程式碼的 AI 替代做法。效果沒有高票答案好還費時費力。望天……

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?丘樂2015-08-31 16:10:04

用犀牛的grasshopper外掛做

這是電路圖

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

效果如下

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

再匯出AI線稿,改個顏色

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

再把它旋轉複製幾遍

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

效果還不錯

好吧,這其實不是用AI做的……

Illustrator 怎麼做這樣的圖?康石石2017-10-26 20:19:12

這一效果使用AI繪製其實非常方便,只要掌握了AI軟體裡的“混合工具”和“扭曲”,兩步即可快速完成。下面為題主簡要講解:

步驟一:繪製形狀

1.

首先畫個正圓。

Illustrator 怎麼做這樣的圖?

2.

選中上下兩個錨點,然後剪斷。

Illustrator 怎麼做這樣的圖?

3.

將圖選中,開啟物件選單——編輯——混合——建立。(或者選中後直接快捷鍵ctrl+alt+B)

Illustrator 怎麼做這樣的圖?

4.

繼續選中,雙擊混合工具,設定混合步數為30,結果如下:

Illustrator 怎麼做這樣的圖?

5.

使用直接選擇工具選中右側的半圓,選擇物件選單——路徑——反轉路徑方向。

Illustrator 怎麼做這樣的圖?

步驟二:混合扭曲

1.

使用旋轉工具,雙擊後旋轉複製。

Illustrator 怎麼做這樣的圖?

2.

複製一次後,Ctrl+D再重複旋轉複製兩個,之後如下圖:

Illustrator 怎麼做這樣的圖?

3.

選中圖形,開啟物件選單——混合——擴充套件。

Illustrator 怎麼做這樣的圖?

4.

開啟效果選單——扭曲和變換———粗糙化

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

5.

開啟物件選單——擴充套件外觀,複製兩份後,使用膨脹工具對其分別進行膨脹

Illustrator 怎麼做這樣的圖?

Illustrator 怎麼做這樣的圖?

6.

之後將三份疊放到一起即可完成。

Illustrator 怎麼做這樣的圖?

最後,案例的。psd檔案已上傳至雲共享,大家可以在練習過程中進行比對,進行拆解自學。

資料獲取方式

:微信新增簡清老師(

hanyi_jianqing2

),備註

“混合”

即可。

以上望有幫助,歡迎交流

———————————————————

Illustrator 怎麼做這樣的圖?