photoshop網(wǎng)頁(yè)應(yīng)用教程:制作色彩豐富的網(wǎng)頁(yè)(4)
來(lái)源:未知
作者:空來(lái)風(fēng)
學(xué)習(xí):795人次
步驟31:創(chuàng)建一個(gè)新層,并將其命名為“l(fā)eft arrow”。選擇橢圓工具( u )和建立一個(gè)循環(huán)使用的顏色#406f94 。雙擊該層,打開圖層樣式窗口的設(shè)置。
,
步驟32:建立一個(gè)箭頭的藍(lán)色圓圈內(nèi)。創(chuàng)建一個(gè)新層,并使用自定義形狀工具(ü)創(chuàng)建一個(gè)白色箭頭。雙擊該層,打開圖層樣式窗口的設(shè)置和使用的下列形象。設(shè)置不透明的這層到50 % 。
步驟33:重復(fù)前兩個(gè)步驟,創(chuàng)建另一個(gè)箭頭右側(cè)的藍(lán)色矩形。
步驟34:創(chuàng)建一個(gè)精選圖片
步驟35:圖片添加了一層陰影
步驟36:添加一些文字
選擇文字工具( T )和添加一些文字。
步驟37:建立一個(gè)白色長(zhǎng)方形 ,創(chuàng)建一個(gè)新組并將其命名為“content。”創(chuàng)建另一個(gè)組內(nèi)本,并將其命名為"shadows."。選擇矩形工具( u )和創(chuàng)建一個(gè)矩形,我沒(méi)有使用白色。命名此層"white shape"并設(shè)置其不透明度為90 % 。
,
步驟38:按
Ctrl單擊載體面具"white shape"層以選中它。 T然后創(chuàng)建一個(gè)新層,選擇漸變工具( G
)#8f8f8f透明。設(shè)置這一層不透明的50 % ,并將其命名為"top shadow."然后選擇移動(dòng)工具( V
)和打擊的向下箭頭,然后按鍵盤上的2px。
步驟39:創(chuàng)
建一個(gè)新層,使用矩形選框工具。然后使用漸變工具( g )#8f8f8f透明。這一層和使用黑色大軟刷掩蓋中心的陰影。設(shè)置不透明的這一層的30 %
,并將其命名為"vertical shadow 1."復(fù)制這一層(按Ctrl + j )條,命名新層"vertical shadow 2"
,將它移到權(quán)利。
步驟40:創(chuàng)建一個(gè)水平線 ,選擇行工具( u )和建立一個(gè)橫向1PX和顏色#aebcc7命名此層"line."
步驟41:添加一些文字,選擇文字工具( T )寫內(nèi)容。
, 步驟42:創(chuàng)建一個(gè)的頁(yè)腳 。創(chuàng)建一個(gè)新組,并將其命名為"footer" 。創(chuàng)建一個(gè)新的層,選擇矩形選框工具( M )擇。然后設(shè)置前景顏色為# 555555 ,選擇一個(gè)大軟刷。設(shè)置這一層不透明的50 % ,并將其命名為"gradient." 。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 空來(lái)風(fēng)
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁(yè)設(shè)計(jì)的分割布局秘密
- ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁(yè)模板教程
- ps網(wǎng)頁(yè)布局設(shè)計(jì)實(shí)例教程
- ps黑色風(fēng)格網(wǎng)頁(yè)模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板
推薦教程
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!