PS教程:設(shè)計BoxedArt網(wǎng)站模板教程(2)

下一步，對每個郵票使用自由變換工具(CTRL+T)，將他們調(diào)整不同的朝向給他們一種拍打的效果。這一步后，我們切換到文字工具，每個分類使用一種手寫字體。這里我用到的是 “Loved by the King”.最后我們的導(dǎo)航條就完成了。

第七步開始頂部介紹區(qū)域

首先創(chuàng)建一個新層(CTRL+SHIFT+N)在工具欄中選擇矩形選框工具。現(xiàn)在在頁面上創(chuàng)建一個矩形使用白色來填充。這塊區(qū)域?qū)⒈挥脕懋?dāng)做一張白紙。

好了我們已經(jīng)完成白色紙張部分了，在白紙圖層下面創(chuàng)建另一個新層然后填充黑色，這個將用來創(chuàng)建陰影。完成之后我們轉(zhuǎn)到濾鏡>模糊>高斯模糊半徑設(shè)置為6.5.之后把這個層的不透明度設(shè)置為20%，向右移動5pixels。然后添加主要的文字，這樣的話短語”Simplify and Save”會被用到，位于頂部紙張部分。

現(xiàn)在你看在白紙下面有陰影，但是紙張并不是粘在哪里的。所以我們在紙張的一邊來添加一些膠帶，如先前的教程一樣，我們在另一邊添加了一個郵戳來保持畫面的平衡。在你的紙張完成后，我們選擇一些手寫字體來添加一些文字�？雌饋淼脑捪胧掳�裹上的信息。最后加亮這些圖層按下CTRL+T自由變換工具，角度設(shè)為-1.5 degrees 使它看起來更加具有真實效果。

第八步 貼上一個便簽

我們使用了一個便簽設(shè)計來分開空間來介紹我們網(wǎng)站的優(yōu)惠注冊信息。這個在整個盒子主題上運用的非常好，設(shè)計這樣一個便簽效果需要創(chuàng)建另一個新的圖層，選擇鋼筆工具使用鋼筆工具來繪制一個方形區(qū)域如下圖所示

在你完成之后轉(zhuǎn)到路徑面板，按住CTRL鍵點擊路徑圖層，接著你會看到方形區(qū)域已經(jīng)載入選區(qū)了，之后使用前景色#fffb78背景色#fffcd1從左上角到右下角繪制漸變。你將會看到這樣一個熟悉的黃色便簽紙形狀。

第九步

現(xiàn)在我們需要再一次添加陰影效果，給這個便簽紙?zhí)砑由疃�，所以�?chuàng)建另一個新層(CTRL+SHIFT+N)。過程如之前給白紙創(chuàng)建陰影差不多，但是是將不透明度設(shè)置為40%。你需要變換一下陰影來創(chuàng)建一種傾斜效果，輕微的拖動一下如圖所示。

第十步給便簽紙?zhí)砑觾?nèi)容

下一步，給便簽紙?zhí)砑右恍┪淖�，在我們的便簽紙中我們要添加一些加入等按鈕，為了創(chuàng)建相似的按鈕首先我們繪制一個盒子使用綠色填充，然后添加一個蒙板選擇一種grudge 筆刷。下一步遮住按鈕的一些部分看起來就像破損一樣，這就是我們創(chuàng)建郵戳的效果。

這個是最后呈現(xiàn)的效果。

BODY 部分

第十一步卷曲膠帶紙標(biāo)題

我們轉(zhuǎn)到body的內(nèi)容部分。在這個設(shè)計中，我們要創(chuàng)建2欄和一些圖標(biāo)。我們使用的是已經(jīng)有的圖標(biāo)因為我們喜歡這種手寫效果包括Handy Icons and Sketchy icons.。在body開始的區(qū)域我們要一個標(biāo)題欄用來羅列我們網(wǎng)站的內(nèi)容。我們把這個header部分做成卷曲效果。至于說到透明膠帶我們使用的來自bigstockphoto 的圖片。為了增加膠帶的深度，我使用矩形選框工具來選擇膠帶的一些區(qū)域。在選中選區(qū)后我們復(fù)制這個圖層按下ALT+SHIFT向左邊移動，然后在向右移動一下使它看起來顯得長一些。為了避免縫隙的產(chǎn)生我們使用圖章工具里拼合這些縫隙。可以查看下面的效果。

第十二步預(yù)覽下的小圖標(biāo)

BoxedArt網(wǎng)站的內(nèi)容區(qū)域包含很多網(wǎng)頁模板的預(yù)覽。創(chuàng)建這種效果我們需要選中矩形選框工具創(chuàng)建一個小的矩形，然后使用顏色#123057填充。 這些按鈕我們只要復(fù)制第一個圖層，移動它到第一個圖層下面，設(shè)置這個圖層的透明度這里我們設(shè)置的為40%。重復(fù)同樣的步驟處理余下的按鈕。

第十三步使用針腳線來分開這些區(qū)域

為了分開這些主要的分類，為了創(chuàng)建這些虛線我們可以文字工具角度為90，把這些圖層的樣式設(shè)置為疊加，為了使這些顯眼點我們只需復(fù)制這個圖層2-3次至于顏色多深取決于你自己。