欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局

ps真功夫   發(fā)布時(shí)間:2010-01-07 16:39:09   作者:佚名   我要評(píng)論
此教程將教您如何用photoshop創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局。在此我也非常感謝來自ThemeForest原布局設(shè)計(jì)者Kuntiz,在他的允許下才能完成這篇教程。
以下是創(chuàng)建過程中所需的圖片:
綠葉 

photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
像素化的藍(lán)色矩形
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第一步:新建文檔 1200px * 750px,選擇漸變工具(G),對(duì)背景圖層從上(#792700)到下(#000000)新建漸變,如下圖所示:
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第二步:添加色彩 新建圖層,選擇筆刷工具(B),選取直徑為300px的軟筆刷,分別以紅(#be4816)、黃(#c0952c)、藍(lán)(#33afc6)三種顏色涂在背景層的上半部,圖層命名為“顏色”。如下圖所示:
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第三步:添加紋理打開一開始保存好的“綠葉”圖片,使用移動(dòng)工具(V),移動(dòng)到當(dāng)前文檔內(nèi),右擊新圖層,選擇“轉(zhuǎn)換為智能對(duì)象”,然后轉(zhuǎn)到菜單:濾鏡>藝術(shù)化>膠片顆粒,濾鏡>像素化>馬賽克,參照下圖的設(shè)置,最后設(shè)置此圖層的“混合模式”為“差值”,透明度為30%,圖層命名為:“紋理”。如下圖所示:
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第四步:為內(nèi)容添加黑色背景新建圖層,選擇圓角矩形工具(U),設(shè)置3px的半徑,創(chuàng)建一個(gè)黑色圓角矩形框,雙擊圖層,彈出“圖層樣式”對(duì)話框,如下圖一樣設(shè)置“陰影”,最后設(shè)置此圖層的透明度為70%,圖層命名為:“黑色形態(tài)”,如下圖所示:
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第五步:添加組管理圖層按住ctrl鍵,選擇目前為止創(chuàng)建的所有圖層,進(jìn)行圖層編組(ctrl+g),組命名為:背景,如下圖所示。
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第六步:創(chuàng)建更多組 新建組(圖層>新建>圖層編組),組命名為:主頁(yè),在“主頁(yè)”內(nèi)再增加一個(gè)組,組命名為“logo”,如圖所示:
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第七步:創(chuàng)建logo和網(wǎng)站副標(biāo)題在“logo”的組里新建圖層,選取字體工具(T),書寫您的網(wǎng)站名字,顏色為#f4f4f4。雙擊圖層,按照下圖設(shè)置圖層樣式,“斜面與浮雕”,“外發(fā)光”,“漸變疊加”。然后再新建圖層編輯網(wǎng)站副標(biāo)題,顏色為#eeeeee。
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第八步:創(chuàng)建”注冊(cè)“,”登錄“按鈕現(xiàn)在將在布局的右上角創(chuàng)建兩個(gè)按鈕。
新建組,命名為“注冊(cè)|登錄”;選取圓角矩形工具(U),像我一樣創(chuàng)建圓角矩形;雙擊形狀圖層,彈出圖層樣式對(duì)話框,如下圖進(jìn)行設(shè)置。
設(shè)置前景顏色為白色,用字體工具(T)在按鈕上編寫“注冊(cè)|登錄”,設(shè)置字體層的透明度為75%。
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第九步:創(chuàng)建1px高的藍(lán)色水平線新建組,命名為“導(dǎo)航”,新建圖層,選取單行選框工具并在文檔新建1px高的選區(qū),以顏色#406f94進(jìn)行填充,使用矩形選框工具(M)刪除超出黑色矩形的選區(qū),設(shè)置透明度為40%,層命名為“橫線”。
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局
第十步:給導(dǎo)航添加漸變選取矩形選框工具(M)創(chuàng)建選區(qū)(提示:你可以使用標(biāo)尺),然后使用漸變工具(G)從底部到頭部畫一個(gè)從#35423e到透明的漸變。按Ctrl+D撤消選區(qū),右擊圖層,轉(zhuǎn)換為“智能對(duì)象”,然后再轉(zhuǎn)到菜單 濾鏡>雜色>添加雜色,并按照下圖進(jìn)行設(shè)置。給此圖層命名為“漸變”,且在漸變與橫線之間留出1px的距離。
photoshop 創(chuàng)建清新、色彩生動(dòng)的網(wǎng)頁(yè)布局

相關(guān)文章

最新評(píng)論