ps7.0 中文版教程-網(wǎng)頁常用小按鈕

來源:bbs.16xx8.com整理 作者:Ci222 學(xué)習(xí):418人次

網(wǎng)頁常用小按鈕二

  第三款:塑料按鈕(一)

  1.不用說,第一步仍是新建RGB模式的白色背景文檔。復(fù)位并翻轉(zhuǎn)色板,以白色為前景色,新建一層,選擇圓角矩形工具,點(diǎn)擊工具欄上的下拉三角,打開幾何選項(xiàng),在圓角矩形選項(xiàng)中設(shè)置矩形為固定大小,98×28像素,然后將圓角半徑設(shè)為3像素,選擇消除鋸齒。設(shè)置好之后,用鼠標(biāo)在背景上點(diǎn)擊,圓角矩形會(huì)以線框的形式顯示,在松開鼠標(biāo)之前拖動(dòng),定位矩形的位置,如圖16所示。這時(shí)雖然看不到圖像的變化,但在圖層面板上我們已經(jīng)注意到圖層1的改變。

  2.雙擊圖層,進(jìn)入圖層樣式,為了使我們的按紐清晰的顯示出來,我們先來選擇描邊樣式,設(shè)置描邊大小為1像素,位置在內(nèi)部,混合模式為正常,不透明度為62%,描邊顏色為RGB(58,58,58);

  我們用漸變疊加樣式為按紐添加基本的漸變:混合模式為正常,不透明度設(shè)為15%,漸變?yōu)槟J(rèn)的黑色到白色,不過要選擇反向,將黑色色標(biāo)的位置從0%移動(dòng)到40%處,樣式為線性,選擇與圖層對齊,角度為90度,縮放為60%,如圖1所示。

ps7.0中文版教程-網(wǎng)頁常用小按鈕二

圖1

  3.下面,我們?yōu)榘醇~添加立體感,選擇斜面和浮雕,樣式選擇內(nèi)斜面,方法為平滑,深度為1000%,方向?yàn)樯希笮?像素,軟化為3像素,陰影角度為-84度,取消全局光,高度為34度,保持高光和暗調(diào)的數(shù)值不變,僅將暗調(diào)的不透明度降低為16%。

ps7.0中文版教程-網(wǎng)頁常用小按鈕二
圖2

  4.接下來的這一步是至關(guān)重要的,我們要在這一步中為按紐添加光澤效果。這次我們用一個(gè)比較特別的方法——內(nèi)陰影樣式。在樣式列表中選擇內(nèi)陰影,將混合模式設(shè)為正常,顏色為白色,不透明度為65%,取消全局光后將角度設(shè)為-90度,距離為13像素,阻塞和大小均為0,然后,修改等高線,點(diǎn)擊默認(rèn)的等高線,拖動(dòng)映射曲線兩端的端點(diǎn),將它們自上而下改變位置,如圖19a,這樣,我們的視覺就會(huì)將白色的內(nèi)陰影作為反光。

ps7.0中文版教程-網(wǎng)頁常用小按鈕二
圖3

  5.最后,我們?yōu)榘醇~添加一點(diǎn)陰影效果:選擇投影,將投影的不透明度設(shè)為14%,取消全局光,將角度設(shè)為-134度,距離和大小為1像素,擴(kuò)展為0%,品質(zhì)保持默認(rèn)狀態(tài)不變。

 6.剩下的工作,就是寫上文字了。這里,我依然對文字層用了一點(diǎn)投影效果來修飾它。

ps7.0中文版教程-網(wǎng)頁常用小按鈕二
圖4
由Ci222編寫,轉(zhuǎn)裁請保留作者

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
檸檬夢女孩2018-06-29 08:17
太喜歡了
背影還不錯(cuò)2017-05-28 11:50
馬克看!
骨頭收集狂2017-05-28 09:30
謝謝分享
煙雨海棠3162017-05-28 10:39
好!來看看~

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

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