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." 。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!