求大神解析這種圖形如何用AI製作?

有很多類似的這種球形透視的。求原理。


===2015.08.17更新,原答案見後===

嘗試用MATLAB做了一下,加號的排布和題目中的原圖不太一致,但是優點就是非常省時,且比原答案中的更對稱美觀一些。

  1. 下載這個貼圖文件:

    百度云:patcher.png GooglePhotos:https://goo.gl/photos/GmJRqHHk1S7qLDgo8
  2. 將下載得到的圖片命名為「patcher.png」,放在MATLAB的執行路徑文件夾中。

  3. MATLAB代碼如下:

    [u,v]=meshgrid(linspace(0,2*pi,50),linspace(0,2*pi,50));
    x=(8+2.*(sqrt(abs(cos(u)).^pi./0.25+0.5*abs(sin(u)).^0.2)).*cos(v)).*cos(u);
    y=(11+2.*(sqrt(abs(cos(u)).^pi./0.25+0.5*abs(sin(u)).^0.2)).*cos(v)).*sin(u);
    z=-2.*sqrt(abs(cos(u)).^pi./0.25+abs(sin(u)).^0.2).*sin(v);
    file = "patcher.png";
    I = imread(file);
    figure;
    warp(x, y, z, I);
    axis off;
    axis equal;
    set(gcf, "Color", [70/255 163/255 232/255]);
    title("甜甜圈貼圖", "FontWeight", "Bold", "Color", "w","FontSize",15);
    view(0,90);

  4. 執行腳本,結果如下:

  5. 實際是一個立體圖形。

  6. 通過MATLAB得到的圖,右側銜接處略有凹陷,可以通過將左側鏡像獲得一個更加對稱的效果:

  7. 最終效果:

  8. 原圖:

===原答案===

拋個磚頭,希望有大神能夠給出更好的方案。

  1. 首先需要準備一個插件,名字是Phantasm,它包含於Astute Graphics插件包中,後者試用版(14天,功能全,足夠用了)可以在官網上下載:Plugins for Adobe Illustrator to speed up workflow。我把安裝包上傳到了百度雲上,也可以從這裡直接下載:astute-graphics-unified-installer-windows.zip。
  2. 因為本題目僅用到這個插件包中的Phantasm插件,因此可以選擇僅安裝Phantasm。安裝好了之後,打開illustrator,在效果菜單最下邊應該會出現「Phantasm」這個選項。
  3. 新建一個文檔,首先繪製出這個圖形的輪廓。因為我看不出這個字母「〇」的字體也懶得一個一個字體試,加上這個圖形本來挺簡單,所以就直接用幾何形狀繪製。大致來看,外圍是一個大圓,中空部分是一個膠囊型。然後用路徑查找器合併成一個形狀。

  4. 觀察題目中重複圖案「+」的分布規律,可以發現在「〇」的外圍兩側赤道處似乎是交匯點。考慮到Phantasm插件功能限制,我們要把剛剛繪製好的「〇」稍微變一下形,從中間切開,左右兩半調換位置,並置於同一編組。

  5. 選中該編組,效果-羽化。因為「〇」的大小不同人都不一樣,所以羽化像素也沒有一個標準,大概達到下述效果:

  6. 至此輪廓製作完畢,下面製作內部填充圖案。內部填充圖案是「+」。可以用兩個矩形組合獲得。

  7. 將剛才繪製好的加號添加到符號中,直接拖進來就好,可以起個名字叫「Plus」。拖進來後保證這個符號處於選中狀態。

  8. 然後選中剛才那個變了形的「〇」編組,效果-Pantasm-Halftone...。在彈出來的面板中對參數進行調整。

  9. 應用效果,對象-擴展外觀,將效果轉化為路徑。如果這個形狀左右兩側應用了Halftone效果後不對稱(就像上圖一樣),那麼只留下一個好看一點的就行,我留下剛剛處理過的左側部分。

  10. 用直接選擇工具選擇一部分加號,然後對象-封套扭曲-用變形建立...,選擇魚眼效果,自己看情況調整參數,應用後效果如下:

  11. 將經過魚眼變換過的部分對稱一下,作為「〇」的兩邊,接下來準備將缺口補上。

  12. 羽化。

  13. 使用Phatasm插件。

  14. 去掉不需要的部分,稍作調整,讓補上的缺口與周圍銜接更自然一些。

  15. 最終的效果:

  16. 原圖:

我承認差距還很大,自己的方法非常粗糙,希望看到更出色的答案。


我的想法是拿rihino等建模軟體建個模,然後把樓上貼圖貼上渲染一下之後PS後期處理


我怎麼記得以前用actionscript實現過類似的圖呢。待我回去找找。


提供一個思路,ps裡面自定義畫筆,鋼筆描邊路徑,模擬壓力,後面怎麼弄還沒太想好。。。


推薦閱讀:

如何批量下載Archdaily上的高清圖?
有哪些比較優秀的【新媒體藝術】工作室/設計師?
室內設計平面布局的最佳學習方法?
如何繪製出一張可以用激光割切割成的CAD圖?
零基礎如何學好軟裝設計?有些什麼樣的標準顯示才算軟裝設計水平達標了?

TAG:設計 | 平面設計 | AdobeIllustrator |