PS技巧:利用Photoshop制作專業(yè)網(wǎng)頁設(shè)計模板(2)
第七步:去掉那些不需要的背景紋理第六步中的圖放到PS中后,我們發(fā)現(xiàn)尺寸要大于特色區(qū)域圖層,所以我們需要遮蓋住不需要的區(qū)域,按住Ctrl鍵并單擊特色背景區(qū)域圖層,PS會自動選擇特色區(qū)域選區(qū)。
激活紋理圖片圖層,單擊下方的添加蒙版按鈕,這樣就可以遮蓋住那些不需要的區(qū)域了,然后更改該圖層的不透明度為35%。
圖11
選擇橫排文字工具,在特色區(qū)域中添加文字,并確保標題文字和主體文字在不同的圖層中。
頭部的文字可以使用#FFFFFF顏色,主體部分則可以使用#2A2A2A。
圖12
我們可以為標題文字添加一些樣式:
圖13
圖14
圖15
第八步:創(chuàng)建“About us”圓角按鈕選擇圓角矩形工具,設(shè)置半徑為5px,文字的顏色設(shè)置為#404040,其它樣式可以自己設(shè)置,在這里我們還同時要用到素材圖片中的circleright32,Ctrl+T設(shè)置好大小并移到合適的位置。
圖16
給圓角按鈕圖層添加一下樣式,使其顯得更加有趣:
圖17
圖18
圖19
第九步:添加一個漂亮的裝飾元素這個區(qū)域的最后一步是添加一個漂亮的裝飾元素以增加網(wǎng)頁整體的感覺,使用下載的Floral筆刷,設(shè)置前景色為#343434,在合適位置畫完之后,將圖層的混合模式改為強光;
圖20
第十步:創(chuàng)建幻燈片區(qū)域下面開始幻燈片區(qū)域的制作,選擇圓角矩形工具,設(shè)置半徑為5px,前景色為#FFFFFF,在網(wǎng)頁布局的右側(cè)添加一個合適尺寸的圓角矩形選區(qū)。
圖21
改變此圖層的填充為15%,是背景圖案可以透過此圖層顯示出來,然后添加陰影,如圖:
圖22
第十一步:在幻燈片區(qū)域添加圖片我們需要在此添加一個縮略圖,選擇一個合適的圖片并添加到幻燈片區(qū)域上方。在圖層面板中選擇縮略圖圖層,按住Ctrl點擊此圖層,PS自動選擇縮略圖選區(qū),執(zhí)行選擇-改變-收縮命令,設(shè)置參數(shù)10px,然后執(zhí)行選擇-反選(Ctrl+Shift+I),最后執(zhí)行編輯-清除。
圖23
第十二步:添加對于顯示
本文地址:http://irelandcustomcontracting.com/tutorial/ps1284.html