PS制作日式風(fēng)格的無(wú)縫紋理教程
將某個(gè)場(chǎng)景的圖案，按照隨機(jī)的方式羅列整個(gè)畫布上，這就形成一種紋理式樣的圖案。而這類紋理圖案有兩種表現(xiàn)，第一種是細(xì)微的質(zhì)感紋理，這類紋理大部分運(yùn)用到網(wǎng)頁(yè)的背景上，它顯得比較低調(diào)，主要色調(diào)為黑白灰;第二種就是以圖案為獨(dú)立細(xì)節(jié)進(jìn)行隨機(jī)散布的圖案紋理，如下圖。
此類圖案紋理能鋪開(kāi)整個(gè)畫布，直接強(qiáng)調(diào)主題，雖然直接運(yùn)用網(wǎng)頁(yè)布局的很少見(jiàn)，但也能在制作某個(gè)廣告圖或者某個(gè)特別修飾的場(chǎng)景里使用。
今天我們要學(xué)習(xí)的就是第二種以圖案為獨(dú)立細(xì)節(jié)的圖案紋理，早已有類似thepatternlibrary這樣的網(wǎng)站給你提供了精美的圖案紋理下載，但是設(shè)計(jì)時(shí)與實(shí)際需要的細(xì)節(jié)還是差之毫厘，那么，自己動(dòng)手打造一張無(wú)縫的圖案紋理就顯得至關(guān)重要。
一、制作準(zhǔn)備
1、AI軟件;
2、已完成的手稿圖;
3、配色方案;
二、畫上細(xì)節(jié)圖
1、梳理細(xì)節(jié)
這里細(xì)節(jié)圖是隨機(jī)圖案組成的“細(xì)胞”或“肌理”，那么，肌理的美感度會(huì)很大程度上影響到最終效果。所以，我們?cè)谶@里會(huì)要求大家先完成手稿。
手稿可以任意發(fā)揮，根據(jù)你要?jiǎng)?chuàng)作的主題來(lái)畫出你認(rèn)為最適合“出場(chǎng)”的細(xì)節(jié)。手稿可以用鉛筆在紙上繪畫，也可以自己用wacom畫。這里我用的方式是利用wacom直接繪畫。
注：wacom是手繪數(shù)位板的別稱
這里要強(qiáng)調(diào)的是配色方案，因?yàn)榧?xì)節(jié)圖是由多個(gè)物件所組成，因此，會(huì)涉及到多種顏色，而色彩的搭配就十分重要，因此充分的準(zhǔn)備工作需要的是一份配色方案，在繪畫時(shí)就能輕松運(yùn)用上適合的顏色，也不會(huì)因?yàn)樯实牧鑱y而頭痛了。
給大家先看看我準(zhǔn)備的配色方案：
這里我要做的是日式古典的紋理，那么無(wú)論是配色還是物件的選擇都會(huì)傾向日本古典的風(fēng)格。
2、繪制圖案
從日本旅行的照片中，選擇了幾個(gè)作為典型的日本印象的物件構(gòu)圖：櫻花、燈籠、矮竹、扇子、石頭。
下面我將一一采用AI軟件進(jìn)行繪制。關(guān)于物件的繪制，這里相信大家會(huì)采用各自喜歡的畫法，我將省略實(shí)際繪制的過(guò)程，以保證每個(gè)讀者創(chuàng)作時(shí)更加開(kāi)放自由。AI矢量軟件對(duì)于幾何圖形的構(gòu)造有足夠的優(yōu)勢(shì)，因此繪畫時(shí)可以盡量選擇運(yùn)用幾何圖案進(jìn)行巧妙的組合、裁切等方式。
我對(duì)于AI軟件繪制圖形的使用感受是，這就像我們小時(shí)候做過(guò)的剪紙手工作業(yè)一樣，運(yùn)用基本的幾何圖形，手腦并用，可以拼貼出任何具形的圖案。而軟件的精細(xì)程度和各種效果的運(yùn)用就可以讓整個(gè)圖案達(dá)到出彩的效果。
在繪制的過(guò)程中可以先暫時(shí)用隨機(jī)的顏色搭配，待所有物件都繪制完成組合在一起時(shí)，再重新根據(jù)配色方案調(diào)色。
櫻花的繪制過(guò)程：
日本扇子繪制過(guò)程：
燈籠的繪制過(guò)程：
矮竹的繪制過(guò)程：
石頭的繪制過(guò)程：
三、構(gòu)圖與無(wú)縫處理
將所有物件都繪制完成后，我們開(kāi)始進(jìn)行組合構(gòu)圖，最好玩的時(shí)候到了!
AI新建一個(gè)大小適宜的文檔，將剛剛畫好的物件都放置于畫布上。因?yàn)槔L制時(shí)我們并沒(méi)有考慮色彩的整齊搭配，而現(xiàn)在需要做的就是根據(jù)我們的配色方案調(diào)整色彩。
這是調(diào)色前：
根據(jù)配色方案調(diào)色后：
然后選中所有的物件，點(diǎn)擊對(duì)象>圖案>建立。這時(shí)會(huì)出現(xiàn)圖案創(chuàng)建選項(xiàng)面板，你可以在這個(gè)面板中進(jìn)行選擇調(diào)試，做出你最想要的'紋理圖案。比如復(fù)制新的櫻花，增加圓點(diǎn)裝飾，降低某些細(xì)節(jié)的透明度，重新上色等。
這里需要注意的要點(diǎn)是：
1)你的圖案創(chuàng)建面板設(shè)置中，為了保持圖案為無(wú)縫，這里的拼貼類型要選擇“網(wǎng)格”
2)我在這里設(shè)置的圖案大小是300px*300px,以確保每個(gè)物件都能完美地展示出來(lái)
3)盡量不要留有空白，這樣能使整個(gè)圖案顯得飽滿豐富
你將在這里馬上看到整個(gè)圖案的最終效果。完成后點(diǎn)擊左上角的完成后。你將在色彩面板中看到你剛剛創(chuàng)作的無(wú)縫紋理圖案，雙擊它會(huì)彈出設(shè)置面板，你還可以繼續(xù)修改。
這時(shí)，那么這個(gè)無(wú)縫紋理圖案就做好了。
四、運(yùn)用
你可以試著畫上一個(gè)300px*300px矩形，這個(gè)矩形的大小與剛剛設(shè)置的圖案大小一致。然后選擇圖案填充后，導(dǎo)出為一個(gè)png格式的圖片。
保存PNG圖片有個(gè)好處是保留了透明背景，那么這個(gè)圖案的運(yùn)用將會(huì)更加靈活，因?yàn)榈咨梢愿鶕?jù)不同的情況而做出改變。在PS軟件中定義好該圖案，實(shí)際運(yùn)用時(shí)增加漸變背景或其他純色背景，如下圖。
五 結(jié)語(yǔ)
制作紋理圖案的過(guò)程中，你要訓(xùn)練的是自己對(duì)整個(gè)畫面的美感平衡的能力，設(shè)計(jì)是對(duì)每個(gè)素材之間關(guān)系的平衡，包括它們的色彩、距離、結(jié)構(gòu)……而這些都需要你步驟三中通過(guò)嘗試而獲得一個(gè)最佳點(diǎn)。教程里我沒(méi)有再進(jìn)一步美化這個(gè)圖案，但你要記得設(shè)計(jì)是沒(méi)有終點(diǎn)。希望你能做得更好!
【PS制作日式風(fēng)格的無(wú)縫紋理教程】相關(guān)文章：