PS合成教程:具有手繪風(fēng)格的個(gè)性化招貼

2024-08-21 23:24:07

字體：大中小

供稿：網(wǎng)友

　　本ps教程中作者將創(chuàng)造一些手繪元素，用到一些筆刷，在photoshop中將它們?nèi)诤铣瑟?dú)特的具有手繪風(fēng)格的個(gè)性化招貼作品。作者旨在激發(fā)讀者創(chuàng)造自己的藝術(shù)作品。讓我們一起看看這整個(gè)過(guò)程。

原載于 psdtuts 作者 alex beltechi 翻譯石小鎮(zhèn)

　　在開(kāi)始之前看一下我們作品的最終效果。

ps合成教程:具有手繪風(fēng)格的個(gè)性化招貼_網(wǎng)頁(yè)設(shè)計(jì)

　　簡(jiǎn)介

　　不久前我花了些時(shí)間研究些東西希望在風(fēng)格上和技術(shù)上能有所進(jìn)步，同時(shí)我希望能把我研究到了跟你們一起分享。你可以在behance上看到我的作品集。我們將學(xué)習(xí)如何創(chuàng)作上面的某作品，只是需要少量的藝術(shù)知識(shí)和photoshop技術(shù)。但是相比較你嚴(yán)格按照這個(gè)教程作出作品來(lái)，我更希望你能在這上面有所突破創(chuàng)造出屬于自己風(fēng)格的作品。

　　我稱(chēng)這里所言的方法為試驗(yàn)法。為了能創(chuàng)作出所要風(fēng)格的作品來(lái)，我們不得不通過(guò)各種途徑尋找自己所需素材資源。所以這個(gè)教程對(duì)于你創(chuàng)作自己風(fēng)格的作品僅僅是一個(gè)參考。同時(shí)你可以也參考一下這篇文章使你的設(shè)計(jì)和插畫(huà)作品個(gè)性化

　　首先要做的事是自己能感覺(jué)那些你覺(jué)得好的作品在激發(fā)你的靈感，讓你覺(jué)得想去做。收藏所有的好東西然后開(kāi)始分析他們。我比較關(guān)注涂鴉，一種很快樂(lè)興奮的畫(huà)畫(huà)方法。我覺(jué)得doodlage網(wǎng)站在這方面可以激發(fā)你的靈感，建議你去這個(gè)好地方看看。有次我再次去doodlage，跟它的網(wǎng)站編輯聊了一下，看到了這篇文章 inspiration - doodlage。就像突然意識(shí)到自己想要的東西一樣，我馬上尋找想到的作圖所用的筆刷和素材資源然后開(kāi)始試驗(yàn)。

|||

　　步驟 1

　　讓我們回想一下我們應(yīng)該如何創(chuàng)作這幅“draw”招貼。它的尺寸，內(nèi)容，還有顏色。我想做一幅a3大小的招貼，420mm x 297mm，或者4961px x 3508px，分辨率為300ppi。用大尺寸的優(yōu)勢(shì)在于它可以直接印刷全尺寸招貼，雜志插圖，衣服圖案比如t恤上的，或者網(wǎng)頁(yè)內(nèi)容。不管你選擇什么樣的尺寸，先記著我這里用的是分辨率為300ppi的a3大小畫(huà)布。

　　細(xì)想一下表達(dá)主題的內(nèi)容，會(huì)用到多種技術(shù)：水彩，涂鴉，還有墨水效果。可以用一般的馬克筆和紙來(lái)隨心所欲的畫(huà)，不必?fù)?dān)心會(huì)畫(huà)的不好，我只是闡述下這個(gè)過(guò)程。墨水筆效果像是通過(guò)紫色墨水噴濺出來(lái)的一樣。

　　對(duì)于顏色方案，我從開(kāi)始就選擇了一個(gè)中性的背景色：e4c99f，然后是一個(gè)可以增加作品深度和對(duì)比的黑紫色：2d3043。第二個(gè)主要色來(lái)自于背景色：e49549。為什么不用深橙色和黑紫色呢? 一般用深顏色是為了形成對(duì)比。我選擇黑紫色是因?yàn)樗衲Ｓ泻芏囝伾梢愿@種顏色搭配，比如淺綠色和黃色，但是我想給作品增加一種溫暖的感覺(jué)所以用橙色。

　　嗯，不嘮叨了，開(kāi)始我們的手繪!新建畫(huà)布為a3大小分辨率為300dpi。填充背景色為：e4c99f。我先用黑色的線條畫(huà)了一個(gè)大體布局。

|||

　　步驟 2

　　我們將建立的第一個(gè)元素是速寫(xiě)本。它最終的效果是不明顯的而是隱含在作品中。你需要從bittbox freebie下載兩個(gè)內(nèi)封面。在列表中下載3和10號(hào)素材。放在photoshop中執(zhí)行濾鏡>抽出，照下圖畫(huà)把它摳出來(lái)。邊緣高光器用大號(hào)的筆刷刷可以將邊上的毛毛線摳的更好些。

　　步驟 3

　　抽出完畢，按ctrl + t快捷鍵變換一下然后移動(dòng)至下圖位置。

|||

　　步驟 4

　　雙擊速寫(xiě)本圖層添加一個(gè)顏色疊加圖層樣式顏色選用深紫色。

　　步驟 5

　　復(fù)制新圖層(ctrl +j)稍微移動(dòng)用原圖層來(lái)創(chuàng)造書(shū)的厚度。改變新圖層的顏色為背景色。

|||

　　步驟 6

　　把第二張封面素材做相同的處理，只是它最后的封面顏色是橙色。

　　步驟 7

　　現(xiàn)在涂鴉時(shí)刻到，下面是我畫(huà)的樹(shù)。我的意見(jiàn)是從簡(jiǎn)單的東西開(kāi)始。畫(huà)一個(gè)簡(jiǎn)單的形狀分析一下你喜歡或者不喜歡它的哪些特征。從一開(kāi)始，我就決定我要畫(huà)一個(gè)下部分非常簡(jiǎn)單，而上部分很復(fù)雜的樹(shù)，它們更像一些插畫(huà)作品，而不是寫(xiě)實(shí)作品。每棵樹(shù)都比較抽象化，不是素描。

　　拿筆和紙來(lái)。我經(jīng)常用sharpie牌的超細(xì)點(diǎn)的馬克筆，它在標(biāo)準(zhǔn)的影印紙上畫(huà)圖效果非常好。我沒(méi)用糙面紙，是因?yàn)槲蚁胱尵€條邊緣能柔和一些。你也可以嘗試一下。畫(huà)好了以后，就把它們掃描進(jìn)電腦然后在photoshop里處理。

　　提示：畫(huà)的時(shí)候最好在腦海中想著這些元素在現(xiàn)實(shí)中的大小比例，畫(huà)得協(xié)調(diào)一些。

|||

　　步驟 8

　　把新加入的圖片放在文件中最上面的圖層中然后在下面建一個(gè)白色的背景圖層。在所掃描的樹(shù)圖層可以復(fù)制一個(gè)新圖層(ctrl + j)修改混合模式為正片疊底。這樣會(huì)讓畫(huà)的線條加深。

　　步驟 9

　　執(zhí)行選擇>顏色范圍命令，在下來(lái)菜單中選擇陰影命令。這就可以選擇圖片中所有的黑色。

|||

　　步驟 10

　　選擇好以后，在畫(huà)布中點(diǎn)右鍵，在彈出菜單中選擇創(chuàng)建工作路徑，對(duì)話(huà)框中輸入1.5像素。數(shù)值越小路徑范圍越細(xì)，越大的話(huà)就會(huì)比較光滑但有些地方直接出現(xiàn)直線。所以你要自己嘗試一下選擇一個(gè)效果最好的，太多的像素容易造成馬賽克。

　　步驟 11

　　執(zhí)行圖層>新建填充圖層>純色，把選區(qū)填充為黑紫色。

　　提示

　　當(dāng)我用鋼筆工具臨摹一些圖形創(chuàng)建某個(gè)形狀后，用到路徑模式。這是一個(gè)容易出現(xiàn)錯(cuò)誤的地方，很可能就在你身上發(fā)生。創(chuàng)建工作路徑以后執(zhí)行圖層>新建填充圖層>純色。選擇一個(gè)顏色后你就創(chuàng)建了一個(gè)矢量形狀。但是，有時(shí)候你填充的時(shí)候，photoshop會(huì)把你所建工作路徑以外的地方填充，跟你想的正好相反。

|||

　　要是出現(xiàn)這個(gè)情況，在建立工作路徑以后的步驟，右鍵菜單中選擇重新選擇，然后再右鍵菜單選反選(ctrl + shift +i)就可以選擇正確的選取，繼續(xù)創(chuàng)建路徑并填充。

　　步驟 12

　　回到我們樹(shù)的圖。為它創(chuàng)建一個(gè)背景。通過(guò)它整體的外輪廓，用鋼筆工具畫(huà)一個(gè)背景，因?yàn)槭峭盔f風(fēng)格，不需要非常嚴(yán)格的描。畫(huà)出來(lái)以后填充為背景色橙色。

|||

　　步驟 13

　　了解怎么做一棵樹(shù)，你就可以做第二棵甚至更多棵，還有圖片中的云彩。考慮一下該怎么布局會(huì)好看一些，最好不要讓各個(gè)元素有遮擋，不要加入一些松散零碎的元素。還要保持畫(huà)面有空間呼吸。

　　提示：注意各個(gè)元素線條的寬度能差不多大，放大或者縮小某個(gè)元素時(shí)最好一起操作，不然會(huì)得到不同的線條寬度。線條寬度差不多效果要好些。

|||

　　步驟 14

　　本步驟添加字體。下載該字體 refuse。先輸入字母“d”。放在最上面的那個(gè)圖層。在它下面新建一個(gè)圖層并填充為白色。

　　步驟 15

　　添加上其他的字母。放大幾個(gè)字母來(lái)制造空間感。一定不要用絕對(duì)對(duì)稱(chēng)的排列方式類(lèi)似于2-2，3-3的排列。我用的這個(gè)可以稱(chēng)為2-1-1 ，比較具有動(dòng)態(tài)感。可以適當(dāng)傾斜一下但不能太夸張，記著要?jiǎng)?chuàng)造一種靜態(tài)的景象，這些字母看起來(lái)像漂浮著一樣。想看模仿急速動(dòng)感的字母排列方式，看我的behance上作品集的第四張作品，文字是“color”。

|||

　　步驟 16

　　在字母“d”的圖層上按住ctrl 點(diǎn)擊圖層縮略圖可以選中圖層上所有像素。選中以后執(zhí)行選擇>修改>收縮命令。這步操作有點(diǎn)麻煩。我們所要的字母外邊框?qū)挾茸詈檬呛蜆?shù)、云的線條寬度差不多的。收縮選區(qū)的時(shí)候最好看著樹(shù)的線條寬度。我收縮了10像素，感覺(jué)線條挺統(tǒng)一的。

　　步驟 17

　　用選擇工具(m)在畫(huà)布上點(diǎn)右鍵選建立工作路徑，容差為1.5像素。

|||

　　步驟18

　　到現(xiàn)在為止，我們用創(chuàng)建樹(shù)時(shí)相同的技術(shù)對(duì)字母外框進(jìn)行了一點(diǎn)調(diào)整。現(xiàn)在要做一點(diǎn)不同的操作。點(diǎn)直接選擇工具(a)刪除新建工作路徑上類(lèi)似于洞的圖形。你根據(jù)需要可以留一點(diǎn)，但是那些很小的一定要?jiǎng)h除。

　　步驟 19

　　執(zhí)行圖層>新建填充圖層>純色命令把工作路徑填上顏色。

|||

　　步驟 20

　　用鋼筆工具描字母的背景，然后把原字母外框顏色改為發(fā)白的橙色，新描的背景色用黑紫色。這會(huì)產(chǎn)生一個(gè)很獨(dú)特的效果，他門(mén)兩者正好相補(bǔ)。鋼筆描的時(shí)候可以故意錯(cuò)點(diǎn)位，效果隨意一點(diǎn)。

　　步驟 21

　　對(duì)每個(gè)字母都做相同的操作，每個(gè)字母邊線的寬度都應(yīng)該調(diào)節(jié)成跟樹(shù)和云差不多的寬度。

|||

　　步驟 22

　　這一步用到了好玩的 bittbox網(wǎng)站的免費(fèi)筆刷。下載地址：watercolor, watercolor ii和 grungy watercolor。記著你大體上的布局，開(kāi)始刷水彩的背景吧。

　　使用筆刷時(shí)的小提示

　　不著急，別畫(huà)的一團(tuán)糟。

　　每個(gè)水彩塊占一個(gè)圖層。

　　全部畫(huà)完以后檢查每個(gè)圖層，看看上面的水彩塊是不是存在，實(shí)際上這是很有必要的的(通過(guò)顯示/隱藏圖層來(lái)判斷)。你可能注意到有些水彩塊是看不到的，因?yàn)樵搱D層上有有顏色更深的塊存在。可以試著改變一下基礎(chǔ)色不變的顏色，效果要和諧(添加圖層樣式：顏色覆蓋)。

　　太多的顏色塊會(huì)顯得亂，而太少的話(huà)會(huì)讓畫(huà)面單調(diào)不充實(shí)。所以多嘗試一下選感覺(jué)最好的。

　　顏色平衡是非常重要的，避免把很多顏色塊用一模一樣的顏色。通過(guò)對(duì)比選用不同層次的顏色。

　　同時(shí)要限制你的顏色總數(shù)。畫(huà)幾個(gè)小的矢量圖形在畫(huà)布合適位置作為顏色樣本隨時(shí)選用。筆刷在用的時(shí)候也分不出在上還是在下，因?yàn)樗耐该鞫仁亲兓摹?/p>

　　畫(huà)新水彩塊的時(shí)候，可以先在畫(huà)布中心畫(huà)。然后再放在你想要的位置。移動(dòng)的時(shí)候，最好打開(kāi)自由變換模式(ctrl +t)，就算你不需要對(duì)它進(jìn)行縮放，也可以看到它的邊界。

　　更多的筆刷效果將會(huì)帶來(lái)更多的動(dòng)感，你要自己決定你的作品需要多少。

　　注意長(zhǎng)的顏色塊末端擺的位置，必要時(shí)可以翻轉(zhuǎn)一下。

　　腦海中要時(shí)刻有大體的布局概念，不要亂了分寸。

　　對(duì)字母傾斜一下，可以做動(dòng)態(tài)的效果。看我的布局有點(diǎn)向左側(cè)傾斜，這些元素就像升起來(lái)一樣。

　　筆刷效果應(yīng)該像是隨意的，無(wú)意識(shí)繪制的效果，但是它的位置和構(gòu)圖都應(yīng)該是經(jīng)過(guò)思量的。每個(gè)元素放在那都應(yīng)該有它存在的理由，否則刪除掉。

　　步驟 23

　　添加更多的黑紫色塊然后開(kāi)始添加橙色塊。

|||

　　步驟 24

　　繼續(xù)添加橙色也可以加點(diǎn)深一點(diǎn)的橙色筆觸：c6592e。

　　步驟 25

　　現(xiàn)在制作潑濺的效果。筆刷包在bittbox站 splatters下載。做這些字母上的墨水潑到畫(huà)布的樣子。還要給這些潑濺效果制作層次感，先在一個(gè)圖層上制作一般的潑濺效果，復(fù)制它填充上更深的顏色，改變其透明度(可以多做幾次)。再把第一個(gè)潑濺效果放大。看下圖的墨滴具有不同的顏色和透明度，分出了層次。