今天分享一篇新手教程,教同學(xué)們用Illustrator創(chuàng)建矢量的無(wú)縫幾何圖案,你可以應(yīng)用在很多設(shè)計(jì)場(chǎng)景中,當(dāng)然也可以舉一反三,創(chuàng)建出更加漂亮的圖案。來(lái)學(xué)習(xí)一下吧
效果展示:
① 使用橢圓工具(鼠標(biāo)點(diǎn)擊矩形工具按住不放)創(chuàng)建不同尺寸的兩個(gè)圓,要求這兩個(gè)圓中心位于同一垂直線上。
選擇這兩個(gè)圓圈,然后選擇 對(duì)象>混合>制作 或按Ctrl+ Alt + B鍵。
繼續(xù)點(diǎn)擊對(duì)象>混合>混合選項(xiàng)(或單擊工具面板中的混合工具圖標(biāo))。在設(shè)置對(duì)話框中選擇指定的步數(shù),然后設(shè)置自己想要的間距。
② 點(diǎn)擊對(duì)象>混合>拓展。請(qǐng)確保取消組合所產(chǎn)生的圓圈(Ctrl + G)。
在“對(duì)齊”面板(Shift + F7)的下拉菜單中選擇“對(duì)齊關(guān)鍵對(duì)象”。
(譯者附上漢化后的圖一張)
在圓圈的邊緣之間輸入數(shù)字設(shè)置想要的間隙,然后單擊垂直分布間距。
編組所有圓圈 (Ctrl + G).
③ 點(diǎn)擊鏡像工具(O),按住ALT鍵單擊底部的圓圈,在打開(kāi)的對(duì)話框中,選擇水平軸按復(fù)制按鈕
保持新組被選中,選擇對(duì)象>變換>移動(dòng),設(shè)置垂直偏移值,等于之前設(shè)置對(duì)齊面板的分布間距值 (我的是6 px)
④ 點(diǎn)擊直線段工具(/),然后按住shift創(chuàng)建一條水平線
繼續(xù)執(zhí)行效果>扭曲和變換>波浪效果,并設(shè)置如下面的圖片中顯示的參數(shù)。
⑤ 選擇對(duì)象--擴(kuò)展外觀。對(duì)于后面的工作中,我們只需要A,B兩點(diǎn)間的曲線段。
使用直接選擇工具(A)選擇要?jiǎng)h除的點(diǎn)(圖中標(biāo)示的點(diǎn)),然后單擊Delete鍵。
⑥ 使用選擇工具(V)將曲線段的A點(diǎn)于任何一個(gè)圓的中心對(duì)齊。這個(gè)圓將是最基礎(chǔ)的部分。此時(shí),沒(méi)有必要做精確的操作。
移動(dòng)圓圈組合,按住Alt鍵進(jìn)行復(fù)制,以配合曲線段B點(diǎn)的基圓的中心。
⑦ 選擇這兩個(gè)圓圈組合,然后創(chuàng)建一個(gè)混合對(duì)象(Ctrl+ Alt + B,然后對(duì)象>混合>混合選項(xiàng))
點(diǎn)擊對(duì)象>混合>展開(kāi),然后取消組合所產(chǎn)生的群體。
⑧移動(dòng)圓圈在垂直方向上的中間部分,使得基圓的中心分別位于所述彎曲段。這樣的動(dòng)作可以利用向上和向下箭頭鍵來(lái)方便操作。
選擇所有的圓,然后選擇鏡像工具(O),然后點(diǎn)擊A點(diǎn),按住Alt鍵。在打開(kāi)的對(duì)話框中選擇垂直軸,并單擊復(fù)制按鈕。
圈子將互相重疊,所以上面的組合可以被刪除。
⑨ 我們可以在創(chuàng)建圈子的基礎(chǔ)上創(chuàng)建一個(gè)圖塊無(wú)縫模式。點(diǎn)擊矩形工具(M)創(chuàng)建一個(gè)矩形,這樣會(huì)將它的頂點(diǎn)與圓的中心,分別位于遠(yuǎn)組一致。在這種情況下,該操作必須是完全準(zhǔn)確的。
增加矩形的高度,讓它涵蓋所有的圓圈.
⑩ 拖動(dòng)圓形加下面的矩形到色板面板
現(xiàn)在來(lái)測(cè)試它,試著創(chuàng)建一個(gè)任意矩形然后填充和應(yīng)用模式。若如圖所示則說(shuō)明成功.
基于圓我創(chuàng)建了另一個(gè)版本的模式。上下復(fù)制圓圈兩次,將會(huì)如下圖所示。
基本矩形的位置下圖所示。
現(xiàn)在我想告訴你如何準(zhǔn)備創(chuàng)建無(wú)縫圖案。對(duì)象是位于基底外側(cè),并且不相交的邊可以被去除,盡管這不是必需的。
復(fù)制矩形底座和上面的所有對(duì)象的副本。
選擇所有對(duì)象,然后按Ctrl + F7快捷方式創(chuàng)建剪切蒙版。
為了更好的視覺(jué)效果, 你可以復(fù)制一個(gè)瓷磚圖案幾次,放置副本,讓他們相互接觸無(wú)間隙。
掌握了該技術(shù),就可以繼續(xù)創(chuàng)造一系列類似以下圖案的圖。祝你也能成功做到!
授人以魚(yú)不如授人以漁,教程練再多,得窺得門(mén)道才能運(yùn)用自如:
《經(jīng)典教程!執(zhí)行力強(qiáng)心針:字體特效篇(1)》
《經(jīng)典教程!執(zhí)行力強(qiáng)心針:字體特效篇(2)》
原文地址:Vectorboom
優(yōu)設(shè)網(wǎng)翻譯:@_Wangyijie_
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量73萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 737 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓