製作螺旋圓點花紋的方法


其實是被問起 Life with Nest Protect 這款煙霧警報器的底紋打洞要怎麼做。完全考倒我了,摸索很久找出一個有點笨的方法,這次用AI畫喔!

請先有心理準備要不停修改數值和距離才能取得漂亮花紋。

1.隨意拉出垂直和水平各一條參考線,取十字定位點。畫一個圓,無填色、純線條就好。圓的位置請參考圖片。

2.旋轉工具,按住 Alt 再點擊十字交點就會出現這個視窗。設 6 度,按拷貝。

3.不停按 ctrl+D,如果第 2 步驟操作正確,就可以畫出如圖片這樣的網紋。

4.將其中一個圓的線段換個顏色,並複製一個在旁邊備用。之後選取整個網紋的圓、ctrl+2 鎖定。(網紋只是參考線,之後不會用到。)

5.畫出一大一小兩個黑圓點,中心對齊被換色線。黑圓點的大小不要比網紋格子大。

6.將剛剛複製備用的圓線移回去對齊原本被換色的圓,把超過 2 黑點的部份刪掉。會得到一個弧型。(弧型起點是黑小圓點、終點是黑大圓點。圖片是為了讓大家看清楚弧形線段大約長相所以移到空白處,實際上這條線會壓在被換色的那個圓上。)

7.選取兩個黑點,物件 > 漸變 > 製作。(兩圓點間因漸變產生圓的數量沒關係,之後會調整。)

8.同時選取黑點漸變的物件、弧線,物件 > 漸變 > 取代旋轉。圓點就會跟著弧線跑囉!

9.和步驟 2 相同,旋轉工具、按住 Alt 再點擊十字交點。設 6 度,按拷貝。

10.和步驟 3 相同,不停按 ctrl+D,就會長出漂亮的螺旋圓點花紋。

結果


把花紋移到空白的地方比較容易觀察。最外圈的大黑點有點重疊沒關係,之後要做成方型 Nest 的 Smoke Alarm 時會修掉。需要微調的部份非常多,肯定會重複製作個 N 次,要有耐心喔。這算是幾何數學的領域了,一定有公式存在,但我不懂。當年就是不想念數學才跑去念設計、別為難我了。多試幾次吧。

有興趣的人可以 google「fibonacci illustrator」。

不知道設計卡在哪?

👉 第一次來?從這裡開始

下面這些文章,從不同角度整理那些容易被忽略的地方

wave
CLIP STUDIO PAINT 線對稱圖形塗鴉
CLIP STUDIO PAINT 線對稱圖形塗鴉

之前看朋友在手機上畫魔法陣覺得超酷炫!結果她用的 App 只限 Android,爬文找到風評很好的 Amaziograph 卻只支援 iPad 。當時沒招了只能抱持遺憾的心情把這事先放一邊。今天不知道在翻什麼資料,大概關鍵字下對了突然找到可以用 Wacom 板畫的方法!

試玩 Art Text 3 文字特效工具
試玩 Art Text 3 文字特效工具

Art Text 3 剛上 Mac Store 時我就注意到了,首頁 Banner 輪播很醒目。當時就在官網下載免費試用玩了下,覺得超酷炫,但暫時用不太到的樣子沒買。突然半夜朋友傳訊通知「喂、Art Text 3 降價囉!」,然後就手滑了…(遮臉)

自製簡易 icon 教學


雖然網路上有很多多多免費的 icon 讓人使用,但大半都禁止「商業用途」,要馬就掏錢買一套、要馬就自己畫。介紹一下我愛用的自動筆和筆記本,以及最基本的 icon 從鉛筆草圖一直到電腦完稿的流程。(相信念廣告設計的學生對這過程非常熟悉。

製作過程:Anna Sui Wallet


Icon Design:My Wallet 真的讓我拿到 Dribbble 帳號了,為了感謝大家的支持(喂)我把創作過程和思路放出來。簡單來說呢就是硬上、沒什麼華麗麗的技巧,不停加圖層加高光加陰影…畢竟這是我第一顆刻這麼細的擬物風 icon,之前都在接案公司工作、哪來 30hr 的時間慢工出細活。(大概是做習慣 iPhone 和 Android 的 App UI,凡是製圖我都優先考慮向量格式,即使這 icon 不可能上架,我還是做成向量格式,至少邊緣乾淨銳利漂亮。)Dribbble:ANNA SUI wallet

Akane Lee

Akane Lee

我是 Akane Lee,10 年 UI/UX 設計教學,帶過 1000+ 學員擺脫焦慮,找出人生方向。不只聊設計,也教你怎麼少繞遠路,摔坑也知道怎麼自己爬起來。

Comments

wave
comments powered by Disqus

Press ESC to close