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

photoshop制作一款漂亮的網(wǎng)頁模板(2)

來源:未知 作者:ps狂想曲 學習:148人次





同樣在右側(cè)添加迷你導航,


添加導航,




在導航右側(cè)畫一個漸變圓角矩形,添加圖層樣式漸變疊加、描邊,系數(shù)如下:






,在矩形內(nèi)添加必要說明, 運用 圓角矩形工具 在導航下方拉一個圓角矩形,寬高如圖: 拖入素材,對素材層執(zhí)行 剪切蒙版 ,如下圖: 再次用圓角矩形工具,圖片的下面再拉出一個圓角矩形,并運用錨點工具將右側(cè)的兩個圓




在矩形內(nèi)添加必要說明,


運用圓角矩形工具在導航下方拉一個圓角矩形,寬高如圖:


拖入素材,對素材層執(zhí)行剪切蒙版,如下圖:


再次用圓角矩形工具,圖片的下面再拉出一個圓角矩形,并運用錨點工具將右側(cè)的兩個圓角改為直角,圖層樣式 漸變疊加。






再下一層再拉出一個圓角矩形,同樣添加漸變疊加。




得到如下效果:


接下來用軟的筆刷工具為上下兩層加上亮角,顏色為# 0099CC


加上文字和圖片,并且在左上角注明標題(添加外發(fā)光樣式,系數(shù)給出),右上角注明日期和另外一個logo出現(xiàn)過的五角星(筆刷工具)。






再在下面添加一個類似層,你將得到如下效果,


,繼續(xù)在畫布右側(cè),畫出兩個前面我們做過的漸變(垂直)交叉層,漸變系數(shù)給出。






得到以下效果:


添加上文字和圖片, 將以上三個圖層放如一個組中,復制組,放置在下方。 用 矩形工具 在下方做出若干個矩形圖形,交替的添加漸變樣式(垂直),漸變系數(shù)分別給出。 添加上文字和標題,所用字體(標題的外發(fā)光樣式)同上

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
海盜十二郎2011-03-10 11:25
<給力>
re80242011-03-05 02:28
很棒 就是有點復雜 支持了
sm53002010-11-10 04:35
這個是好東西。!對我有幫助,謝謝了!
strutszyj2010-11-05 03:40
怎么無圖
garry2010-10-26 11:07
哇塞。技術(shù)等級不夠- -觀摩了!~
美女樂翻天2010-10-26 04:59
有點難.
wangxiaoyu2010-10-20 10:23
<給力>
lyaoyao2010-10-18 11:28
看著不錯就是對于我來說有些難

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

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