Photoshop繪制精美的企業(yè)網(wǎng)站模板(3)

作者:佚名　  出處:Grafpedia

你好，我的朋友們。在本教程中，我將告訴您如何在短短的幾個(gè)步驟里為您的企業(yè)建立網(wǎng)頁布局，您可以使用于任何類型的業(yè)務(wù)，或再進(jìn)行小的修改也可以創(chuàng)建一個(gè)投資組合布局。如果您已經(jīng)遵循了我，我相信你可以按照自己的需要修改這一教程上的一些布局。

像往常一樣，我會(huì)創(chuàng)建一個(gè)新的文檔，尺寸：1000 x 1100像素。

我將我的前景色設(shè)置為#333333，使用油漆桶工具，然后我將填補(bǔ)這個(gè)顏色的背景色。

我會(huì)選擇矩形工具，我將創(chuàng)建一個(gè)像下面的圖像的形狀。 我將利用這個(gè)圖片來創(chuàng)建布局頭。(圖01)

先看效果圖

圖01

對于白色的形狀，我會(huì)添加下面的圖層樣式。(圖02)

圖02

在添加圖層樣式布局看起來是這樣的。(圖03)

圖03

我這一個(gè)下面創(chuàng)建一個(gè)類似的形狀，我將使用上面層的風(fēng)格，但我會(huì)取消檢查反向按鈕。(圖04)

圖04

下面是結(jié)果

圖05

我將用更多的時(shí)間用矩形工具，創(chuàng)造另一個(gè)形狀。(圖06)

圖06

對于這種形狀的，我會(huì)添加一些圖層樣式。(圖07、08、09)

圖07

圖08

圖09

請點(diǎn)擊下面的圖片，看看它的外觀。(圖10)

圖10

創(chuàng)建一個(gè)新層(按上按Ctrl + Shift + ALT鍵+ N在同一時(shí)間)。

隨著矩形選框工具我會(huì)就布局頂部選擇。(圖11)

圖11

我會(huì)選擇以下像素模式，我會(huì)按我的內(nèi)選擇鼠標(biāo)左鍵(請注意，您還需要選擇新的層)(圖12)

圖12

這是我的結(jié)果(圖13)

圖13

使用橡皮擦工具 ，我會(huì)刪除與此形成底部的細(xì)條紋的一部分。我將使用順利圓刷。這是我的結(jié)果。(圖14)

圖14

我將用更多的時(shí)間一矩形工具 ，創(chuàng)建一個(gè)形狀，我將稍后添加一些按鈕。(圖15)

圖15

我會(huì)添加一些圖層樣式(圖16、17、18、19)

圖16

圖17

圖18

圖19

下面是結(jié)果(圖20)

圖20

在布局我將在中間創(chuàng)建一個(gè)新的圓角形狀。我將使用圓角矩形工具，半徑為5或6像素。(圖21)

圖21

你可以看到這個(gè)形狀周圍較平。這一點(diǎn)用一個(gè)簡單的圖層樣式就能解決。(圖22)

圖22

我用鋼筆工具下建立這種形狀的陰影。用深色創(chuàng)造出一些形狀。請注意，您必須置于圓形層。(圖23)

圖23

然后我會(huì)按下Ctrl + E將他們合并為一單層。

用濾鏡“>模糊”高斯模糊，我將利用其在外地半徑值為10。影子看起來像下面的圖像。(圖24)

圖24

在圓形我將創(chuàng)建兩個(gè)(1像素細(xì)線中每個(gè))使用不同的顏色。我會(huì)選擇兩個(gè)圖層，我將它們合并(Ctrl + E)。然后用橡皮擦工具進(jìn)行刪除。(圖25)

圖25

在布局中我將創(chuàng)建一個(gè)矩形工具中的新形狀。(圖26)

圖26

我將添加下面的圖層樣式。(圖27、28)

圖27

圖28

這是我的結(jié)果(圖29)

圖29

這時(shí)候我會(huì)復(fù)制這層，如果您跳過這一步您將不能夠創(chuàng)建和我有同樣的效果。

當(dāng)您在您的調(diào)色板層兩層，你需要他們合并成一個(gè)層。

我之所以合并兩個(gè)層，因?yàn)槲乙孟鹌げ羷h除下面的圖像底部的一部分。請使用一個(gè)大的筆刷。(圖30)

圖30

我會(huì)添加一些文本，菜單按鈕，也有一些圖標(biāo)。請點(diǎn)擊下面的圖片我看到更好的結(jié)果。(圖31)

圖31

我會(huì)創(chuàng)建另一個(gè)矩形工具的形狀，我將置于它的文字層。(圖32)

圖32

我將用下面的圖層樣式。(圖33、34、35)

圖33

圖34

圖35

這是我的結(jié)果。(圖36)

圖36

我的最后一步是創(chuàng)建另外兩個(gè)細(xì)線(1像素)，下面箭頭的位置。(圖37)

圖37

這是我最后的結(jié)果。(圖38)

圖38

我喜歡這樣的布局類型。