當(dāng)前位置:首頁>ps實例教程>ps制作實例>制作實例>教程內(nèi)容

ps設(shè)計一個時尚MP3播放器教程(4)

來源:Iconfans 作者:richie 學(xué)習(xí):1062人次

Step 3939步

Add layer mask.添加圖層蒙版。

Select half of the shape and fill it with black.選擇形狀的一半,填充黑色。

Step 3939步

Currently, layer styles are applied to the layer mask and they are adding a rounded shape on right end of the shape.目前,圖層樣式應(yīng)用到圖層蒙版,他們增加了對右端的形狀圓的形狀。

To remove this, activate Layer Mask Hides Effects from layer style dialog box.要刪除此,激活圖層蒙版隱藏的圖層樣式對話框中的影響。

Step 4040步

You can see the difference below.你可以看到下面的差別。

The effect from layer style is now hidden by the layer mask.從圖層樣式效果現(xiàn)在隱藏圖層蒙版。

Step 41第41步

Create bigger rounded rectangle behind the time indicator for its background.創(chuàng)建更大的圓角矩形背景后面的時間指標(biāo)。

Add this layer style.添加此圖層樣式。

Step 42步驟42

Create new layer on top of the time indicator background.創(chuàng)建對當(dāng)時背景上的新指標(biāo)層。

Paint some highlight and shadow.畫一些突出和陰影。

You can see the progress I made below.你可以看到我做了以下的進(jìn)展。

Step 43: Right Window – Playlist步驟43:右邊的窗口 - 播放列表

Create a rounded rectangle and place it on right side behind the main shape.創(chuàng)建一個圓角矩形,將其放在右側(cè)背后的主要形狀。

Add following layer styles.新增以下圖層樣式。

Step 4444步

Create new layer on top of the rounded rectangle shape.對創(chuàng)建圓角矩形形狀的頂部新層。

Paint some highlight and shadows.畫一些突出和陰影。

Step 4545步

Create some triangles and place them on right side of the shape.創(chuàng)建一些三角形和放置在右側(cè)它們的形狀。

Add following layer style.新增以下圖層樣式。

Step 4646步

Use pencil tool to draw two 1 px line, black and white.使用鉛筆工具繪制兩個1像素線,黑色和白色。

Set its opacity to 10%.設(shè)置其不透明度為10%。

Step 4747步

Add layer mask and paint some parts of the line with black.添加圖層蒙版和油漆的部分用黑線。

Below you can see the mask used here.下面你可以看到這里使用的面具。

Step 4848步

Draw a rounded rectangle and add following layer styles.畫一個圓角矩形,并添加圖層樣式如下。

Set Fill layer to 0%.填充層設(shè)置為0%。

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

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

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

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