Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Geometric
Design

如何在 Adobe Photoshop 中創建紋理和幾何形態。

by
Difficulty:BeginnerLength:MediumLanguages:

Chinese (Traditional) (中文(繁體)) translation by Shu Wu (you can also view the original English article)

Final product image
What You'll Be Creating

幾何形態在現今的設計行業較為盛行。你可以用幾個簡單的形狀,在 Adobe Photoshop 中創建特別的設計。

瞭解如何創建這些酷的元素並將其轉化為智能對象,這可以為你的設計作品特別的風化層次感。

或者你可以在GraphicRiver 的廣泛選擇你想要的幾何型態。

教程的所需資源

在本教程中我們使用了如下資源︰

1.如何創建一個圓形為基礎的幾何設計

第1步

在我們開始之前,請確保你有這些設計所需的形狀元素。 選擇自定義圖形工具 (U) 並選擇旁邊下拉式菜單中的形狀。然後點擊選項中的全部,確保你可以選擇所有的形狀。

當 Photoshop 詢問是否要求替換當前的形狀為新的集合為時,按一下確定

Adding More Shapes to the Custom Shape Tool

第 2 步

創建一個新文檔;我將使用一個2500 x 2500像素的畫框。現在讓我們開始第一個設計。選擇橢圓工具 (U) 創建一個大的黑色圓圈。

Create a Large Black Circle

第3步

Control+J 複製圓圈並使用使用自由變換工具 (Control+T )調整其大小。這一次將填充設置為透明,描邊10像素白色。

Create an Inner Circle

第4步

複製白圈 (Control+J) 。將描邊大小改為5個像素,並用自由變化工具將其變小,相當於之前圆圈的一半大小。将這個圆圈貼置於兩個圆圈的頂部。

Adding a Circle at the Top of the Geometric Design

現在複製較小的圆圈並將其放置於第一個圆圈的底部。

Add the Second Circle

繼續複製較小的圓形,大概6次左右。逆時針的方向繪製每個新的圓。先開始與左、 右兩側以完成作為前四個圓圈。

Add More Circles in a Counter Clockwise Direction

要定位的剩餘的圆圈副本,請確保你智慧輔助線,選擇視圖> 顯示 > 智慧輔助線。使用移動工具 (V) 再將其餘的圓圈移動到對應的位置。

Add More Circles Until Youre Finished

這裡是最後的沒有添加紋理的圓形設計。當你完成時,請選擇所有形狀圖層,然後按右鍵轉換為智慧物件。這將允許您適用任何紋理或圖片很容易在後面的步驟。

Final Geometric Circle Design

2.如何創建部落靈感的幾何設計

第1步

下一個設計,受靈性設計的啟發,我會設計一個神聖的三角元素,選擇橢圓工具 (U),畫一個大圓圈。 將填充設置為無顏色描邊15像素的黑色虛線。如果你需要隨時查看屬性面板,選擇視窗 > 屬性

Create a Dotted Circle

第2步

現在,選擇自定義圖形工具 (U),選擇三角形。在圓圈內用描邊為15像素的黑色畫一個大的三角形。按Control+J複製該三角形,選擇編輯 > 變換 > 垂直翻轉,如下圖,放置第二個三角形。

Add Two Triangles to the Circular Design

複製其中一個三角形,再次選擇自由變換(Control+T)將其稍微縮小,如圖方式這個三角形。 複製妳剛才創建的小三角形,選擇編輯 > 變換 > 垂直翻轉,將其放置如下以取得更多的平衡。

Add More Triangles for Balance

最後一次複製其中一個三角形,並將它放置在這個圓圈的中央,使它稍微偏離一點中心。

Add One Last Triangle

第3步

使用鋼筆工具 (P) 在中心創建一個黑色的實心的菱形。

Fill in the Shape with the Pen Tool

當你完成時,選擇所有圖層,然後按鼠標右鍵轉換為智能對象。下面是最終的設計。

Final Tribal Geometric Design

3.如何創建花狀的幾何設計

第1步

這下的幾何設計,我們打算用只有五個圈的花朵中得到靈感造型獨特。選擇橢圓工具 (U) 和創建一個大的黑色圓圈。 複製圓(Control+J) ,並且自由變換 (Control+T ) 使其變小。這一次,無須填充,將描邊設置為30像素的白色實線。

在右上角放置第一個圓圈。

First Steps for Creating a Flower Inspired Geometric Design

第2步

重複的圓圈,有白色的中風三次。自由變換 (控制-T) 下一步兩個圓圈,使其更小和其位置使他們正在打圈子的反面。這最終會形成很酷的三維外觀。

Duplicate the Circles and Position them into Place

第3步 

选择最後一個圓,并使用自由變換(Control+T),使其最小,並將其放置在中心。與之前一樣,選擇所有形狀圖層,然後右鍵單擊以轉換為智能對象。這裡是最後的設計!

Final Circular Flower Geometric Design

4.如何創建六角形幾何設計

第1步

最後的設計,我將創建一個簡單的六角形為啟發的形狀。選擇多邊形工具(U),創建一個六邊形,選擇無填充5像素的黑色描邊。將描邊的線設置為虛線

Create the Initial Hexagon Shape

第2步

複製(Control+J)六邊形形狀,使用自由變換(Control+T)使它稍微變小。將線條更改為實線,將筆劃的粗細更改為10像素。

Create Another Hexagon Shape Within the First

第3步

現在選擇自定義形狀工具(U),並應用前面相同的三角形。創建一個有10個像素的純黑色描邊的大三角形,並將其放置在六邊形的中心。

Add a Triangle to the Hexagon Design

第4步

現在選擇直線工具(U),並在六角形的左角上以10像素創建實心黑線,將其連接到左邊線型三角形的中心。 複製線條,選擇編輯>變換>水平翻轉以定位第二行。最後創建連接三角形底部到底部六角形的第三條線完成繪製。

Create Line Connect the Hexagon to the Triangle

步驟 5

最後,通過選擇自定義圖形工具 (U)完成這項設計, 並創建一個三角形為中心的設計圖形。 用黑色像素為10像素描邊填充三角形。如往常,請確保妳選擇所有的形狀圖層,然後按右鍵轉換為智能對象

The Final Hexagon and Triangle Geometric Design

5.如何將照片與紋理應用於幾何物件

第1步

現在开始我们的紋理 !因為我們已經不同的幾何設計中創建了智能对象,我們現在可以應用非常酷的紋理或特殊效果的照片在我們的幾何圖形中。

將每個幾何的智能對象放入對應的組別

Place the Smart Objects Into Groups

第2步

讓我們添加一些紋理 !在這裡,我將使用在GraphicRiver裡的Grunge紋理包。 分組複製粘貼紋理到新的圖層。按一下滑鼠右鍵設置紋理作為智能對象剪切蒙版並且將圖層混合模式改為強光。 請確保智能對象有透明背景,否則你會得到一些不需要的邊緣。

Add Texture to the Smart Object

隨意移動紋理和以不同的方式放置在每個幾何設計圖形中。

第3步

或者,妳還可以添加很酷的圖片作為剪切蒙版下面的紋理或無紋理。在這裡,我使用Pixabay中的日落圖片

這一次,設置圖片的圖層混合模式螢幕

Adding a Photo to a Geometric Design
如果你不想完全顯示紋理,可以隱藏的紋理圖層的透明度。

4 高端幾何設計打包素材

保存通過令人驚歎的幾何資產從下載 GraphicRiver 和 Envato 元素自己創建這些物件的所有的麻煩。

四個套裝軟體是擠滿了幾十個幾何元素,我確信你會喜歡的 !將它們包括在您的設計套件作為最終的圖形資源並開始今天製作令人敬畏的設計 !

60個抽象的幾何元素

用這些幾何圖案,作出令人印象深刻的設計。此設計包有60個獨特的設計讓你選擇加入妳自己的設計個案。包括高解析度的 PNG 檔案,為妳查閱提供便利。

60 Abstract Geometric Elements

40個幾何藝術設計

你海報標,誌或網頁設計需要一些很酷元素?點擊這個擁有40 個幾何圖案的設計包,他們有各種不同型態的幾何圓角元素。

40 Geometric Art Designs

幾何向量紋理圖形

這套高品質的向量幾何圖案可以同時適用於Illustrator 和 Photoshop中。下載此套設計獲得40個的獨特設計,你可以任意縮放他們的大小。

Geometric Vector Textures

80個幾何向量包

終極設計包,請考慮這個多組合的向量集合幾何包。 這些形狀已添加的復古風在其中,非常適合品牌,印刷設計等等!下載此包才能訪問這些好東西 !

80 Geometric Vectors Bundle

總結

我希望你喜歡這篇教程 !記住,在 Photoshop中,一旦你熟練使用形狀工具,創建有趣的幾何形狀是易如反掌的。

繼續嘗試更多的設計並將這些元素融入你的設計案例中!如果你有任何疑問,請在下面留言。

Textured Geometric Designs Adobe Photoshop Tutorial
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.