当前位置:必发365手机版 > 生活资讯 > Photoshop绘制逼真时尚的MP3播放器,Photoshop绘制漂

Photoshop绘制逼真时尚的MP3播放器,Photoshop绘制漂

文章作者:生活资讯 上传时间:2019-09-20

bifa365.com 1学习制作令人惊叹的产品的最好方法之一就是在PS中涉及电子产品。现在,几乎每个人都会有某种样式的播放音乐的MP3。在这个教程中,我们将示范如何在ps中创建一个漂亮的,时尚的,简约的MP3,为您的Flash项目播放音频文件。

作者:活力盒子翻译 出处:Tutsplus.com

Photoshop绘制逼真时尚的MP3播放器 (载入中...) 本教程主要使用Photoshop绘制逼真时尚的MP3播放器,学习制作令人惊叹的产品的最好方法之一就是在PS中涉及电子产品。现在,几乎每个人都会有某种样式的播放音乐的MP3。在这个教程中,我们将示范如何在ps中创建一个漂亮的,时尚的,简约的MP3,为您的Flash项目播放音频文件。来源:tutsplus.com出自:活力盒子翻译最终效果

最终效果

教程细节

本教程主要使用Photoshop绘制逼真时尚的MP3播放器,学习制作令人惊叹的产品的最好方法之一就是在PS中涉及电子产品。

bifa365.com 2

bifa365.com 3

程序:Adobe Photoshop CS3难度:初学者预计完成时 间:1小时

译者:luycas

教程细节程序:Adobe Photoshop CS3难度:初学者预计完成时 间:1小时最终创建的产品图样(如下)第一步第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。

教程细节

最终创建的产品图样(如下)

来自礼仪之邦的山东85男,忠实的photoshop爱好者,插画爱好者,超级宅男,业余摄影爱好者,伟大的足球队左后卫,哈哈。千里之行,始于足下。

bifa365.com 4

程序:Adobe Photoshop CS3

第一步

bifa365.com 5原教程来自:psd.tutsplus.com 如需转载 请务必以超链接形式注明:来自活力盒 子网站以及原文出处。水平有限,翻译难免有误,请有心的朋友给予指出,以方便更多朋友阅读。

第二步用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。

难度:初学者

创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。

学习制作令人惊叹的产品的最好方法之一就是在PS中涉及电子产品。现在,几乎每个人都会有某种样式的播放音乐的MP3。在这个教程中,我们将示范如何在ps中创建一个漂亮的,时尚的,简约的MP3,为您的Flash项目播放音频文件。

bifa365.com 6

预计完成时 间:1小时

bifa365.com 7

教程细节

第三步双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#bifa365.com,E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。

最终创建的产品图样(如下)

第二步

程序:Adobe Photoshop CS3难度:初学者预计完成时 间:1小时

>>

第一步

用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。

最终创建的产品图样(如下)

第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。

bifa365.com 8

第一步

bifa365.com 9

第三步

第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加一个如下所示的渐变图层样式。

必发365手机登录易继,第二步

双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色,进而可以增加表面的发光程度。

bifa365.com 10

用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。

bifa365.com 11

第二步

bifa365.com 12

第四步

用圆角矩形工具(设置一个半径为20像素)创建一个该设备的主要元素,表现设备的形状图层(点击菜单上的第一选择)。

第三步

现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。建立参考线,通过拖动鼠标,在放置光标的位置放置参考线,这将使我们能够创造一个外围设备周围等距离斜面。

bifa365.com 13

双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。

bifa365.com 14

第三步

bifa365.com 15

第五步

双击该图层上的向量,颜色编辑器将打开。我们可以选择一个#E1E0E0的浅灰色的颜色,进而可以增加表面的发光程度。

第四步

把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。

bifa365.com 16

现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。

bifa365.com 17

第四步

bifa365.com 18

第六步

现在我们要创建一个该设备周边的一个斜面。在此之前,我们需要用PS标尺创建一个参考标准。点击这两个统治者收敛角,通过拖动鼠标,我们在放置光标的位置放置光标,这将使我们能够创造一个外围设备周围等距离斜面。

套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。

bifa365.com 19

bifa365.com 20

第五步

第七步

我们把这个图层的不透明度调为0,因为我们只是想看到一个表面上2像素的斜面。

设置2像素值以下的描边。

bifa365.com 21

bifa365.com 22

第六步

第八步

套用一个1像素的描边,在设备的内部位置要使用比设备前面更暗的颜色。在这一步,我们要创建一个代表行之间的形状和播放器的前联合差距的线。

给设备的前部添加软梯度,让设备更有凸出感。

bifa365.com 23

bifa365.com 24

第七步

第九步

设置2像素值以下的内发光。

现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度描边效果。

bifa365.com 25

bifa365.com 26

第八步

第十步

给设备的前部添加软梯度,让设备更有凸出感。

利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面是变得更暗的挤压效果。

bifa365.com 27

bifa365.com 28

第九步

第十一步

现在,我们将突出这个MP3的优势。要做到这一点,需要添加一条有挤压感有三维效果的线。然后在MP3的外表面添加2像素灰度中风效果。

现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。

bifa365.com 29

bifa365.com 30

第十步

第十二步

利用锥与浮雕风格,我们在这条线的上部区域添加光效果。现在物品看上去像是从上面打光,下面变得更暗的挤压效果。

通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。

bifa365.com 31

bifa365.com 32

第十一步

现在在这个图层上添加柔柔的,轻轻的内阴影效果,让播放器的前面更显突出。

bifa365.com 33

第十二步

通过复制和编辑前面的斜面层,我们创造更多的代表不同的控制按钮的斜面。

bifa365.com 34

第十三步

现在通过编辑形状层来创建播放器的主播放/暂停按钮。重复第一个斜面,在边界以内画一个圆形物体。然后放大10%的水平,因为我们只需要那些斜面。

bifa365.com 35

第十四步

像下面这样在步骤13中创建的形状中应用软3像素面具。

bifa365.com 36

第十五步

为了使面具隐藏对象和它的图层样式,在图层样式窗口单击选项图层蒙版隐藏效果。如果我们不选择此选项,这个面具只能隐藏形状,但是会把效果显示出来,而我们就是想要把它隐藏。

bifa365.com 37

第十六步

相同的面具也将用于其他斜面,我们可以从之前的图层屏蔽掉。用鼠标右键点击图层里面的遮罩层的图标,选择从选择减去层面膜。这将创建一个和以前相同的选择。

bifa365.com 38

第十七步

在这一步,我们将重复选择转换图层的步骤。

bifa365.com 39

第十八步

我们已经有了设置主按钮的斜面。现在我们需要给播放器创建一个显示器:黑色亚克力屏幕,在那里可以显示歌曲名字和播放时间。

bifa365.com 40

第十九步

首先,我们使用阴影来创建一个光从上面射向底部的斜面。使用图片显示配置的风格,可以使图片显得锐利和清晰,而不是黑暗和模糊。

bifa365.com 41

第二十步

现在,我们需要建立一个径向渐变。把黑色和白色两种颜色尽量靠近中心附近,那样没有这么多两色的柔软性。黑色占49%,白色占50%。

bifa365.com 42

第二十一步

取消点选该选项与层对齐。如果我们不这样做,梯度将只能从该对象的中心到边缘,我们希望梯度更大和更广泛。

bifa365.com 43

第二十二步

他出示您的镜面效果,使用两个类似于我们创建按钮那一步的斜面来做一个形状。使用一个一致行程内的黑色1像素中风。使用内部发光,2像素的大小设置为屏幕上的混合模式。

bifa365.com 44

第二十三步

现在我们已经完成了我们的MP3播放器的前面。现在我们需要添加一些显示按钮和文本的图标。

bifa365.com 45

第24步

现在,让我们在显示屏上模拟显示滚动文本。使用像素化的字体,我们需要添加将播放的翻译名称和歌曲名称。你可以使用这个免费的字体。记得把走样移出菜单上的文字工具窗口,以保持文本尖锐。

bifa365.com 46

第25步

我们用其他位图字体创建计时器,指示时间的流逝。此字体也是免费的,你可以在这里得到它。

bifa365.com 47

第26步

使用通用的显示图标和音频或视频播放器符号的字体。你可以使用这一个。一旦它被安装用来创建播放器不同的按钮,在这种情况下,播放/暂停控制(随着播放器的发展,您将需要创建两个国家的按钮时,当按钮被按下时,播放按钮变成暂停按钮,反之亦然)。

bifa365.com 48

第27步

对于这个符号,我们使用和前表面相同的颜色。用颜色选择工具,我们可以绘制文本。

bifa365.com 49

第28步

现在,我们可以包括各种不同的款式,让播放器外观看起来像浅浮雕标一样。使用内阴影下的相应值。

bifa365.com 50

第29步

用这些操作可以减轻底部斜面。

bifa365.com 51

第30步

使用柔软的宽度和坡度小的表面,让播放器看起来不是很枯燥。

bifa365.com 52

第31步

现在创建音量控制按钮。画出一个小的金属表面抛光旋钮按钮。启动一个圆形图层。

bifa365.com 53

第32步

使用阴影效果,制作一个大挤压效果的错觉。

bifa365.com 54

第33步

凭借在视角模式和一些灰色和白色条纹梯度,我们可以模拟这个按钮的类圆形抛光。确保第一次在左侧使用的灰色颜色和最后的右侧的灰色时完全一样的。bifa365.com 55

第34步

最后,添加一个渐变填充中风这将添加在斜面外围。按照图片中的步骤细心操作。

bifa365.com 56

第35步

现在我们已经完成了音量控制按钮,但还想添加一个静音按钮。你可以使用层样式做到这一点。

bifa365.com 57

第36步

用2个像素阴影软化圆形工具给播放器阴影处上色(见工具菜单上的价值)。

bifa365.com 58

第37步

按Ctrl + H隐藏这些操作,然后使用10%的流量的涂料100像素的画笔,轻轻的给阴影上色。这将使播放器中心更鲜明。

bifa365.com 59

第38步

现在在播放器的显示屏边缘添加一个小发光。首先,在中心的激烈亮区画一个1个像素的矩形。然后,使用相同的刷子,但没有任何选择单击几次,以增加该中心的力度。

bifa365.com 60

第39步

创建一个主键翻滚效果,当鼠标越过时使前表面弹出。我们首先在暂停后面创建一个圆形图标。

bifa365.com 61

第40步

这种抑郁的效果可以通过以下方式做到:阴影变暗和软化对象的边缘,还有模拟梯度,这抑郁效果在色调上有个区域,正如按钮被按下。bifa365.com 62

第41步

我们还用面具隐藏了这个过渡,因为我们用它完成了主控按钮的斜面操作。同时还要记得隐藏图层效果选项。

bifa365.com 63

第42步

重复前面掩盖过渡的步骤。

bifa365.com 64

第43步

我们将添加两个灯光效果,以加强过渡。通过二色(边缘用#00CCFF,中心用白色)我们创建了一个点燃的我们将屏蔽的边缘。复制图层,并反映它垂直,使它看起来好像点亮在顶部和作为鼠标经过时的底部。这一层必须设置为屏幕,以便更好的发光。

bifa365.com 65

第44步

最后,让我们添加一个超薄线,这将给播放器增添更多的显示色彩。要做到这一点,使用钢笔工具画一个弯曲的形状层。

bifa365.com 66

第45步调整为0%不透明度,并添加与播放器表面同样的灰色调中风。

bifa365.com 67

第46步

从我们创建的形状分隔,因为我们需要给线添加一些阴影。用鼠标右键点击图标旁边的外汇层和选择创建层。

bifa365.com 68

第47步

这一步在不破坏原来的形状的基础上在一个新层分离中风。使用一种内在的阴影,让一个圆柱浮雕的想法放到这一行。

bifa365.com 69

结论

我们的MP3播放器现在可以导出为一个透明的PNG格式和Flash编码可以在网站上使用。您可以查看下面的最终图像或查看大版本。

bifa365.com 70

教程未完,请看下一页!

本文由必发365手机版发布于生活资讯,转载请注明出处:Photoshop绘制逼真时尚的MP3播放器,Photoshop绘制漂

关键词: