當前位置:
首頁 > 設計 > PS製作日式風格的無縫紋理教程

PS製作日式風格的無縫紋理教程

將某個場景的圖案,按照隨機的方式羅列整個畫布上,這就形成一種紋理式樣的圖案。而這類紋理圖案有兩種表現,第一種是細微的質感紋理,這類紋理大部分運用到網頁的背景上,它顯得比較低調,主要色調為黑白灰;第二種就是以圖案為獨立細節進行隨機散布的圖案紋理,如下圖。

此類圖案紋理能鋪開整個畫布,直接強調主題,雖然直接運用網頁布局的很少見,但也能在製作某個廣告圖或者某個特別修飾的場景里使用。

今天我們要學習的就是第二種以圖案為獨立細節的圖案紋理,早已有類似thepatternlibrary這樣的網站給你提供了精美的圖案紋理下載,但是設計時與實際需要的細節還是差之毫厘,那麼,自己動手打造一張無縫的圖案紋理就顯得至關重要。

一、製作準備

1、AI軟體;

2、已完成的手稿圖;

3、配色方案;

二、畫上細節圖

1、梳理細節

這裡細節圖是隨機圖案組成的「細胞」或「肌理」,那麼,肌理的美感度會很大程度上影響到最終效果。所以,我們在這裡會要求大家先完成手稿。

手稿可以任意發揮,根據你要創作的主題來畫出你認為最適合「出場」的細節。手稿可以用鉛筆在紙上繪畫,也可以自己用wacom畫。這裡我用的方式是利用wacom直接繪畫。

註:wacom是手繪數位板的別稱

這裡要強調的是配色方案,因為細節圖是由多個物件所組成,因此,會涉及到多種顏色,而色彩的搭配就十分重要,因此充分的準備工作需要的是一份配色方案,在繪畫時就能輕鬆運用上適合的顏色,也不會因為色彩的凌亂而頭痛了。

給大家先看看我準備的配色方案:

這裡我要做的是日式古典的紋理,那麼無論是配色還是物件的選擇都會傾向日本古典的風格。

2、繪製圖案

從日本旅行的照片中,選擇了幾個作為典型的日本印象的物件構圖:櫻花、燈籠、矮竹、扇子、石頭。

下面我將一一採用AI軟體進行繪製。關於物件的繪製,這裡相信大家會採用各自喜歡的畫法,我將省略實際繪製的過程,以保證每個讀者創作時更加開放自由。AI矢量軟體對於幾何圖形的構造有足夠的優勢,因此繪畫時可以盡量選擇運用幾何圖案進行巧妙的組合、裁切等方式。

我對於AI軟體繪製圖形的使用感受是,這就像我們小時候做過的剪紙手工作業一樣,運用基本的幾何圖形,手腦並用,可以拼貼出任何具形的圖案。而軟體的精細程度和各種效果的運用就可以讓整個圖案達到出彩的效果。

在繪製的過程中可以先暫時用隨機的顏色搭配,待所有物件都繪製完成組合在一起時,再重新根據配色方案調色。

櫻花的繪製過程:

日本扇子繪製過程:

燈籠的繪製過程:

矮竹的繪製過程:

石頭的繪製過程:

三、構圖與無縫處理

將所有物件都繪製完成後,我們開始進行組合構圖,最好玩的時候到了!

AI新建一個大小適宜的文檔,將剛剛畫好的物件都放置於畫布上。因為繪製時我們並沒有考慮色彩的整齊搭配,而現在需要做的就是根據我們的配色方案調整色彩。

這是調色前:

根據配色方案調色後:

這裡需要注意的要點是:

1)你的圖案創建面板設置中,為了保持圖案為無縫,這裡的拼貼類型要選擇「網格」2)我在這裡設置的圖案大小是300px*300px,以確保每個物件都能完美地展示出來3)盡量不要留有空白,這樣能使整個圖案顯得飽滿豐富

你將在這裡馬上看到整個圖案的最終效果。完成後點擊左上角的完成後。你將在色彩面板中看到你剛剛創作的無縫紋理圖案,雙擊它會彈出設置面板,你還可以繼續修改。

這時,那麼這個無縫紋理圖案就做好了。

四、運用

你可以試著畫上一個300px*300px矩形,這個矩形的大小與剛剛設置的圖案大小一致。然後選擇圖案填充後,導出為一個png格式的圖片。

保存PNG圖片有個好處是保留了透明背景,那麼這個圖案的運用將會更加靈活,因為底色可以根據不同的情況而做出改變。在PS軟體中定義好該圖案,實際運用時增加漸變背景或其他純色背景,如下圖。

五 結語

製作紋理圖案的過程中,你要訓練的是自己對整個畫面的美感平衡的能力,設計是對每個素材之間關係的平衡,包括它們的色彩、距離、結構……而這些都需要你步驟三中通過嘗試而獲得一個最佳點。教程里我沒有再進一步美化這個圖案,但你要記得設計是沒有終點。希望你能做得更好!

(本文由微信號pmdshej從網路上收集,版權歸原作者所有)

關注微信pmdsheji,獲得更多最新教程,軟體素材,設計資訊,做設計,不將就!!

PS軟體下載 回復「PS」

CDR軟體下載 回復『cdr「

AI軟體下載,回復:AI

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 PS平面設計教程 的精彩文章:

Photoshop給老舊黑白照片快速上色
2分鐘將人像照做成旋轉風車效果!超實用PS教程
Photoshop實例教程:如何製作逼真的肥皂
PS打造超簡單透明感馬賽克背景

TAG:PS平面設計教程 |

您可能感興趣

DIY壁紙教程,教你如何用PS製作簡潔的卡通風格壁紙
教你用PS製作復古風格的水彩畫藝術效果教程
PS教程/摺紙風格圖標
PS教程-製作漸變炫彩風格海報
PS學習教程-製作漸變炫彩風格海報
PS教程!教你打造《罪惡之城》的電影風格特效
PS加AI搭配繪製彩繪風格的鸚鵡插畫效果教程
PS教程/卡通風格士兵
AI教程/剪紙風格的奧妙
UI教程/PS繪製卡通風格圖標
用粘土和紗線製作的日系風格的小動物手作,萌的人想歪頭
手工布藝DIY教程-抽象風格衍縫餐墊
作品︱「中西合璧」設計不分界限的混搭風格
影樓風格的真人秀插畫 我的PS作品
以科技牛仔面料和日系風格重塑 TNF 經典款式
情懷之作 復古風格的MINI純電動概念車
PS製作一個立體感風格的密碼鎖軟體圖標
C4D製作3D風格的奶油文字效果教程
混搭風格裝修設計說明 混搭風格設計理念
C4D技巧-六步製作卡通風格插畫