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

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








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






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





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






步驟24：選擇行工具（ u ）和創(chuàng)建一條垂直線，使用顏色＃123036 。命名 “l(fā)ine”，使用移動(dòng)工具V）。






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








,                                            步驟26：添加一個(gè)紋理的藍(lán)色矩形 �！皃ixelated藍(lán)色矩形”的形象，移動(dòng)到您的文件，并把這個(gè)圖像上方的藍(lán)色矩形。設(shè)置這一層不透明為55 ％ ，并將其命名為“bg3”




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






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






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






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