企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年06月04日 信息來源:互聯網

PS教程!手把手打造一款繁復美的復合幾何圖案

@大俠阿蒼?:對很多人來說,做一款復合幾何形圖案看起來很復雜(我也是這么覺得的),事實上操練一遍就懂里面的門道了,不信今天我們就來挑戰一回~

1. 新建一個250*250px的文件,添加垂直、水平參考線,位置在畫布中間。這樣比較方便對比位置。畫布顏色改為#5a5b5d。

PS教程 PS圖文教程 PS圖片教程

2. 第一個幾何形狀

STEP 1:新建一個組-small pattern。使用橢圓工具,在畫布中心畫一個直徑40px的圓,填充無,描邊2pt,白色。

PS教程 PS圖文教程 PS圖片教程

STEP 2:畫另一個較小圓,直徑20px,填充無,描邊1pt,白色。放在下圖的位置,即此圓圓心是大圓頂部和底部的錨點。

STEP 3:同樣的,再畫個兩個更小的圓,直徑10px,放在大圓兩邊。

PS教程 PS圖文教程 PS圖片教程

STEP 4:選中左右兩側的最小圓,復制并旋轉30度。最終達到如下效果。

PS教程 PS圖文教程 PS圖片教程

STEP 5:選擇多邊形工具,畫一個六角星,參數如下。

PS教程 PS圖文教程 PS圖片教程

STEP 6:放大來檢查,選擇視圖-顯示-像素網格,對六角星的每個錨點進行調整,讓每個錨點都對應網格的交叉點。

PS教程 PS圖文教程 PS圖片教程

然后我們第一個圖案就做好啦~是不是很簡單呢~

PS教程 PS圖文教程 PS圖片教程

3. 第二個形狀

STEP 1:建一個組-med?pattern。在畫布中心畫一個圓,直徑20px,描邊1pt。

STEP 2:給這個圓添加個蒙版,達到如下效果,方法根據自己的喜好來。

PS教程 PS圖文教程 PS圖片教程

STEP?3:畫一個稍大的圓,直徑30px。

PS教程 PS圖文教程 PS圖片教程

STEP?4:選擇多邊形工具,畫一個三角形,描邊1pt,參數如下。別忘記調整每個錨點,讓它們都正好在網格的交叉點上。

PS教程 PS圖文教程 PS圖片教程

STEP?5:復制這個三角形,移動到圓形下方并翻轉,達到如下效果。

PS教程 PS圖文教程 PS圖片教程

?

STEP?6:選擇這兩個三角形,復制并旋轉30度。然后重復這個步驟,達到如下效果。

24ta20150908

STEP?7:畫一個直徑110px的大圓,描邊2pt。

25ta20150908

STEP?8:畫一個橢圓,參數及位置如下。

22ta20150908

STEP?9:選擇轉換錨點工具,將橢圓的上下兩個錨點變為尖角。

23ta20150908

STEP?10:復制這個形狀,放在下方。

21ta20150908

STEP?11:選中這兩個圖形,復制并旋轉15度,最終達到如下效果。

20ta20150908

STEP?12:畫一個圓,放在大圓的左上方,直徑20px,描邊1pt。

19ta20150908

STEP?13:畫一個六角星,不要忘記調整錨點哦。

17ta20150908

STEP?14:復制這個小圓和六角星,放置到大圓的右上、右下、左下,就完成啦。

18ta20150908


(編輯:小酷)

 


上一篇:極簡主義網站設計!3大速成法則幫你輕松搞定
下一篇:不要再談“響應式”了,“連續性”才是王道
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部