ps 制作網(wǎng)頁首頁

《ps 制作網(wǎng)頁首頁》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、最終效果圖看一看我們最終的效果圖吧，看上去還不錯:>在photoshop中新建文檔1在photoshop中新建一個文檔，尺寸為980px×830px.2如果你在photoshop軟件界面中，沒有看到在畫布的周圍看到標(biāo)尺，點擊試圖>標(biāo)尺（Ctrl+R）可以顯示標(biāo)尺。3在畫布的四個邊，分別拖拽四條標(biāo)尺線。在這四條線中間，我們將繪制我們的頁面。創(chuàng)建頁面背景4選擇圓角矩形工具(U),設(shè)置圓角半徑為10px，設(shè)置顏色為#E0E0AC,在你的整個畫布中拖拽一個圓角矩形。設(shè)置這個圖層名字為“bg“.5好了，現(xiàn)在，我們將擴大我們的畫布。首先，縮小我們的畫

2、布視圖(ctrl+-)，然后點擊圖像>畫布尺寸(Alt+Ctrl+C)，然后根據(jù)下面的截圖設(shè)置參數(shù)。6再一次選擇圖像>畫布尺寸(Alt+Ctrl+C)，然后根據(jù)下面的截圖設(shè)置參數(shù)。7在圖層面板中點擊背景圖層，設(shè)置前景色為#6C821C，用油漆桶(G)填充背景。8在背景圖層上面創(chuàng)建一個新圖層，命名為”gradient“.9在工具欄中選擇漸變工具(G)，從畫布頭部開始向下拖拽出一個從白色到黑色的漸變。10設(shè)置該圖層渲染模式為顏色加深,然后設(shè)置圖層圖層透明度為10%.11保持該圖層仍為選定狀態(tài)，點擊圖層>圖層蒙版>顯示全部。12在工具欄中選擇漸

3、變工具(G)，從你的畫布底部向上拖拽一個從黑色到透明的漸變?？梢愿鶕?jù)下面的截圖進行拖拽。13右鍵單擊圖層“gradient”,在彈出的菜單中，設(shè)定轉(zhuǎn)換為智能元件。14點擊濾鏡>雜點>添加雜點。根據(jù)下圖設(shè)置參數(shù)。15新建一個圖層，用畫筆工具(B)，選擇白色的軟筆刷，直徑為300px,在你的畫布頂端，畫一條白線。16設(shè)置這個圖層的透明度為50%,并命名該圖層為“highlight“.17在bg圖層上面，新建圖層。點擊鍵盤上的D，設(shè)置成默認的前景背景色（前景白色，背景黑色），然后點擊濾鏡>渲染>云彩。18在圖層面板上，右鍵單擊該圖層，在彈出的菜

4、單中，設(shè)置該圖層為智能元件。命名該圖層為“texture“.19保持圖層”texture”仍未選定狀態(tài)。點擊濾鏡>模糊>動感模糊，根據(jù)截圖進行參數(shù)設(shè)定。20然后點擊濾鏡>銳化>銳化。21給圖層”texture”添加蒙版，點擊圖層>圖層蒙版>顯示全部。22選擇漸變工具(G),從畫布底部到頂端，拖拽一個黑色到透明的漸變。23設(shè)置圖層渲染模式為疊加，設(shè)置圖層透明度為40%。設(shè)置主要內(nèi)容的背景24雙擊“bg”圖層，打開圖層屬性面板。根據(jù)下圖進行外發(fā)光的參數(shù)設(shè)定。25新建圖層，設(shè)置前景色為#2A2009,選擇畫筆工具(B),用一個比較硬的直徑為25

5、px的畫筆，在你的圓角矩形的下邊緣，畫一個圓。26在圖層面板中右鍵單擊該圖層，設(shè)置圖層為智能對象。27然后點擊編輯>自由變化(Ctrl+T),根據(jù)下圖進行變形。28點擊濾鏡>模糊>高斯模糊，按照下圖進行參數(shù)設(shè)定。29設(shè)置該圖層的渲染模式為整片疊底，透明度為30%。最后，給該圖層命名為”shadow“,把這個圖層放在bg圖層的上面。創(chuàng)建導(dǎo)航條30好了，接下來，我們來做導(dǎo)航條。選擇矩形工具(U)，設(shè)置顏色為#D8D8A5.31在你之前創(chuàng)建的那個大的圓角矩形中，創(chuàng)建一個高為60px的矩形，命名該圖層為“navigationbar“.Note:打

6、開信息面板(F8),這樣你就會看到你所創(chuàng)建的矩形的高度。32雙擊圖層“navigationbar”打開圖層屬性面板，按照下圖設(shè)置參數(shù)。33你可能注意到，我們剛剛創(chuàng)建的矩形并沒有圓角。為了糾正這個小的細節(jié)，我們應(yīng)用剪輯蒙板（clippingmask）這個概念。右鍵點擊圖層“navigationbar”layer,選擇創(chuàng)建剪切蒙版。34好了，我們接下來要做的是，創(chuàng)建當(dāng)前頁的按鈕。選擇矩形工具(U),設(shè)置顏色為#A6A43F,創(chuàng)建一個高為60px的矩形。35設(shè)置透明度為15%，命名該圖層為”currentpagebutton“.36然后向下設(shè)置

7、剪輯蒙板。37選擇剛剛的四個圖層，點中ctrl然后分別在圖層面板中點擊這四個圖層，然后點擊Ctrl+G群組。設(shè)置這個群組名為“bg&navigationbar“.38選擇文字工具(T)，給導(dǎo)航添加一些文字，用顏色#A6A43F.在這次的設(shè)計中，我用的字體是AvenirLT65Medium。如果你沒有這個字體，可以用你喜歡的字體代替。給“特色項目”部分，自定義一個圖案39好了，我們要創(chuàng)建一個圖案。新建一個文檔，文件>新建(Ctrl+N),尺寸是5px*5px,透明背景。40設(shè)置前景色為#2A2009,在工具欄中選擇鉛筆工具(B)，在你的畫布

8、中間，畫一個1px大小的方框。41點擊編輯>定義圖案。命名這個圖案，然后點擊ok。好了，你可以關(guān)閉這個文件了。創(chuàng)建“特色項目”區(qū)域42選擇矩形工具(U),創(chuàng)建一個高為330px的任何顏色的矩形