求大神解析這種圖形如何用AI製作?
01-09
有很多類似的這種球形透視的。求原理。
===2015.08.17更新,原答案見後===嘗試用MATLAB做了一下,加號的排布和題目中的原圖不太一致,但是優點就是非常省時,且比原答案中的更對稱美觀一些。
- 下載這個貼圖文件:
- 將下載得到的圖片命名為「patcher.png」,放在MATLAB的執行路徑文件夾中。
- 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);
- 執行腳本,結果如下:
- 實際是一個立體圖形。
- 通過MATLAB得到的圖,右側銜接處略有凹陷,可以通過將左側鏡像獲得一個更加對稱的效果:
- 最終效果:
- 原圖:
===原答案===
拋個磚頭,希望有大神能夠給出更好的方案。- 首先需要準備一個插件,名字是Phantasm,它包含於Astute Graphics插件包中,後者試用版(14天,功能全,足夠用了)可以在官網上下載:Plugins for Adobe Illustrator to speed up workflow。我把安裝包上傳到了百度雲上,也可以從這裡直接下載:astute-graphics-unified-installer-windows.zip。
- 因為本題目僅用到這個插件包中的Phantasm插件,因此可以選擇僅安裝Phantasm。安裝好了之後,打開illustrator,在效果菜單最下邊應該會出現「Phantasm」這個選項。
- 新建一個文檔,首先繪製出這個圖形的輪廓。因為我看不出這個字母「〇」的字體也懶得一個一個字體試,加上這個圖形本來挺簡單,所以就直接用幾何形狀繪製。大致來看,外圍是一個大圓,中空部分是一個膠囊型。然後用路徑查找器合併成一個形狀。
- 觀察題目中重複圖案「+」的分布規律,可以發現在「〇」的外圍兩側赤道處似乎是交匯點。考慮到Phantasm插件功能限制,我們要把剛剛繪製好的「〇」稍微變一下形,從中間切開,左右兩半調換位置,並置於同一編組。
- 選中該編組,效果-羽化。因為「〇」的大小不同人都不一樣,所以羽化像素也沒有一個標準,大概達到下述效果:
- 至此輪廓製作完畢,下面製作內部填充圖案。內部填充圖案是「+」。可以用兩個矩形組合獲得。
- 將剛才繪製好的加號添加到符號中,直接拖進來就好,可以起個名字叫「Plus」。拖進來後保證這個符號處於選中狀態。
- 然後選中剛才那個變了形的「〇」編組,效果-Pantasm-Halftone...。在彈出來的面板中對參數進行調整。
- 應用效果,對象-擴展外觀,將效果轉化為路徑。如果這個形狀左右兩側應用了Halftone效果後不對稱(就像上圖一樣),那麼只留下一個好看一點的就行,我留下剛剛處理過的左側部分。
- 用直接選擇工具選擇一部分加號,然後對象-封套扭曲-用變形建立...,選擇魚眼效果,自己看情況調整參數,應用後效果如下:
- 將經過魚眼變換過的部分對稱一下,作為「〇」的兩邊,接下來準備將缺口補上。
- 羽化。
- 使用Phatasm插件。
- 去掉不需要的部分,稍作調整,讓補上的缺口與周圍銜接更自然一些。
- 最終的效果:
- 原圖:
我承認差距還很大,自己的方法非常粗糙,希望看到更出色的答案。
我的想法是拿rihino等建模軟體建個模,然後把樓上貼圖貼上渲染一下之後PS後期處理
我怎麼記得以前用actionscript實現過類似的圖呢。待我回去找找。
提供一個思路,ps裡面自定義畫筆,鋼筆描邊路徑,模擬壓力,後面怎麼弄還沒太想好。。。
推薦閱讀:
※如何批量下載Archdaily上的高清圖?
※有哪些比較優秀的【新媒體藝術】工作室/設計師?
※室內設計平面布局的最佳學習方法?
※如何繪製出一張可以用激光割切割成的CAD圖?
※零基礎如何學好軟裝設計?有些什麼樣的標準顯示才算軟裝設計水平達標了?
TAG:設計 | 平面設計 | AdobeIllustrator |