企業(yè)做網(wǎng)站標(biāo)題欄的設(shè)計(jì)與制作
日期 : 2019-02-15 13:58:55
1.新建文件
啟動(dòng) Photoshop CS3,選擇“文件”一→“新建”命令,設(shè)置文件大小為1004×600(寬度×高度),分辨率為72像素/英寸(dpi),色彩模式為RGB,背景顏色為白色,文件名稱(chēng)為“綠之的首頁(yè)”。
2.創(chuàng)建圖層
單擊圖層面板右下角的創(chuàng)建新圖層按鈕。創(chuàng)建“圖層1”,雙擊“圖層1”文字,修改為“標(biāo)題背景”。當(dāng)前選中哪個(gè)圖層,單擊創(chuàng)建新圖層按鈕后,新圖層就會(huì)出現(xiàn)在當(dāng)前選中的圖層之上,可以用鼠標(biāo)拖動(dòng)圖層來(lái)改變圖層的層次順序,或按Ctrl+【鍵或Ctrl+】鍵來(lái)調(diào)整當(dāng)前圖層的順序。
3.用鋼筆工具勾畫(huà)標(biāo)題背景區(qū)域
使用工具箱中的鋼筆工具,設(shè)置屬性為路徑方式。錯(cuò)點(diǎn)連續(xù)單擊鼠標(biāo),用鋼筆工具勾勒出標(biāo)題背景的基本形狀,到最后一個(gè)節(jié)點(diǎn)時(shí)單擊第一個(gè)點(diǎn),封閉路徑。使用路徑選擇工具單擊路徑上的錨點(diǎn),然后按住鼠標(biāo)拖曳,可以對(duì)路徑進(jìn)行調(diào)整,拖動(dòng)控制柄使曲線變得圓滑。
4.填充顏色
一個(gè)網(wǎng)站不可能單一地運(yùn)用一種顏色,顯得單調(diào)、乏味;但是也不可能將多種顏色運(yùn)用到網(wǎng)站中,顯得輕浮、花哨。一個(gè)網(wǎng)站必須有一種或兩種主題色,適量搭配小部分對(duì)比色(色系)的色彩,達(dá)到諧調(diào)的效果。由于是環(huán)保網(wǎng)站,所以我們用綠色作為主色調(diào)來(lái)完成這首頁(yè)設(shè)計(jì)。
使用路徑面板將路徑作為選區(qū)載入工具按鈕,把第3步的路徑轉(zhuǎn)換為選區(qū)(或Ctrl+ Enter鍵),選擇漸變工具,設(shè)置線性漸變?yōu)樯罹G色到淡綠色的漸變,對(duì)網(wǎng)站制作標(biāo)題背景選填充背景色,作為網(wǎng)站首頁(yè)的標(biāo)題欄。
啟動(dòng) Photoshop CS3,選擇“文件”一→“新建”命令,設(shè)置文件大小為1004×600(寬度×高度),分辨率為72像素/英寸(dpi),色彩模式為RGB,背景顏色為白色,文件名稱(chēng)為“綠之的首頁(yè)”。
2.創(chuàng)建圖層
單擊圖層面板右下角的創(chuàng)建新圖層按鈕。創(chuàng)建“圖層1”,雙擊“圖層1”文字,修改為“標(biāo)題背景”。當(dāng)前選中哪個(gè)圖層,單擊創(chuàng)建新圖層按鈕后,新圖層就會(huì)出現(xiàn)在當(dāng)前選中的圖層之上,可以用鼠標(biāo)拖動(dòng)圖層來(lái)改變圖層的層次順序,或按Ctrl+【鍵或Ctrl+】鍵來(lái)調(diào)整當(dāng)前圖層的順序。
3.用鋼筆工具勾畫(huà)標(biāo)題背景區(qū)域
使用工具箱中的鋼筆工具,設(shè)置屬性為路徑方式。錯(cuò)點(diǎn)連續(xù)單擊鼠標(biāo),用鋼筆工具勾勒出標(biāo)題背景的基本形狀,到最后一個(gè)節(jié)點(diǎn)時(shí)單擊第一個(gè)點(diǎn),封閉路徑。使用路徑選擇工具單擊路徑上的錨點(diǎn),然后按住鼠標(biāo)拖曳,可以對(duì)路徑進(jìn)行調(diào)整,拖動(dòng)控制柄使曲線變得圓滑。
4.填充顏色
一個(gè)網(wǎng)站不可能單一地運(yùn)用一種顏色,顯得單調(diào)、乏味;但是也不可能將多種顏色運(yùn)用到網(wǎng)站中,顯得輕浮、花哨。一個(gè)網(wǎng)站必須有一種或兩種主題色,適量搭配小部分對(duì)比色(色系)的色彩,達(dá)到諧調(diào)的效果。由于是環(huán)保網(wǎng)站,所以我們用綠色作為主色調(diào)來(lái)完成這首頁(yè)設(shè)計(jì)。
使用路徑面板將路徑作為選區(qū)載入工具按鈕,把第3步的路徑轉(zhuǎn)換為選區(qū)(或Ctrl+ Enter鍵),選擇漸變工具,設(shè)置線性漸變?yōu)樯罹G色到淡綠色的漸變,對(duì)網(wǎng)站制作標(biāo)題背景選填充背景色,作為網(wǎng)站首頁(yè)的標(biāo)題欄。