photoshop網頁應用教程:制作色彩豐富的網頁

步驟20：現在我們要創建一個背景下的積極菜單頁面以區別于其他人。選擇矩形工具（ u ）和創建一個矩形。將此層放在文字層的下方，雙擊這一層的設置。然后將其命名為“active menu” ，并設置其不透明度為50 ％ 。








,                                            
步驟21：創建一個新組，將它命名為“search”并把它放在 “navigation”組的上面。選擇圓角矩形工具（ ü ） ，設置半徑為3 PX和創造一個圓角矩形，我沒有使用顏色＃ 104f59 。 命名此層“text field” ，并設置其不透明度為80 ％ 。






步驟22：選擇矩形工具（ u ）和創建一個矩形，我做到了。將此矩形在右側的搜索欄。雙擊這一層的設置。然后右鍵單擊在此層，并選擇創建裁剪面具。





步驟23：在上按鈕寫“search” 使用白色。設置不透明為75 ％ 。






步驟24：選擇行工具（ u ）和創建一條垂直線，使用顏色＃123036 。命名 “line”，使用移動工具V）。






步驟25：新建組，并將其命名為“Showcase”。創建另一個組將其命名為“background”。選擇矩形工具（u）使用顏色＃219aad。長方形983像素寬，273像素高。并將其命名為“bg4” 可以點擊這里下載 （矩形）








,                                            步驟26：添加一個紋理的藍色矩形 ?！皃ixelated藍色矩形”的形象，移動到您的文件，并把這個圖像上方的藍色矩形。設置這一層不透明為55 ％ ，并將其命名為“bg3”




步驟27：添加一個藍色矩形按Ctrl -點擊“ bg4 ”層，選中矢量遮罩，然后再創建一個新層，選擇漸變工具（ G ）＃56b8e5到透明從底部到頂部。然后按Ctrl + D鍵取消。






步驟28：創建一個新層，選擇矩形選框工具（ M ）。選擇漸變工具（ G ）＃0f2b42到＃2a607f，從底部到頂部。然后按Ctrl+ D鍵取消。命名此層“bg1”.






步驟29：創建一個新組，并將其命名為“sign up button”按鈕。選擇圓角矩形工具（ü） ，設置半徑為2像素，并創建一個圓角矩形想我做到了。雙擊該層，打開圖層樣式窗口的設置。然后選擇文字工具（T）寫 “sign up”使用白色。






步驟30：重復上一步創建另一個按鈕，但是這一次寫的話“learn more”在您的按鈕。然后創建一個新層，選擇自定義形狀工具（u）和建立一個白箭像我做到了。