在這個(gè)photoshop平面設(shè)計(jì)教程里，你將會(huì)學(xué)到如何做一些簡(jiǎn)單的輔助線(xiàn)來(lái)幫助我們更直觀的把握透視的正確與否，做出合適的選區(qū)等。還將告訴你如何制作爆炸式的拼貼效果，并運(yùn)用它來(lái)做出視覺(jué)沖擊力強(qiáng)的作品。

原文地址：http://pskungfu.info/2009/10/design-a-notebook-advert/

最終效果圖：

筆記本廣告最終效果圖

第一步新建一個(gè)文檔。然后把早準(zhǔn)備好的筆記本圖片拉進(jìn)文檔。新建一層，并命名為 “laptop”,
 
第二步在cs2版本以上，就有很多做這種飛濺式效果的濾鏡了。不過(guò)這里我們不利用那些濾鏡，自己動(dòng)手，豐衣足食。用你喜歡的選取工具把筆記本的屏幕選取出來(lái)，做好選區(qū)，復(fù)制（ctrl+c），新建一個(gè)文檔，粘貼（ctrl+v），把剛才選好的屏幕拷貝過(guò)來(lái)，然后進(jìn)入圖像—圖像大小，把尺寸改成原來(lái)的雙倍大小，這樣我們得到一個(gè)比原來(lái)屏幕大一倍的屏幕，然后在把這個(gè)大屏幕拉進(jìn)最開(kāi)始的工作文檔里。
放到文檔里的時(shí)候，我們需要把這個(gè)大屏幕放到合適的位置，以便看上去符合透視原理。至少近大遠(yuǎn)小，我們都清楚。
（ps真功夫有話(huà)：感覺(jué)作者這樣有點(diǎn)繁瑣了，不過(guò)看得出作者對(duì)每個(gè)步驟都要求比較精確，是我們的話(huà)就直接在原圖片拉大屏幕了）
 
第三步現(xiàn)在，我們需要做一些透視輔助線(xiàn)（反思下自己有考慮這些技巧么），選擇直線(xiàn)工具，線(xiàn)條顏色選亮一點(diǎn)的，把大屏幕的每個(gè)角和原來(lái)筆記本的四個(gè)角連接起來(lái)，最后匯集到一點(diǎn)。如圖
 

|||

第四步現(xiàn)在，我們?cè)偬砑訋讐K屏幕，復(fù)制大屏幕，進(jìn)入編輯—自由變換（ctrl+t），接著你會(huì)在菜單欄上看到這么一行選項(xiàng)（如下圖），通過(guò)改變其數(shù)值，你可以精確的調(diào)整屏幕的大小，作者是100%–90%各一張吧。
 
接著，把調(diào)整好的幾個(gè)屏幕放到透視正確的地方，不知道放哪？對(duì)了，輔助線(xiàn)就在那等你呢。不過(guò)記得把新添的這幾個(gè)屏幕圖層放在最大的屏幕圖層和原始屏幕圖層的中間。繼續(xù)添加其他大小的屏幕，方法如上。這次作者用的大小是80%，70%，60%（當(dāng)然，這是相對(duì)最大的那個(gè)屏幕才是這個(gè)值。）注意各個(gè)屏幕的位置哈！
 
第五步：ok,我們繼續(xù)新建一層，并命名為“photo 1”。把我們想要處理的照片拉進(jìn)來(lái)。接著我們繼續(xù)做輔助線(xiàn)進(jìn)入視圖—顯示–網(wǎng)格.ok，我們?cè)侔裵hoto 1用自由變換工具使它能對(duì)準(zhǔn)好網(wǎng)格線(xiàn)，這里作者把圖片寬用了8個(gè)網(wǎng)格，高用了6個(gè)網(wǎng)格。
 
第六步
這步的關(guān)鍵是做出選取，然后刪掉選取里的內(nèi)容就ok，其實(shí)很簡(jiǎn)單，只是個(gè)人很少用到，而且不好表達(dá)（主要是我文底太差，勿怪勿怪，哈哈）。好了，我們繼續(xù)。復(fù)制圖層”photo 1”, 使用選取工具（m）–選擇單列選取工具，在圖的中間位置（中間在哪里？網(wǎng)格線(xiàn)不是告訴你了），垂直方向做個(gè)1px選區(qū)，按del刪了，同理使用單行選取工具在圖中間的水平方向做個(gè)選區(qū)，del之。接著你就看到如下的效果了（注：如果嫌做的選區(qū)太小，可以在你做好選區(qū)的時(shí)候進(jìn)入選擇—修改—擴(kuò)展—輸入你想要的數(shù)值來(lái)改變選區(qū)大小
 

|||

第七步：
這步我們要把上面弄好的圖片貼到屏幕上去，當(dāng)然，每層屏幕貼一張?，F(xiàn)在把原始屏幕搞定，其他復(fù)制的屏幕們隱藏起來(lái)擱一邊，除了最原始的那個(gè)小屏幕。為了方便貼上去，降低一下不透明度差不多在57%就ok，接著進(jìn)入編輯—變換—曲扭。把照片的四個(gè)角對(duì)準(zhǔn)屏幕的四個(gè)角安上去就ok了。接著就重復(fù)這些步驟，把其他屏幕也貼上墻紙啦！墻紙是需要有變化的，該怎么切割你自己看著辦，方法和第六步一樣。
作者的如下：
 
第八步：繼續(xù)重復(fù)上面的步驟，借助網(wǎng)格線(xiàn)，我們可以做出1×1,1/2×1/2,1/4×1/4等各種比列切好的圖片，再貼到屏幕上。
 

|||

第九步：看下現(xiàn)在的效果，把復(fù)制的屏幕那些層都隱藏起來(lái)，圖片層都顯示。

 
第十步：下面這些步驟將告訴你怎么把普通效果變的有吸引力ok,現(xiàn)在到了很耗時(shí)間的一個(gè)步驟了。那就是刪去掉不要的格子，增加點(diǎn)視覺(jué)效果。這里作者是隔一個(gè)刪，使用魔術(shù)棒工具，寬容度，把不需要的格子選中，刪除。剛開(kāi)始那幾層大的屏幕還好說(shuō)，到后面越來(lái)越小的格子就需要時(shí)間了哈，考驗(yàn)?zāi)隳托牡臅r(shí)候到了

|||

第十二步：給每一個(gè)圖片加上陰影效果，使整體看上去更有立體感。怎么加？在那些照片的圖層隨便選則一層。點(diǎn)擊—圖層樣式—陰影，作者具體設(shè)置如下：

第十四步：到這里基本算是ok了，現(xiàn)在我們添加一個(gè)背景。作者使用白色到淺灰色漸變作為背景。(當(dāng)然，各種顏色隨便你自己搭配，但至少要看上去舒服才行哈。)如下圖

|||

第十五步：作者找了一張金屬質(zhì)感的圖片，降低不透明度到20%左右疊在背景圖層上面，看上去痕痕劃劃的挺好玩的。

第十六步：下面作者有老有才的添加了幾條富有藝術(shù)感的曲線(xiàn)，這效果木似挺不錯(cuò)，而且簡(jiǎn)單。先設(shè)置筆刷，顏色白，大小1px，干嘛用？過(guò)會(huì)就知道。設(shè)置好了就選擇鋼筆工具（p），對(duì)了，畫(huà)曲線(xiàn)去。跟著作者畫(huà)好了路徑，單擊鼠標(biāo)右鍵，出現(xiàn)菜單，選擇描邊路徑。工具里選擇畫(huà)筆（剛才我們?cè)O(shè)置好的），不用勾選模擬壓力（模擬壓力的效果就是使描邊線(xiàn)條的開(kāi)頭和末端由粗變細(xì)，你自己可以試試。很多時(shí)候做光線(xiàn)效果會(huì)勾選這個(gè)。）如果感覺(jué)畫(huà)出來(lái)的線(xiàn)太淡了，多復(fù)制幾層。

ok，完成了！把背景層放在最下面那層就ok了。看看效果吧!

如果你哪里不懂的歡迎隨時(shí)留言哈！不過(guò)基本的工具要先自己掌握來(lái)的，不然解釋起來(lái)會(huì)很吃了，那樣你學(xué)的也會(huì)比較慢。教程沒(méi)好壞，只有合適不合適。