Photoshop創(chuàng)建Grungy風(fēng)格滑板海報教程

Photos?hop創(chuàng)建G?rungy風(fēng)?格滑板海報教?程最終效果圖

圖00

第一步

1.新建1100?×800的文檔?，將皺褶紙張素?材粘貼到畫布?中。

圖01

2.將紙張的不透?明度調(diào)至50?%。在紙張上添加?蒙版，按自己的感覺?用黑色筆刷，虛化紙張的邊?緣和陰影部分?，令紙張融入到?白色背景中。效果如圖02?所示。

圖02

3.導(dǎo)入Bitt?box水彩畫?筆，調(diào)低不透明度?，在紙張的皺褶?處涂抹。

圖03

第二步

1.將滑板運動場?斜道圖片粘貼?到文檔。

圖04

2.將斜道移到畫?布的左下方，然后添加蒙版?。選黑色筆刷，對著斜道的邊?緣刷。效果如圖05?。

圖05

3.添加色階調(diào)整?圖層和色彩平?衡調(diào)整圖層。

提示：創(chuàng)建色階圖層?和色彩平衡圖?層時應(yīng)添加剪?切蒙版，這樣才能只對?特定的部分有?調(diào)整效果，而對其他部分?沒有影響。按Ctrl選?擇調(diào)整的圖層?，再創(chuàng)建調(diào)整圖?層。

色階的參數(shù)調(diào)?整：40/1.13/223

色彩平衡的參?數(shù)調(diào)整：高光：-6/0/+9，中間調(diào)：-1/+1/+18，暗調(diào)：-13/0/+13

圖07

調(diào)整的效果如?圖8所示。

圖08

4.重復(fù)以上三步?，將斜道擺放在?適當(dāng)?shù)奈恢茫妹砂婧凸P?刷慢慢調(diào)整。

2添加圓形滑?道背景

第三步

1.將圓形滑道圖?片粘貼到文檔?，命名為圓形滑?道。然后將它移動?到圖09的位?置。

圖09

2.在這里，作者為了設(shè)計?出邋遢的效果?，在圓形滑道圖?層創(chuàng)建蒙版，然后用畫筆抹?去大部分的圖?案，在整體構(gòu)圖上?只留下部分圓?弧。圖案的層次感?需要硬度和手?法的多次嘗試?。

圖10

3.對圓形滑道圖?層添加色階調(diào)?整圖層和色彩?平衡調(diào)整圖層?。調(diào)整參數(shù)如圖?11。

色階的參數(shù)調(diào)?整：62/0.88/238

色彩平衡的參?數(shù)調(diào)整：高光：-6/-1/+5，中間調(diào)：-13/+6/+9，暗調(diào)：-2/0/+9

圖11

調(diào)整的效果如?圖12所示。

圖12

第四步

1.將滑板樓梯圖?片粘貼到文檔?。然后將滑板樓?梯移動到滑板?斜道的左邊，位置如圖13?所示。

圖13

2.位置擺放好后?，在滑板斜道圖?層添加蒙版，用筆刷涂抹樓?梯的邊緣。

圖14

3添加滑板者?和滑板樓梯

3.同樣對滑板斜?道圖層添加色?階調(diào)整圖層和?色彩平衡調(diào)整?圖層。調(diào)整參數(shù)如圖?15。

色階的參數(shù)調(diào)?整：15/0.95/252

色彩平衡的參?數(shù)調(diào)整：高光：-9/0/+6，中間調(diào)：-32/-1/+12，暗調(diào)：+6/+11/+13

圖15

調(diào)整的效果如?圖16所示。

圖16

4.重復(fù)以上三步?，將另一滑板樓?梯放在畫布的?右邊。

圖17

第五步

1.將滑板者圖片?粘貼到文檔，然后將它大概?移動到畫布的?中央。位置如圖18?所示。

圖18

2.接著用自己最?順手的工具將?人物摳出來。這里作者使用?的是套索工具?。

3.同樣對滑板者?圖層添加色階?調(diào)整圖層和色?彩平衡調(diào)整圖?層。調(diào)整參數(shù)如圖?19。

色階的參數(shù)調(diào)?整：15/1.09/206

色彩平衡的參?數(shù)調(diào)整：高光：-8/+2/+12，中間調(diào)：-19/+12/+8，暗調(diào)：+6/+6/-4

圖19

調(diào)整的效果如?圖20所示。

圖20

4添加右側(cè)滑?板者和滑軌

第六步

1.打開skat?eronrail圖片?，將滑板者和滑?軌摳出，粘貼到畫布，將這圖層命名?為右滑板者。

圖21

2.在此圖層添加?蒙版，然后用水彩筆?刷在滑軌的兩?端不整齊地刷?。作者認(rèn)識這能?增加圖案整體?的抽象感。

圖22

3.同樣，還要對右滑板?者圖層添加色?階調(diào)整圖層和?色彩平衡調(diào)整?圖層。調(diào)整參數(shù)如圖?23。

色階的參數(shù)調(diào)?整：17/1.24/235

色彩平衡的參?數(shù)調(diào)整：高光：-22/-5/+11，中間調(diào)：-32/-1/+5，暗調(diào)：+9/-8/-11

圖23

調(diào)整的效果如?圖24所示。

圖24

第七步

1.復(fù)制右滑板者?圖層，然后選定原右?滑板者圖層，選擇濾鏡->轉(zhuǎn)換為智能濾?鏡，再選擇濾鏡->動態(tài)模糊，調(diào)整角度為1?8度，距離為100?像素。

圖25

2.看到了動態(tài)模?糊的效果，但仍缺點動感?。作者提醒這里?需要制造滑板?者要掉下滑軌?的錯覺，而不是整個圖?案都應(yīng)用模糊?。

明確想法就動?手吧。在動態(tài)模糊圖?層創(chuàng)建蒙版，抹去人物左邊?和整個滑道的?模糊效果。作者提醒要抹?去整個滑道的?模糊效果，這樣人物就感?覺是動的。

圖26

5修改滑軌并?添加支架

第八步

57/1.00/233

1.滑板者的滑動?效果出來了，但作者想滑軌?看上去色調(diào)更?暗，對比更加強(qiáng)烈?。由于只是對滑?軌進(jìn)行調(diào)整，滑板者不需改?變，如果使用前面?的方法進(jìn)行調(diào)?整，將略顯繁瑣，而且很容易漏?掉細(xì)節(jié)部分。這里作者向我?們介紹了解決?這一問題的小?技巧。

先創(chuàng)建色階調(diào)?整圖層，但是不設(shè)置剪?切蒙版，調(diào)整參數(shù)為：57/1.00/233。由于設(shè)置剪切?蒙版，整個畫布都進(jìn)?行了調(diào)整。

現(xiàn)在，選擇色階調(diào)整?圖層的剪切蒙?版，并用黑色填充?。這會將色階的?調(diào)整效果都遮?蓋掉，但只要用白色?筆刷在滑軌部?分刷幾下，調(diào)整效果就出?來了。

圖27

第九步

重復(fù)第八步的?做法，將另一個滑板?者放在畫布左?邊。效果如圖28?。

圖28

第十步

1.右邊的滑軌看?起來有點奇怪?，像在半空懸浮?。作者為了修補(bǔ)?這個問題，將滑軌支撐架?粘貼到畫布，同時提醒要處?于右滑板者圖?層下。

圖29

2.現(xiàn)在，滑軌支撐架的?角度對于滑軌?不是很適合。選擇編輯->變換->扭曲，逐步調(diào)整好支?撐架的角度，同時使用蒙版?和水彩筆畫修?整邊緣，讓架子融入到?大背景中。效果如圖30?。

圖30

3.接下來調(diào)整色?階，添加色階調(diào)整?圖層，現(xiàn)在就要看清?有沒有添加蒙?版了。調(diào)整色戒參數(shù)?：70/1.00/243。

第十一步

重復(fù)第十步，同樣為左邊的?滑軌添加支撐?架。

圖31

第十二步

新建一個圖層?，命名為水彩，將圖層放在背?景圖層和兩個?支撐架圖層的?上方和三個滑?板者圖層的下?方。在圖層上使用?藍(lán)色水彩筆刷?。

圖32

6利用畫筆添?加藍(lán)灰筆跡

第十三步

新建一個圖層?，命名為dod?ge/burn。選擇全部的水?彩筆刷蒙版，并用50%灰度填充。

改變圖層的混?合模式為疊加?。然后使用低不?透明度的水彩?筆刷和黑白蒙?版進(jìn)行修改，這樣能在不破?壞原有構(gòu)圖的?前提下，很好地增強(qiáng)畫?面的沖擊感。

下面是dod?ge/burn圖層?在正?；旌夏?式下的效果圖?。

圖33

在dodge?/burn圖層?創(chuàng)建剪切蒙版?，這樣效果只會?在有筆刷刷過?的地方才顯示?。

圖34

現(xiàn)在改變do?dge/burn圖層?的混合模式為?疊加。

圖35

選擇水彩圖層?和dodge?/burn圖層?，按Ctrl+G，將兩個圖層合?在一組。在圖層組上添?加蒙版，蒙版的操作會?直接影響到兩?個圖層上?，F(xiàn)在，用筆刷遮蔽組?合圖層的部分?圖像，令藍(lán)色的筆跡?看起來像在滑?板者和支撐架?的下面，同時融入到大?背景中。

圖36

第十四步

新建一個圖層?，命名為水彩飛?濺，確保這個新圖?層不在上一步?的圖層組合中?。

在滑板者身上?使用飛濺筆刷?，以增強(qiáng)他們的?運動感和爆發(fā)?力。

圖37

第十五步

然后需要再增?加一個滑板斜?梯。粘貼滑板斜梯?的頂端部分在?圖案的前方，將這個新圖層?移到圖層組合?上。

圖38

7添加圖層修?改整體效果

應(yīng)用圖層蒙版?和遮蔽掉斜梯?的底部和邊緣?，同時也讓他們?順利過渡到周?邊的背景中。

圖39

再調(diào)整一下這?個圖層的色階?跟色彩平衡。

色階調(diào)整為：79/0.87/201。

色彩平衡調(diào)整?為：高光：-12/0/-2，中間調(diào)：-1/-49/+13，暗調(diào)：-15/-6/-4。

圖40

圖41

第十六步

創(chuàng)建一個新圖?層在最頂端，命名為dod?ge/burn2，跟之前的do?dge/burn同樣?調(diào)整好，然后以50%灰度填充畫布?并改變其混合?方式為疊加。

用低硬度和低?不透明度的黑?筆刷去遮蔽圖?案，和用低硬度和?低不透明度的?白筆刷去顯示?圖案。

下面就是do?dge/burn2圖?層的正常混合?模式和疊加混?合模式。

圖42

圖43

第十七步

最后對整個畫?布添加兩個調(diào)?整圖層。

曲線調(diào)整設(shè)置?為：曲線可見，圖層不透明度?為：50%。

漸變映射設(shè)置?為：圖層不透明度?為：15%，圖層混合模式?為：正常。

圖44

第十八步

最終效果圖：

圖45

進(jìn)入論壇交作?業(yè)和素材：25個你可能?不知道的ph?otosho?p快捷鍵在閱讀本教程?前建議您安裝?Photos?hopCS5，并且打開軟件?隨時驗證，還要在Pho?toshop?首選項中啟用?OpenGL?繪圖。因為本文的許?多快捷鍵僅僅?存在于pho?toshop?CS5。我相信很多設(shè)?計師都有過目?不忘的好記性?，但看完再用，終究比不上邊?學(xué)邊用，同時還可以驗?證本文中的快?捷鍵是否正確?。因為能力有限?，錯誤之處還請?大家指點，可隨意轉(zhuǎn)載,無需注明出處?.以下為翻譯正?文：

本文中列舉了?很多有用的P?hotosh?op快捷鍵，使用這些快捷?鍵可以加快您?的工作流程。有一部分快捷?鍵人們很少注?意到，而另一些則被?普遍使用，還有一部分僅?僅存在于Ph?otosho?pcs5中。希望本文能對?大家有所助益?。

1.拖動以縮放

按下Ctrl?+空格+鼠標(biāo)單擊并向?左或向右拖動?(Mac下為C?ommand?+空格+鼠標(biāo)單擊)，向左為縮小，向右為放大，這是一個僅使?用一個快捷鍵?就能快速對圖?像進(jìn)行縮放的?方法(該快捷鍵僅存?在于Phot?oshopCS5，并且要啟用O?penGL繪?圖。)

注：在其他的Ph?otosho?p版本中，按下空格鍵+Ctrl鍵的?同時在畫布上?框選一個區(qū)域?，就可以快速放?大該區(qū)域。

2.HUD拾色器?

Alt+Shift+右擊(window?s)或者Cont?rol+Option?+Comman?d+單擊(Mac)，一個漂亮的帶?有色輪的拾色?器就出現(xiàn)了。(該快捷鍵同樣?僅存在于Ph?otosho?pCS5，并且要啟用O?penGL繪?圖。使用選區(qū)工具?時該快捷鍵不?可用)

注：你可以在編輯?-首選項-常規(guī)對話框中?設(shè)置HUD拾?色器的樣式。

3.鳥瞰視圖

在把一張圖片?放大了很多倍?在當(dāng)前屏幕只?能看到圖片的?局部的情況下?，按下H鍵并單?擊畫布可以快?速的把圖片按?屏幕大小縮放?以預(yù)覽全局，此時不要放開?鼠標(biāo)，在手形光標(biāo)的?下面有一個黑?色小框，將光標(biāo)移動到?你要在圖片上?放大的區(qū)域，此時放開鼠標(biāo)?，當(dāng)前區(qū)域就被?放大了。當(dāng)您在調(diào)整一?幅較大的圖片?中的很小的局?部時，該快捷鍵會非?常有用。

注：該快捷鍵同樣?僅存在于Ph?otosho?pCS5中，也需要啟用O?penGL繪圖。

4.畫筆尺寸和硬?度

Ctrl+Alt+鼠標(biāo)右擊(Window?s)或者Cont?rol+Option?+單擊(Mac)，此時不要放開?鼠標(biāo)，向左/右拖動鼠標(biāo)以?縮小/放大畫筆尺寸?，向上/下拖動鼠標(biāo)以?增加/減少畫筆的硬?度。在Photo?shopCS5中尺寸?和硬度均可以?調(diào)整，而在CS4中?只能調(diào)整畫筆?的尺寸

注：該快捷鍵同樣?需要啟用Op?enGL繪圖。

5.畫直線

在拖動鼠標(biāo)的?同時按下Sh?ift鍵，適用于絕大部?分的繪圖工具?。(這個很多人都?知道的)

6.移動工具

按下Ctrl?鍵可以將當(dāng)前?工具臨時切換?為移動工具。

7.同時縮放多個?窗口的內(nèi)容

按Shift?+Ctrl+空格(Mac環(huán)境下?為Shift?+Comman?d+空格)的同時單擊鼠?標(biāo)以同時放大?多個窗口的內(nèi)?容，按下Shif?t+Alt+空格(Mac環(huán)境下?為shift?+Option?+空格)的同時單擊鼠?標(biāo)則是同時縮?小多個窗口的?內(nèi)容。

8.隱藏調(diào)板

按下Tab鍵?可以快速隱藏?界面中的所有?調(diào)板，再次按下Ta?b鍵就可重新?顯示調(diào)板。

9.在MiniB?ridge調(diào)?板中全屏瀏覽?文件

先點擊窗口-擴(kuò)展功能-MiniBr?idge，打開Mini?Bridge?調(diào)板，選擇一個包含?很多圖片的文?件夾，在調(diào)板中點選?一個文檔，按下空格的同?時按方向鍵，就可以在全屏?的視圖下瀏覽?文檔，該快捷鍵同樣?適用于Bri?dge。

注：在Photo?shopCS5中集成?了MiniB?ridge調(diào)?板。

10.文本尺寸

選取要修改尺?寸的文本，按下Ctrl?+Shift+,(或.)以減小(或增大)文本尺寸。Mac下的快?捷鍵為Com?mand+Shift+,(或.)

11.將文本設(shè)置為?全部大寫

選取文本，按下ctrl?+shift+K。Mac下的快?捷鍵為Com?mand+Shift+K。

12.字間距

使用文本工具?將光標(biāo)放置在?要調(diào)整間距的?文字之間，按下Alt+左右方向鍵(Mac下為O?ption+左右方向鍵)以減小或增大?文字的間距，每按一次將使?文字間距減小?或增大20個?數(shù)值。而按下Ctr?l+Alt+左右方向鍵則?可以使文字間?距減小或增大?100個數(shù)值?。(Mac下為C?ommand?+Option?+左右方向鍵)

13.行間距

選取多行文本?，按下Alt+上下方向鍵以?減小或增大行?距。Mac下的快?捷鍵為Opt?ion+上下方向鍵。

14.基線偏移

選取文本，按下Shif?t+Alt+上下方向鍵以?上下移動基線?，Mac下的快?捷鍵為Shi?ft+Option?+上下方向鍵。

15.填充

Ctrl+Backsp?ace(Mac下為C?ommand?+Backsp?ace)填充背景色，Alt+Backsp?ace(Mac下為O?ption+Backsp?ace)填充前景色。Shife+Backsp?ace，打開填充選項?。該快捷鍵同樣?可以快速修改?文本對象或矢?量形狀的顏色?。

16.重置對話框

打開一個對話?框后，譬如曲線或色?階，按下Alt鍵?(Mac下為O?ption)的同時點擊取?消按鈕就可以?重置對話框，比之于點擊取?消之后重新打?開對話框可以?大大節(jié)省時間?和精力。

17.不透明度和填?充

點選一個圖層?之后按下數(shù)字?鍵可以快速調(diào)?整被選圖層的?透明度，Shift+數(shù)字鍵可以快?速調(diào)整圖層的?填充不透明度?，譬如1代表1?0%，25代表25?%，(在Photo?shopcs5中還可?以同時調(diào)整多?個圖層的不透?明度和填充不?透明度)若您選擇的是?繪畫工具，按下數(shù)字鍵或?Shift+數(shù)字鍵則可以?調(diào)整繪圖工具?的不透明度或?填充不透明度?。

18.反相

Ctrl+I(Mac下為C?ommand?+I)可以快速地給?圖層或蒙版執(zhí)?行反相操作。

19.切換繪圖工具?的光標(biāo)模式

按下Caps?Lock鍵可?以快速地將當(dāng)?前繪圖工具的?光標(biāo)模式在正?常/精確模式之間?切換。

20.