photoshop網(wǎng)頁(yè)應(yīng)用教程:制作色彩豐富的網(wǎng)頁(yè)

作者甜筒　  出處:UCD博客


所需素材： 煙葉   pixelated  藍(lán)色矩形  

先看下效果吧！




第1步：創(chuàng)建一個(gè)新的photoshop文件（按Ctrl + N ）大小為1200px，750px 。然后背景顏色選擇漸變工具（ G ）從＃792700到＃000000從頂部向底部的文件。





第2步：創(chuàng)建一個(gè)新層，選擇畫(huà)筆工具（B組），選擇一個(gè)軟刷直徑300px和添加一些顏色您布局。我用紅色，橙色和藍(lán)色命名此層"color"。





第3步：添
加一個(gè)紋理的背景，下載煙葉（在本教程上方所需素材）點(diǎn)擊這里下載。右鍵單擊該層，并選擇轉(zhuǎn)換為智能對(duì)象。然后進(jìn)入過(guò)濾器“藝術(shù)”膠片顆粒和使用的設(shè)置以
下的形象，然后進(jìn)入過(guò)濾器“ Pixelate ”馬賽克，并再次使用設(shè)置以下設(shè)置混合模式為這層差異，不透明度為30 ％
，并將其命名為"texture"







,                                            
第4步：創(chuàng)建一個(gè)黑色的背景，創(chuàng)建一個(gè)新層，選擇圓角矩形工具（ ü ） ，設(shè)置半徑為3像素，并創(chuàng)建一個(gè)圓形黑色矩形。然后雙擊在此層，打開(kāi)圖層樣式窗口的設(shè)置和使用的下列圖像陰影。設(shè)置這一層不透明為70 ％ ，并將其命名為"black shape"





步驟5：使用組編制織您層按住Ctrl鍵并選擇所有圖層您創(chuàng)建到現(xiàn)在，然后將它們組合（或Control + G ） 。名稱(chēng)為"background."




第6步：創(chuàng)建更多的組。創(chuàng)建一個(gè)新組，并將其命名為"home" 。  然后創(chuàng)建另一個(gè)組，并將其命名為"logo" 。







第7步：添加一個(gè)標(biāo)志和口號(hào)創(chuàng)建一個(gè)新的層內(nèi)的“標(biāo)識(shí)”組。然后選擇文字工具（T）和寫(xiě)的名稱(chēng)布局使用顏色＃f4f4f4 。雙擊該層，打開(kāi)圖層樣式窗口的設(shè)置和使用的下列形象。然后創(chuàng)建一個(gè)新層和寫(xiě)標(biāo)語(yǔ)用的顏色＃eeeeee 。








,                                            
第8步：“注
冊(cè)”和“登錄”按鈕現(xiàn)在我們要建立兩個(gè)按鈕在右上角。創(chuàng)建一個(gè)新組并將其命名為“Sign up | Login”。然后選擇圓角矩形工具（ u
）和創(chuàng)建一個(gè)圓角矩形。雙擊形成的層，打開(kāi)圖層樣式窗口的設(shè)置和使用的下列形象。設(shè)置前景顏色為白色，使用文字工具（ T ）的輸入 “Sign up
| Login”的按鈕。設(shè)置不透明的文字層至75 ％ 。








第9步：創(chuàng)建一個(gè)新組并將其命名為“Navigation” 。創(chuàng)建一個(gè)新層，選擇單列選框工具，然后單擊您的文件后，創(chuàng)建一個(gè)高度1px 。填補(bǔ)這一選擇顏色＃ 406f94 。設(shè)置這一層不透明的40 ％ ，并將其命名為“Line” 。