當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

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

來源:未知 作者:空來風(fēng) 學(xué)習(xí):795人次




步驟31:創(chuàng)建一個新層,并將其命名為“l(fā)eft arrow”。選擇橢圓工具( u )和建立一個循環(huán)使用的顏色#406f94 。雙擊該層,打開圖層樣式窗口的設(shè)置。








,                                            
步驟32:建立一個箭頭的藍色圓圈內(nèi)。創(chuàng)建一個新層,并使用自定義形狀工具(ü)創(chuàng)建一個白色箭頭。雙擊該層,打開圖層樣式窗口的設(shè)置和使用的下列形象。設(shè)置不透明的這層到50 % 。






步驟33:重復(fù)前兩個步驟,創(chuàng)建另一個箭頭右側(cè)的藍色矩形。






步驟34:創(chuàng)建一個精選圖片






步驟35:圖片添加了一層陰影






步驟36:添加一些文字





選擇文字工具( T )和添加一些文字。
步驟37:建立一個白色長方形 ,創(chuàng)建一個新組并將其命名為“content!眲(chuàng)建另一個組內(nèi)本,并將其命名為"shadows."。選擇矩形工具( u )和創(chuàng)建一個矩形,我沒有使用白色。命名此層"white shape"并設(shè)置其不透明度為90 % 。








,                                            
步驟38:按
Ctrl單擊載體面具"white shape"層以選中它。 T然后創(chuàng)建一個新層,選擇漸變工具( G
)#8f8f8f透明。設(shè)置這一層不透明的50 % ,并將其命名為"top shadow."然后選擇移動工具( V
)和打擊的向下箭頭,然后按鍵盤上的2px。







步驟39:創(chuàng)
建一個新層,使用矩形選框工具。然后使用漸變工具( g )#8f8f8f透明。這一層和使用黑色大軟刷掩蓋中心的陰影。設(shè)置不透明的這一層的30 %
,并將其命名為"vertical shadow 1."復(fù)制這一層(按Ctrl + j )條,命名新層"vertical shadow 2"
,將它移到權(quán)利。






步驟40:創(chuàng)建一個水平線 ,選擇行工具( u )和建立一個橫向1PX和顏色#aebcc7命名此層"line."






步驟41:添加一些文字,選擇文字工具( T )寫內(nèi)容。







,                                            步驟42:創(chuàng)建一個的頁腳 。創(chuàng)建一個新組,并將其命名為"footer" 。創(chuàng)建一個新的層,選擇矩形選框工具( M )擇。然后設(shè)置前景顏色為# 555555 ,選擇一個大軟刷。設(shè)置這一層不透明的50 % ,并將其命名為"gradient." 。

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

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

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

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