您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> ps教程 >> 瀏覽設(shè)計教程

PS技巧:利用Photoshop制作專業(yè)網(wǎng)頁設(shè)計模板(2)

圖層的上方;

  第七步:去掉那些不需要的背景紋理第六步中的圖放到PS中后,我們發(fā)現(xiàn)尺寸要大于特色區(qū)域圖層,所以我們需要遮蓋住不需要的區(qū)域,按住Ctrl鍵并單擊特色背景區(qū)域圖層,PS會自動選擇特色區(qū)域選區(qū)。

  激活紋理圖片圖層,單擊下方的添加蒙版按鈕,這樣就可以遮蓋住那些不需要的區(qū)域了,然后更改該圖層的不透明度為35%。

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖11

  選擇橫排文字工具,在特色區(qū)域中添加文字,并確保標題文字和主體文字在不同的圖層中。

  頭部的文字可以使用#FFFFFF顏色,主體部分則可以使用#2A2A2A。

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖12

  我們可以為標題文字添加一些樣式:

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖13

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖14

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖15

  第八步:創(chuàng)建“About us”圓角按鈕選擇圓角矩形工具,設(shè)置半徑為5px,文字的顏色設(shè)置為#404040,其它樣式可以自己設(shè)置,在這里我們還同時要用到素材圖片中的circleright32,Ctrl+T設(shè)置好大小并移到合適的位置。

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖16

 

給圓角按鈕圖層添加一下樣式,使其顯得更加有趣:

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖17

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖18

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖19

  第九步:添加一個漂亮的裝飾元素這個區(qū)域的最后一步是添加一個漂亮的裝飾元素以增加網(wǎng)頁整體的感覺,使用下載的Floral筆刷,設(shè)置前景色為#343434,在合適位置畫完之后,將圖層的混合模式改為強光;

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖20

  第十步:創(chuàng)建幻燈片區(qū)域下面開始幻燈片區(qū)域的制作,選擇圓角矩形工具,設(shè)置半徑為5px,前景色為#FFFFFF,在網(wǎng)頁布局的右側(cè)添加一個合適尺寸的圓角矩形選區(qū)。

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖21

  改變此圖層的填充為15%,是背景圖案可以透過此圖層顯示出來,然后添加陰影,如圖:

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖22

  第十一步:在幻燈片區(qū)域添加圖片我們需要在此添加一個縮略圖,選擇一個合適的圖片并添加到幻燈片區(qū)域上方。在圖層面板中選擇縮略圖圖層,按住Ctrl點擊此圖層,PS自動選擇縮略圖選區(qū),執(zhí)行選擇-改變-收縮命令,設(shè)置參數(shù)10px,然后執(zhí)行選擇-反選(Ctrl+Shift+I),最后執(zhí)行編輯-清除。

PS教程:PS制作專業(yè)優(yōu)雅的網(wǎng)頁設(shè)計模板
圖23

  第十二步:添加對于顯示

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ps1284.html
PS技巧簡單制作虛線效果
photoshop設(shè)計精美登錄注冊頁面
圖趣網(wǎng)微信
建議反饋
×