萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS利用自定義形狀快速打造圖案

PS利用自定義形狀快速打造圖案

   在設計圖案時,有時候我們會對繁瑣復雜的圖案束手無策,今天我教大家如何利用像素點來打造圖案,難度3顆星,用基本的矢量形狀來打造圖案。大家來學習下吧~~~~

PS利用自定義形狀快速打造圖案 三聯

  步驟1:創建新文件

How to Create Web Patterns in Photoshop

  步驟2:復制背景圖層

  將使用該圖層設置參考線,以便後面裁剪

How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop

  步驟3:重設畫布大小

How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop

  步驟4:反向圖層

How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop

  步驟5:設置參考線

How to Create Web Patterns in Photoshop

  步驟6:隱藏圖層1

How to Create Web Patterns in Photoshop

  步驟7:創建自定義形狀

  “自定義形狀” 顏色#000000 選個星形 (小編電腦裡無星形形狀,這裡開始用原文的圖了)

How to Create Web Patterns in Photoshop

  將星形放在畫布上,如下圖所示

How to Create Web Patterns in Photoshop

  步驟8:柵格化圖層,並減少圖層的填充百分比

  將形狀圖層柵格化

How to Create Web Patterns in Photoshop

  減少形狀圖層的填充度到50%

How to Create Web Patterns in Photoshop

  步驟9:復制黏貼圖層

  使用矩形選框工具,按下圖選擇區域,然後復制

How to Create Web Patterns in Photoshop

  新建圖層,填充50%,然後粘貼,位置擺放如下。

How to Create Web Patterns in Photoshop

  步驟10:添加其他形狀

  復制形狀1圖層,在中心區域隨便放置,然後記得重復步驟9,如下圖所示

How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop

  這是最終結果:

How to Create Web Patterns in Photoshop

  步驟11:選擇圖層1

  選擇圖層1的中心畫布區域

How to Create Web Patterns in Photoshop

  步驟12:裁剪

  圖像->裁剪

How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop

  步驟13:定義圖案

  隱藏背景圖層 編輯->定義圖案

How to Create Web Patterns in Photoshop
How to Create Web Patterns in Photoshop

  給圖案命名

How to Create Web Patterns in Photoshop

  這便是“圖案疊加”的最終結果

How to Create Web Patterns in Photoshop
copyright © 萬盛學電腦網 all rights reserved