Re: [平面] illustrator使用上的問題請教

作者: miau (米奧)   2019-07-05 18:12:16
我想你在畫的時候應該有發現這其實是一個圓旋轉60度角來達成的圖形,
想像把你想要的圖案從中心每60度角分割,每一塊會是這樣:
https://i.imgur.com/FbwdiBb.png
需要的材料可以從你現在畫到的東西切出來,
善用 路徑管理員 -> 分割 然後刪掉你不需要的線段就可以達成。
(注意不要有完全重疊的圓,否則分割出來會很悲劇)
(如果你發現切掉的線段邊緣很奇怪,可能是:
1. 你一開始的角度就沒有對齊
2. 需要調整線段的端點與尖角)
把做出來的這塊披薩(右)從圓心要用的那個角轉60度並複製五次
就可以達成你要的形狀(左):
https://i.imgur.com/syzjeKg.png
使用 物件 -> 展開 -> 筆畫
可以把筆畫轉換成形狀。
然後用 路徑管理員 -> 合併 可以使它們成為一體。
但此時會發現它是一個群組,
裡面有一個看起來就是我們要的複合路徑跟一堆零碎的路徑,
選取這個複合路徑把它剪下先貼到別處放著然後刪掉這個無用的群組。
至此已經整理好你要的花型,就差下面的漸層色。
如果你是 illustrator CC 的話可以直接使用漸層色用在筆畫上的功能。
直接畫一個圓形然後把彩虹漸層色放在筆畫上並調整筆畫寬度使其可以填滿:
https://i.imgur.com/dWi0ea7.png
注意漸層的筆畫的地方要選「沿筆畫套用漸層」
最後圖型和漸層疊在一起,
物件 -> 剪裁遮色片 -> 製作
https://i.imgur.com/1d37641.png
即可。
※ 引述《darkbuffoon (腹語娃娃)》之銘言:
: 使用軟體:illustrator
: 版本:CC
: 問題描述:
:   目標是繪製出這樣的圖案:http://i.imgur.com/76QaMHO.png
:   目前瞎畫進展到這樣http://i.imgur.com/VFRCorG.png
:   才發現最外面也有圓弧…到這裡不太會做,如果要直接堆小圓再剪裁的話,
:   雖然GOOGLE有找到剪裁的教學但是用起來不知道該怎麼剪,或者直接大量複製貼上
:   中間那個圓呢?不過那樣選取區域還是會用到剪裁…搞不懂該怎麼做
:   另外有嘗試做出類似色環的背景準備之後再用遮色片,使用這個網址教學的方法二
:   https://shin493.pixnet.net/blog/post/77117717
:   封套扭曲之後成功做出了想要的圖形,但是仔細一看居然缺了一角…
:   http://i.imgur.com/AV7YxkJ.png
:   請問這是為甚麼呢?
:   另外關於遮色片,因為使用圓形的邊框做畫所以在加上遮色片的時候不會被切出
:   那個幾何形狀…請問要怎麼做才能讓illustrator把邊框視為一個圖案呢?
:   (已找到方法為物件>路徑>外框筆畫)
作者: koyos420 (flora)   2019-07-05 18:50:00
用心推~
作者: darkbuffoon (腹語娃娃)   2019-07-05 23:47:00
謝謝,色環已經成功做出來了。幾何形狀的部份則是老會剩下一些尖角…https://i.imgur.com/eOVpLGw.png這大概就是你說的切掉的線段邊緣很奇怪的現象吧?我再研究一下…一開始還是應該用1px畫圖就好了嗎…切完再加粗?
作者: miau (米奧)   2019-07-06 01:16:00
找看看是否有多餘的沒刪除的線段然後筆畫面板選圓端點&圓角試試看,筆畫粗細和這無關
作者: darkbuffoon (腹語娃娃)   2019-07-06 06:07:00
啊,我是想說1px的話會不會比較容易確認端點情況這樣像是剛才的圖放大…https://i.imgur.com/t220aCF.png另外在切成pizza狀之後,還有一些多餘線段是必然的嗎還是沒對齊的結果?https://i.imgur.com/3B8wIaG.png
作者: koyos420 (flora)   2019-07-06 08:57:00
到筆畫哪里,有幾個選項,選擇前端不凸出和圓角,這裡的設定會有些許差異,你可以逐一測試
作者: miau (米奧)   2019-07-06 17:27:00
你在畫的時候是否有選到對的旋轉軸心或只是用滑鼠隨便點?建議開智慧型參考線去選交點,否則很容易遠看很好近看爆炸
作者: darkbuffoon (腹語娃娃)   2019-07-06 20:50:00
我試著說一下從開始畫到切出pizaa的步驟好了,希望能藉此確認問題先建一張2100x2100px的白紙,然後在中間畫一個圓,尺寸為長寬皆600 http://i.imgur.com/1iLS492.png把填色改為透明之後按住alt往右拉至智慧型參考線的點圓心座標也確認是x+300,用這個方法左右各作兩個圓選取左右的四個圓http://i.imgur.com/ogI0Dfu.png按旋轉工具,按住alt點滑鼠移到圖紙中心時出現的錨點設定旋轉60度+拷貝,然後ctrl+d一次http://i.imgur.com/QeZfTyG.png然後alt按中間的圓,以圓心的參考線往上下各拉一個圓y座標也確認與兩旁的圓相同http://i.imgur.com/5aVY63G.png點選剛拉出來的兩個圓,以圖紙中心出現的錨點為中心旋轉60度+拷貝再ctrl+d一次http://i.imgur.com/hZclpMx.png接下來ctrl+a全選之後路徑管理員→分割再解散群組最後用框選+Del的方式削掉不需要的線條http://i.imgur.com/6HoCPeK.png成果放大http://i.imgur.com/EgZEcMN.png大概就是這樣,請問有哪邊做得不對嗎?
作者: miau (米奧)   2019-07-07 15:49:00
我照你的方法做之後發現切出來確實有多餘凸起,但放大看就會發現那其實是沒刪乾淨的錨點,你放大大約600%之後用直接選取工具把那些多的點選了刪掉就沒事了。
作者: darkbuffoon (腹語娃娃)   2019-07-07 19:46:00
原來如此…那不曉得能不能請問一下,您之前用的不會有多餘突起的方法是什麼呢?
作者: miau (米奧)   2019-07-08 20:20:00
我一開始沒想太多所以都是單圓去旋轉的,不知為何會有差異

Links booklink

Contact Us: admin [ a t ] ucptt.com