當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

如何創(chuàng)建泳池主題的無縫圖案

2018-07-04 1209 6

aa4f57c83f710000012e7ec72742.jpg

你將要學完本教程創(chuàng)建出來的。

  夏天在泳池里的生活是更佳舒適的,學習我們這套課程,你將會學會如何創(chuàng)建泳池主題的無縫圖案,首先呢,你要繪制出所有組成這個樣式的元素:泳池地板,女士,漂浮板,泳圈,沙灘球,海浪,之后你就學會創(chuàng)建這個無縫的圖案。


 

這次,我們不會使用樣式工具,也不會使用在坐標軸X軸和Y軸添加和分離數(shù)值的方法,(這聽起來讓人迷惑)取而代之的是,我們將在移動工具的幫助下,(我最喜歡的方法,并且超級簡單)


 

讓我們在這個夏天結束的時候,開始吧!

1.創(chuàng)建一個新的工程

1.啟動AI,在文件下,新建一個空白的文檔,鍵入你的文檔名稱,設置好尺寸,選擇像素作為單位,顏色模式為RGB,確保使新建像素與網(wǎng)格對齊沒有選中。


 

接下來,在編輯>首選項>通用(MAC上的AI是在AI下面的首選項里面),設置鍵盤的增量為1像素,同時在那里進入尺寸界面,確保他們的設置和下圖一樣。我通常用下面這些設置來工作,這在你整個繪制工程,都有幫助。

097057c83f8b0000018c1b57865a.jpg


 

 

2.創(chuàng)建金發(fā)女士

第一步

讓我們首先繪制一個女士的頭部,使用橢圓工具(L),繪制一個54*70px的橢圓(1),接下來,使用鋼筆工具(P)繪制脖子(2),然后像下面一樣繪制身體。

 

25aa57c83f9f0000012e7e16963e.jpg


 

 

 


 

第二步

接下來,繪制手,用同樣的米黃色來填充。然后把他們放置到最后,通用使用對象>排列>置到最后(Shift+Control+[)。

 

9a3957c83fbf0000018c1b0b052a.jpg


 


 


 

第三步

花時間來用鋼筆工具(P)來繪制你的腿,像下面這張圖一樣

c34e57c83fd30000012e7edfff9b.jpg


 

 

 

 

第四部

現(xiàn)在開始繪制臀部的比基尼,然后頂部的肩帶以及上面的比基尼,用深紅色來填充形狀顏色。


 

bdbf57c83fe20000018c1b78777d.jpg


 

 

 

 

 

 


 

第五步

使用橢圓工具(L)在泳衣上繪制一些白色的圓點,以及在邊緣繪制一些半圓形。在你做完之后。把他們成組(Control+G).

畫一些小的黑色矩形在上面比基尼的中部,來添加一些陰影,設置混合模式為,疊加,透明度將到30%。

363d57c83ff80000012e7ef326fe.jpg


 

 

第六步

選中臀部的比基尼,拷貝,然后粘貼。(Shift-Control-V) 這樣就可以得到一個橘色的比基尼??截悾缓笳迟N(Shift-Control-V) ,通過鍵盤的向上按鈕,把臀部的比基尼向上移動兩像素(按下鍵盤向上按鈕兩次)。現(xiàn)在選中橘色的河藍色的比基尼,在路徑查找器中按下減去頂部。填充最后的形狀用黑色,然后改變混合模式為疊加,透明度為20%。


 

 

9e6157c840050000018c1b13783d.jpg


 

第七步

根據(jù)上面的技術講解,在比基尼的頂部創(chuàng)建一個投影,應用一些這個設置。


 

4f0e57c840120000012e7e0c4d1e.jpg


 

 

第八步

像下圖一樣,繪制兩個形狀作為膝蓋,使用淺棕色作為填充(1)。

現(xiàn)在集中在腳上,用鋼筆工具(P)繪制四個小路徑或者畫筆工具(N)為了定義左邊腳的腳趾頭。然后選擇一像素的描邊,描邊配置文件選擇第五個,畫筆更細的那部分應該是朝下的。否則,在描邊面板更多里,選擇配置文件,縱向翻轉。在你這樣做完之后,記得重復同樣的操作在你繪制女士的右腳上。

826657c8402f0000012e7ed8dd30.jpg


 

 

第九步

現(xiàn)在我們來集中處理腿部,首先我們創(chuàng)建一個兩腿之間的陰影。用鋼筆工具(P)來像下圖一樣繪制兩條腿之間的陰影,然后選中兩像素描邊,在描邊面板里選擇配置文件第一個。


 

260a57c840400000018c1bc4a0a5.jpg


 

 

第十步

用鋼筆工具(P)在胳膊的下面創(chuàng)建陰影,在下面的兩個外邊緣處畫兩個路徑,選擇3像素的描邊,選擇描邊面板里的配置文件一。

創(chuàng)建胳膊處的折疊,像下面一樣畫兩條路徑,然后選擇一像素描邊和配置文件一。


 

3dc057c840500000012e7e917dba.jpg

 

 

 

 

 

 

 

第十一步

讓我們在身體上添加更多的細節(jié),在脖子的上面畫兩條路徑,在腹部畫一個肚臍然后選中1像素,在描邊面板里選擇配置文件二的描邊樣式。


 

接下來在胸部畫兩條路徑,選擇一像素,配置文件選擇第四個。


 

2fb657c840870000018c1b911e6a.jpg

 

 

 

 

 

第十二步

使用鋼筆工具(P)來繪制像下圖一中所示的頭發(fā),然后沿著頭發(fā)的線條,繼續(xù)繪制五個路徑,給他們1像素的描邊,配置文件選擇第一個(圖3)

32cf57c840990000018c1b444211.jpg


 

 

第十三步

為了讓頭發(fā)閃亮,讓我們可以用能鋼筆工具(P)活著畫筆工具(N)繪制兩個不規(guī)則的圖形,填充淺黃色。


 

 

8c6257c840a60000012e7e6c17b3.jpg

第十四步

接下來開始創(chuàng)建馬尾辮,使用畫筆工具(N),繪制你想要的足夠多的路徑,面邊面板中選擇用配置文件四,確保筆觸的尖端朝下,否則使用描邊面板里的鏡像工具,選擇不同描邊粗細的值,從2點到3點到5點,用兩個描邊顏色,來增加更豐富的效果,下圖一。

把所有的描邊路徑成組,(Control+G),拷貝,放置到最后,移動旋轉一下這樣可以使的馬尾變得更加細長。


 

 

773a57c840b40000012e7efb1d4b.jpg

第十五步

讓我們開始創(chuàng)建太陽鏡,首先繪制出眼睛片的形狀,接下來選擇一個灰色的填充,和深灰色的描邊,接下來繪制兩個眼睛片之間的橋梁連接部分,接下來制作四個細長的矩形來作為太陽鏡的反光。

把所有組成太陽鏡的元素都成組(Control+G),移動到女士的臉上,但是在頭發(fā)的后面。


 

6a8c57c840c30000018c1bdb30f1.jpg


 

 

 

第十六步

 使用鋼筆工具(P),繪制嘴部的形狀,然后繪制上嘴唇和下嘴唇,給他們兩像素紅色描邊,使用描邊面板中描邊類型一,最后畫一個白色的形狀作為牙齒。


 

 

261c57c840d30000012e7ef5205a.jpg

第十七步

畫一個簡短的路徑作為鼻子,給他兩像素的描邊,寬度配置文件一。對于楓紅色臉頰,繪制兩個橢圓填充粉紅色,把他們放在太陽鏡的后面。

 

ed9e57c840ff0000012e7e73cc0c.jpg


 

3.創(chuàng)建黑人女士

第一步

在這里,金發(fā)女士你已經(jīng)做好了,所以你可以拷貝一個過來用,通過制作一些小的變化,你將會做出來黑人的女士,讓我們開始做吧。

用下圖中的顏色來改變已經(jīng)填充了的顏色,陽光照耀在頭發(fā)上的顏色,臉頰上的顏色,以及改變馬尾辮的顏色。

 

8fd357c842bf0000018c1b3649d3.jpg


 

第二步

改變已經(jīng)填充了的脖子上的顏色,還有膝蓋一集皮膚上的顏色,為了使這個女孩膚色更加的巧克力。接下來,選中所有圖中路徑的顏色,用一個更深的投影來作為描邊,你可以在下圖看到最終的結果。

7b5157c842d20000012e7eb64c33.jpg


 

 

 

 

 

 

 

 

 

 


 

第三步

刪除泳衣上的圓點。和所有的條紋,選擇紫羅蘭色作為比基尼的填充色,然后增加兩個陰影的形狀透明度從20%到50%,來讓他們看起來更明顯一點。


 


 

7fe257c842e30000018c1b986a3d.jpg

 

 

 

 

第四步

這是這兩位女士,他們已經(jīng)做好了。把所有的形狀成組(Control+G),分別給她們命名為“金發(fā)女士”以及“巧克力女士”。


 


 


 

16a357c842f50000018c1b872d27.jpg


 

 

 

 

 


 

四 創(chuàng)建泳池漂浮墊

第一步

使用圓角矩形工具來繪制一個矩形尺寸看下圖,選擇綠色作為填充色,然后使用效果下面路徑位移路徑,2PX的位移。

在她的上面增加一個心得填充,使用一個黃綠色作為填充,選中填充的屬性繼續(xù)使用效果下面風格化>內發(fā)光,按照下面一樣設置參數(shù)。

添加新的填充,但是這次把新的填充放在下面仔外觀面板里,選擇淺綠色作為填充,選擇效果下面路徑>位移路徑,設置8px的偏移,然后保持選中狀態(tài),在效果下面>變形和扭曲>波浪效果,然后設置參數(shù)和下面一樣。


 

957b57c843260000012e7e1b81c6.jpg

 

第二步

接下來,繪制一個圓角矩形像下面尺寸一樣,選擇淺綠色作為填充,接下來使用效果下變形和扭曲,波浪效果,像下方一樣設置參數(shù)。

419357c843340000012e7e113c72.jpg


 

 

 

第三步

繪制四個其他的圓角矩形,選擇綠色作為填充顏色,然后使用效果下面路徑>偏移路徑,設置2像素的偏移量,在第一個的基礎上添加一個新的填充,改變填充顏色,然后應用內發(fā)光效果.


 

84a357c843430000018c1b65dc10.jpg


 

 

 

 

 

 

 

 


 


 

第四步

為了增加一些高光,繪制五個更小的圓角矩形,像下圖展示的一樣,為了增加更多的陽光,用淺黃色來填充。

把所有的組成漂浮版的遠足成組(Control+G),命名為漂浮版。

ad0d57c843550000012e7e3029cf.jpg

 

 

 

 

 

 

 

五,創(chuàng)建泳圈

第一步

使用橢圓工具(L)來繪制一個63px乘以63px的圓形,在外觀面板里添加五個描邊,像下圖一樣,第一個在底部,每一步做一個更大的偏移,這樣可以創(chuàng)建描邊路徑。


 

ca6057c843670000018c1baac59a.jpg


 

 

 

 

 

 

 

 

第二步

接下來用鋼筆工具(P)在圓圈上繪制兩個橢圓,在左側畫一個更小的路徑,選中2PT的白色描邊,面邊路徑選擇第6個,減少透明度為60%,右上角更大的地方,三像素描邊,配置文件6,減少透明度到80%。

把這些元素成組,命名為“泳圈”

f88157c8437a0000018c1b8b575a.jpg


 

 

 

 


 

六、創(chuàng)建沙灘球

第一步

使用橢圓工具(L)繪制一個35px的圓,然后繪制一個更小的圓在頂部,換到鋼筆工具(P),在兩個圓之間繪制三個粉紅色的條紋(3-5)。


 


 

7c9457c8438b0000018c1b15828c.jpg


 

 

 

 

 

 

 

 


 

第二步

這個沙灘球已經(jīng)做好了,你可以給這些元素成組(Control+G),命名第一個球為粉紅色的小球,你還可以通過拷貝第一個球,改變球的顏色來創(chuàng)建第二個球。

 

f4bd57c843ab0000018c1b8b93ca.jpg


 

七、創(chuàng)建水池地板

第一步

使用矩形工具(M)來繪制一個50像素的正方形,用淺藍色來填充(1),現(xiàn)在使用鋼筆工具(P)或者直線工具(/)在方形的邊角處,來繪制四個直線,在方形的邊角處(2)

在直接選擇工具(A)的幫助下,把綠色的線段通過按下你鍵盤上的上下按鍵來移動線段兩端的端點,接下來對其他的線段都執(zhí)行相同的操作,當你這樣做完了以后,選中這些線段,把他們調整成一些深色一點的線條。

在你繼續(xù)下面的操作之前,確保你的正方形邊長50像素,以及四個線段事44像素,保持所有的元素對稱很重要,否則,接下來的樣式就不是無縫的銜接。

169c57c843bb0000012e7eac609d.jpg


 

 

 


 

第二步

成組(Control+G)這些元素,然后命名為“單個瓷磚”,當這個組被選中,繼續(xù)使用效果下面,扭曲和變換>變換,像下圖一樣設置好移動數(shù)值以及副本拷貝5個,接下來,繼續(xù)選中這個圖形,在垂直角度繼續(xù)重復上面操作。


 


 

 

163c57c843cc0000018c1bd332d6.jpg

第三步,

用直接選擇工具,間隔一個選中一個瓷磚,像一個棋盤(1),改變填充顏色為更深一點的藍色,,然后命名整個組的名稱為“泳池地板”。

使用矩形工具(M)繪制一個300 像素的正方形,這個矩形沒有描邊和填充在所有矩形的后面,所以使用對象下面排列>置到最后(Shift+Control+[)

接下來選中之前的編組,和這個矩形,水平和垂直居中,這兩個形狀應該完美的在一起。


 


 

 

55a857c843da0000012e7efea7ab.jpg

第四步

接下來使用鉛筆工具(N)畫兩個波浪的水花在泳池上,像下圖一樣,畫筆效果你選擇粉筆或者炭筆之類的,你可以在畫筆面板里>藝術畫筆中找到,把粗細從3pt提高到5pt,確保你的畫筆沒有觸碰到泳池的邊緣,然后把透明度降低到15%。


 


 


 

7b5757c843e80000018c1be08b04.jpg

八、縮放和準備所有組件

第一步,

去編輯下面首選項里確保縮放和效果的復選框選中。點擊確認,接下來你可以縮放所有的圖形,在外觀不變的情況下。

接下來把金發(fā)女郎放在救生圈上面。


 

ce9157c843f80000012e7e67a031.jpg

第二步

現(xiàn)在集中在金發(fā)女郎身上,選中左邊的腿,拷貝粘貼一個,使用鋼筆工具(P)來繪制一個半圓,在膝蓋下面。在你繼續(xù)下面的操作之前,拷貝一個,你將會在在另一個腿上用上(1)。


 

現(xiàn)在選中左邊的半圓和腿在路徑查找器里選擇分離,這將會使你的腿分成兩半,接下來就是解組,(Shift+Control+G)刪除上面你不需要的部分,像下圖一樣填充顏色。用之前拷貝的半圓,在右腿上重復相同的操作。


 

這將會創(chuàng)建一個投影的外觀,因為這個女孩的腿這一半事在水里的。所有有一部分的腿事不可見的。但是不要忘記在圖形面板里,把他們重新放置到前面,像下圖一樣(3)。


 

 

fb6b57c8440b0000018c1b540388.jpg

第三步

選中漂浮版,使用對象下面變形>擴展,輸入數(shù)值22%,在擴展選區(qū)里,結果就是這個漂浮版擴大了,這個金發(fā)女郎可以放上去了。

接下來把巧克力女孩放置到漂浮版上,最重要確保兩個女孩一樣大。


 

6b2e57c8441b0000012e7e7364f2.jpg


 

 

 

 


 

第四步

移動金發(fā)女孩在救生圈上,巧克力女孩在漂浮版上,把他們都放在泳池上,使用鉛筆工具在他們的周邊上繪制一些波浪形狀的路徑像下圖一樣,選擇1pt或者2pt的描邊,描邊樣式為第二個,這樣就可以在水里創(chuàng)建一些游動的樣子。


 


 

583457c8442e0000012e7ebbab8f.jpg


 

 

 

 


 

9.創(chuàng)建泳池無縫鏈接樣式


 

第一步

選擇金發(fā)女孩和救生圈還有沿著腿部的三條波浪,旋轉45度用變形工具,排列在水池的右邊。

選擇巧克力女孩和漂浮圈,還有水邊的四個波浪,旋轉135度,像下圖一樣排列(2)

讓我們來添加一些投影,選中之前命名的那些組,然后使用效果>風格化>投影。像下面一樣設置參數(shù)。


 

 

39b257c844440000012e7e5df1e1.jpg

第二步,

現(xiàn)在,選中之前你排列的所有元素,然后拷貝原位復制粘貼(Control+F)。旋轉拷貝以后的圖形90度。像下面的圖一樣,排列在泳池的左上角,現(xiàn)在注意投影要根據(jù)你旋轉后圖形的角度來更新。

086457c844520000012e7ee30d40.jpg


 

 

 

 


 


 

第三步


 

這一次你將會有元素超過泳池的邊緣,在一個樣式中,這些元素需要被拷貝然后旋轉到另一個邊緣,以便可以保持循環(huán)的樣式。

在左邊的女士,正游離在邊緣,選中金發(fā)的女孩,和救生員以及波浪等,在對象變形移動下面,輸入300px水平移動,點擊拷貝,為什么是300像素呢?因為這個矩形的尺寸,還記得吧?


 


 

12c757c845170000018c1b1c491d.jpg


 

 

 

 

 

 


 

第四步

在頂部的女孩也超過了邊緣,所以選中他們執(zhí)行和上一次同樣的操作,這次事在垂直方向,點擊拷貝。


 


 

d53f57c845690000018c1b12b684.jpg


 

 

 

 

 

 

 

 

 


 

第五步

第一個女孩也是在邊緣游離,所以選中他們執(zhí)行同樣操作,設置參數(shù)為-300PX垂直,拷貝。很容易 對吧?


 


 

ad8157c845820000012e7ef8228d.jpg


 

 

 

 

 

 

 

 


 

第六步

讓我們添加更多的元素在這個樣式上,移動藍色的球到一個空白的空間,例如右上角,制作陰影效果,然后用鉛筆工具(N)繪制一些路徑在他旁邊,增加一些波浪。然后用和之前同樣的設置。

 

a4c857c845970000018c1baf6f86.jpg


 

 

 


 

第七步

制作一個藍色球的拷貝,把之前也做過的紅色球防治上去,執(zhí)行同樣的操作。

f44c57c845ac0000018c1b9c579e.jpg


 

 

 


 

第八步

在泳池里你不容易發(fā)現(xiàn)還行,但是讓我們添加一些吧。畫一些還行的形狀,在腿部增加一些小的藍色圓點,成組(Control+G)所有圖形,命名為海星。


 

接著制作一些還行的拷貝,確保他們在矩形之中,然后降低透明度為40%。

f92b57c845b80000018c1b855b02.jpg


 

 

 

 


 

第九步

這個樣式基本上以敬準備好了,選中300像素的正方形,然后把他們排列到最后,保證他是在所有物體的后面,這個矩形必須保持米有描邊,沒有填充,因為這個空的矩形都會待在你樣式的后面。

現(xiàn)在你需要做的事選中所有元素,包含矩形框,使用編輯下面的自定義樣式。

3f7557c845c80000012e7e37b348.jpg


 

 

 

 

 

 

 

 

 

 

 


 

第十步

你可以發(fā)現(xiàn)新的樣式了在你的樣式面板里。使用矩形工具(M)繪制任意尺寸,接下來看結果,如果你把所有的事情都做正確了,你將會看到所有的元素,都在系統(tǒng)的排列著,沒有鏈接的縫隙。


 


 


 


 


 


 


 

bfab57c845db0000018c1bfad0cb.jpg

恭喜你,你已經(jīng)做好了。

663057c845eb0000012e7ec9f8fc.jpg

覺得本文有幫助

請賜個贊并在下方發(fā)表評論

可以在評論里把自己的練習作品發(fā)上來,大家一起交流。
 

 


 


12
評論區(qū)(0)
正在加載評論...