Illustrator 怎麼做這樣的圖?

這個圖是怎麼畫的?


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


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

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

旋轉並複製

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

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

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

上色,裝盤,出鍋

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


在給出這個方法之前也曾經試過純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打開它:

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

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

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

  • 之後圖片就變成了:

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


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

步驟一:繪製形狀

1. 首先畫個正圓。

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

3. 將圖選中,打開對象菜單——編輯——混合——建立。(或者選中後直接快捷鍵ctrl+alt+B)

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

5. 使用直接選擇工具選中右側的半圓,選擇對象菜單——路徑——反轉路徑方向。

步驟二:混合扭曲

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

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

3. 選中圖形,打開對象菜單——混合——擴展。

4. 打開效果菜單——扭曲和變換———粗糙化

5. 打開對象菜單——擴展外觀,複製兩份後,使用膨脹工具對其分別進行膨脹

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

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

資料獲取方式:微信添加簡清老師(hanyi_jianqing2),備註「混合」即可。

以上望有幫助,歡迎交流

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

歡迎關注我的個人官方微信(kang-shishi)

如有藝術留學、院校、專業、作品集方面的問題,可私信康石石諮詢


用犀牛的grasshopper插件做

這是電路圖

效果如下

再導出AI線稿,改個顏色

再把它旋轉複製幾遍

效果還不錯

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


不會用ai做,上c4d

有tp粒子的c4d和沒有tp粒子的c4d不是同一個c4d(?_?) 然而我這條鹹魚並不會,用的預設

可怕的預設

再放張圖


不會


我也不是人工智慧所以不知道AI會怎麼樣做這樣的圖.

不過我可以猜測一下:

雖然人類一眼就能看出這是個絨線球

不過在AI的眼裡這很有可能是---海膽!

卷積神經網路 VGG-19 說這是 sea urchin


那麼AI的思路很可能會是:

(*作者 @Cc jiaowo *)
line = Table[Module[{pts},
pts = RandomPoint[Disk[], 250];
Select[MeshPrimitives[VoronoiMesh[pts, PlotTheme -&> "Lines"],
"Lines"], (And @@ (Norm[#] &< 1 /@ (#[[1]]))) ]], 4]; pts = Union[ Select[Flatten[line /. Line -&> List, 3], .86 &< Norm[#] &< 1 ]]; segments = Transpose[Flatten[#, 1] /@ {ConstantArray[#, 3] /@ pts, Nearest[N@CirclePoints[50], #, 3] /@ pts}]; fish[pt_] := pt/Tanh[Norm[{pt, {0, 0}}]/8 + 0.12]; test = Flatten@Join[line, Line[#] /@ segments]; gra = Graphics[{White, Map[fish, test, {3}], Text[Style["KIC 8462852", 80], {0, -6}]}, Background -&> RGBColor[{0.12, 0.21, 0.42}],
PlotRange -&> {{-5.5, 5.5}, {-8, 6}}]

不懂為什麼破乎要壓圖...

效果不錯,新鮮出爐的戴森球架構海報...


mathematica

line=Table[Module[{pts},pts=RandomPoint[Disk[],200];Select[MeshPrimitives[VoronoiMesh[pts,PlotTheme-&>"Lines"],"Lines"],(And@@(Norm[#]&<1/@(#[[1]])))]],4]; pts=Union[Select[Flatten[line/.Line-&>List,3],.86&RGBColor[{0.1,0.2,0.38}]]


我來填坑啦!

1.先畫個圓吧,最好記者點半徑大小

2.然後再畫一排圓,越多越好

3.把這一排圓定義成圖案畫筆,不會的可以百度,定義好後畫一個半圓的路徑

4.把半圓路徑複製粘貼上下圓重合然後利用混合工具...

5.設置一下混合選項選如圖然後可以得到如下圖

這時你會發現畫筆定義的話圓和圓之間應該留點間隙,最好兩圓圓心距大於直徑,不然圓混合後無法重合,不過也不影響。

6.得到上圖後利用扇貝工具,把圓弧扭曲成曲線,這時在ctrl+f原位複製多轉幾圈就可以不僅南北極密集而圓周整個密集.7.圖太黑了改下線寬

8.如果有興趣還有膨脹壓縮魚眼各種工具各種濾鏡可以玩,第一張圖就是自己瞎折騰出來的,包括粗糙化什麼的。

9.另外ae plexus插件也可以實現這個sphere有興趣的話可以看看!

填坑完畢!謝謝四個點贊的小夥伴


所以

我在

幹嘛?


參考最高分做法,

步驟略微簡化了笑笑


----------------------------------------------------------------------------試了下高分答案的步驟,不過剪出來太平面了,看起來不像個球,於是又複製了兩份,旋轉一下,然後透明度降低,覆蓋上去,看起來立體一點了(右邊那個球),放大看裡面的結構還是要再調一下,菜鳥只能做成這樣了。。。


去年用AI(illustrator)畫了三個類似的...然後...忘記怎麼畫的了...中年將至腦子不太好用了,只記得最後一步是粗糙化...待倒推回來再填...

最後

。。。

順便問一句...我簡歷上再寫精通AI或者熟練掌握AI 80%會不會嚇到HR~


我覺得用grasshopper應該更簡單吧


效果,扭曲和變換,自己調著試

http://mp.weixin.qq.com/s/RC9e_ffS8zIptvnsVumb1Q


請問,這卡通的圖都是用滑鼠一點也畫路徑的嗎


交作業


推薦閱讀:

做設計怎樣找靈感呢?
請推薦一些個人比較精緻的,製作用心的設計品牌?
誰能推薦一套比較優秀的 Photoshop 教程?
如何評價蔣友柏的「橙果設計」?

TAG:設計 | 設計師 | 平面設計 | 設計軟體 | AdobeIllustrator |