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

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

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

Step 12第12步

From the option bar, you need to select the best Anti-aliasing methods to prevent blurry appearance.從選項吧,你需要選擇最好的反走樣方法,以防止出現(xiàn)模糊。

I can't say which one is better because it's different for each font type and size.我不能說哪一個更好,因為它的每一個不同的字體和大小。

You need to experiment with each setting.你需要與每個設(shè)置實驗。

As you can see below, in this case None works best.正如你可以看到下面這個案例中沒有,效果最好。

Step 13: Equalizer第13步:均衡器

Draw a rounded rectangle.畫一個圓角矩形。

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

Step 14第14步

Create new layer.創(chuàng)建新的圖層。

Paint white using using a soft brush (Hardness: 0%) with low Opacity (10-15%).用白色油漆用軟刷(硬度:0%),低透明度(10-15%)。

This will add a subtle light source under the equalizer.這將添加一個微妙的均衡下的光源。

Step 15第15步

Select line tool and set its weight to 1 px.選擇行工具,并設(shè)置它的重量為1像素。

Step 16第16步

Draw a white line inside the equalizer.畫一條白線內(nèi)的均衡。

Activate zoom tool and click few times to zoom in to maximum view.縮放工具,點(diǎn)擊激活幾次放大到最大的看法。

We need to make sure that the line is not blurry.我們必須確保該行是不能模糊。

As you can see below, there is blurry spot on both ends of the line.正如你可以看到下面,有一種是在線路的兩端模糊的斑點(diǎn)。

Step 17步驟17

There are two ways to fix this blurriness.有兩種方法來解決這個問題模糊不清。

First we need to round up the size.首先,我們需要總結(jié)的大小。

Second is fixing its placement.二是確定其位置。

Hit Command/Ctrl + T to transform the line.點(diǎn)擊命令/按Ctrl + T來轉(zhuǎn)換線。

Right click Width (W) box and select pixels.右擊寬度(W)框,并選擇像素。

Do the same to Height (H) box.難道要高度(H)框相同。

Step 18第18步

We need to round up the size.我們需要總結(jié)的大小。

In this case we will need to change 11,97 px to 12 px.在這種情況下,我們需要改變11,97像素到12像素。

Step 19步驟19

Next, let's fix its position.接下來,讓我們來解決它的立場。

Select line shape with tool Path.選擇與刀具路徑線的形狀。

Hit arrow key to fix its position.點(diǎn)擊箭頭鍵確定自己的立場。

Do this until we have no blurry spot.這樣做,直到我們沒有模糊的斑點(diǎn)。

Step 20步驟20

Duplicate and transform the line by pressing Command/Ctrl + Alt + T. Move it upward 3 px..復(fù)制和轉(zhuǎn)換按Command /按Ctrl + Alt + 3噸它向上移動像素行..

Step 21步驟21

Repeat the duplication and transformation process by pressing Command/Ctrl + Shift + Alt + T.重復(fù)按命令/按Ctrl + Shift + Alt鍵+噸重復(fù)和轉(zhuǎn)化過程

Step 22步驟22

Select all lines, duplicate it and place it to the right.選擇所有行,它并把它復(fù)制到正確的。

Remember to keep it sharp.記住要保持鋒利。

Make sure the position is perfect to avoid blurry spot.確保完美的位置,以避免模糊的斑點(diǎn)。

Step 23步驟23

Repeat this process until we have some columns of 1 px height lines.重復(fù)此過程,直到我們有1像素高線一些列。

Step 24步驟24

Delete some of the lines until we get a natural shape of equalizer.刪除某些行,直到我們得到一個均衡的自然形狀。

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

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

Step 25: Song Info步驟25:歌曲信息

Add artist name, song title, and total track time on top of the equalizer.新增藝術(shù)家姓名,歌曲標(biāo)題,并在均衡器上的總的賽道時間。

I'm using font type LCD Phone here.我使用的字體類型液晶電話在這里。

The Anti-aliased Method used here is None.反走樣方法用在這里是無。

Step 2626步

Below, you can see the result with each Anti-aliased method.下面,你可以看到每個反走樣方法的結(jié)果。

Step 27步驟27

Add more text for more info on top of the LCD.添加更多的LCD頂端更多信息文本。

Use Pencil tool to draw a small black 1 px line separating each text.使用鉛筆工具繪制一個小的黑色1像素分隔每一行文字。

Erase both ends of these lines.擦除兩端這些行。

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

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

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

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