优艾设计网

Photoshop设计一个时尚MP3播放器教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:richie
最终效果: 以下的教程翻译不一定100%正确,但意思没有错,相信会ps都应该都开的懂,都能做的更好!

Step 4949步

Add song titles.新增歌曲冠军。

Set one of the songs to bold to indicate it as an active song.设置的歌曲之一,大胆地表明它作为一个积极的歌曲。

Photoshop设计一个时尚MP3播放器教程

Step 5050步

Add Drop Shadow to give it inset effect.添加阴影,给它插图效果。

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Step 5151步

Draw a rounded rectangle.画一个圆角矩形。

Add following layer styles and set its Fill layer to 0%.新增下列图层样式,并设置其填充层为0%。

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Step 5252步

Create a plus sign made from two overlapping line shape.创建一个加号线由两个重叠的形状制成。

Set Fill to 0% and add these layer styles.设置填充为0%,并添加这些图层样式。

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Step 5353步

Repeat the process to create other buttons.重复该过程,创建其他按钮。

Photoshop设计一个时尚MP3播放器教程

Step 54: Left Window – Player Settings步骤54:左边的窗口 - 玩家设定

Duplicate playlist basic shape.重复播放的基本形状。

Hit Command/Ctrl + T, right click and choose Flip Horizontal.点击命令/按Ctrl + T,右击并选择水平翻转。

Move it to left side.将其移动到左侧。

Photoshop设计一个时尚MP3播放器教程

Step 5555步

Draw a thin rounded rectangle and add these layer styles.薄画一个圆角矩形,并添加这些图层样式。

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Step 5656步

Create a small rounded rectangle for the slider.创建一个滑块的小圆角矩形。

Add following layer styles.新增以下图层样式。

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Photoshop设计一个时尚MP3播放器教程

Step 5757步

These layer styles is still not enough to get a convincing 3D appearance.这些图层样式是不够的,还得到一个令人信服的三维外观。

Using pencil tool, we need to add some 1 px line detail on the slider.使用铅笔工具,我们需要添加一些1像素的滑块上线的细节。

See picture below for reference.见下面的图片,以供参考。

Photoshop设计一个时尚MP3播放器教程

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消