用Photoshop画一个千千静听的图标

ZH CEXO — Mon, 31 Aug 2009 14:19:55 +0000

上次教大家用ps画了一个real的图标，不知道大家试过没，学会没。我还说要教大家画一个千千静听的图标来着，这次就兑现啦，想学ps的同学和我一起动动手吧~

其实这个图标很久以前就完成了，只是刚开学，我的事情很多，没太多时间更新我的博客，就把以前的东西翻出来写写。言归正传，千千静听大家应该不陌生吧，一个很流行的播放器，虽然有很多人喜欢Foobar和Airplay这样的软件，但千千的用户依然不在少数。我画这个图的原因还是一样，因为vista下的图标最大支持256×256大小的图标，看着小图标和系统不配，我改。

首先准备一张512×512的画布，背景设置为白色（#FFFFFF），然后用椭圆工具在画面的中央画一个橙色的圆形，颜色为#E56008，再选择一下这个圆形的路径，然后复制路径，新建一个图层，把复制的路径粘贴在新建的图层上，建立矢量蒙板，把画布的颜色改成#E97B00，并且按下Ctrl+T快捷键，把圆形的路径缩小，缩小的同时按下alt和shift键，目的是保持正圆形不变，而且和原来的大圆同心，如下图：

同样的，再新建一个图层，把那个缩小的圆形路径再使用一次粘贴在新的图层上，然后选中路径的状态下按下Ctrl+T快捷键，然后在菜单下的属性栏上面点击一下靠右边的放弃按钮左边的扇形按钮（在自由变换和变形模式之间切换），这样就可以扭曲路径了，按照下图的方式扭曲一下。

扭曲到合适的形状的时候，在图层上创建矢量蒙板。然后在按住Ctrl键的情况下，单击一下矢量蒙板，创建一个路径形状的选区。使用渐变工具，把渐变的两种颜色都设置为白色（#FFFFFF），然后一个设置为透明，也就是白色过渡到透明的渐变。拉一下渐变，可以反复试一下，直到产生适当的光泽感。然后另外一个高亮区也如法炮制。这样，我们的图层面板里面看起来应该这样：

继续。选择钢笔工具，先创建一个耳机的上半环，然后再创建两边的小听筒的小边沿，如下图，并为它上蓝色（#005386）：

再用钢笔工具画两个耳机听筒的主要部分，上深蓝色（#130041），要注意的是，其中涉及到矢量蒙板的操作类似于上面，我就不啰嗦了。图中的 step7和step8调换一下位置，处理图片时弄反了……不好意思……再拿钢笔画波形的部分，应该很简单吧~

这样我们的图层面板里面看起来就像这样，然后选中耳机部分的四个图层，按下Ctrl+G快捷键，合并到一个新组里，免得图层面板看起来乱糟糟的，要注意的是，把耳机这个图层组放到两个高亮图层的下面以便一起产生光泽感：

然后你看看，是不是千千静听的图标就出来了？别收工，再画上阴影吧，让它有立体感。先在最最下面的一层建立一个新图层，然后用椭圆工具画一个椭圆，再创建选区，用灰色到无色的渐变拉一下，放射状的渐变，中间深，旁边浅。至此，千千的图标就画好了。

那么已经到这一步了，就再画一张文件关联的图标吧。先取出一张windows系统自带的空文件类型的图像（下载里面已经提供），然后为它加上图层效果，参数如图：

然后在白色的图像的右上角的三角形和右下角部分创建两个三角形的选区，用淡蓝色（#C3E5F9）到白色的渐变拉一下，这样，这个空文件图标就有点立体感了。然后把我们已经画好的千千的主图标复制过来，放到合适的地方，这样我们的图层面板看起来就像这样：

最后文件关联图标就做好了，看看

以下的图是我的系统里面音乐的图标的样子，用的是vista里面大图标的效果：

怎么样，学会了吗？自己来试试吧！

下载本文提到的PSD源文件

简单几步用Photoshop画Real图标

ZH CEXO — Mon, 08 Jun 2009 05:12:41 +0000

以前我从来不用Photoshop（通称PS吧）的，因为感觉太麻烦，有的时候一个冲动去图书馆里借来几本关于PS的书，一看，发现都是处理照片和图像什么的，太复杂，多数时候你按照书上的步骤顺着来都得不到最后的效果，这就叫囧……后来发现，想P图，用光影魔术手还来得简单些，PS就这样一直被我冷落着呆在硬盘上……直到近来，我才按照网上某些教程试着用PS来作图，虽然自己完全是个新手，但慢慢学着画呗。今天我就教大家画一个Real的图标，最简单的~

首先先新建一个图像，由于是图标嘛，所以就设定个正方形的画布。Vista已经支持256×256尺寸的图标了，对于位图来说，缩小容易放大不好，那么我们的画布就设成512×512好了。

在工具栏里选择圆角矩形工具，然后在菜单下面的属性栏里把半径设置为50px，选择形状图层，把颜色设置为黑色（#000000），在透明的画布上画一个黑色的圆角矩形吧。图层面板里多出一个图层，命名为black_bg吧。

接下来呢，新建一个图层命名为blue_frame，同样选择圆角矩形工具，把设置改为路径，但把半径改为40px，在黑色的矩形上画矩形的框架，大小自己来把握。画好之后选中路径，点击鼠标右键，选择“创建矢量蒙板”，然后再次右键，选择填充路径，颜色为蓝色（#4692E1）。

同样的，新建一图层，命名为bubble，再选择椭圆工具，单纯路径方式，画一个椭圆框架，然后创建矢量蒙板，填充，黑色（#000000）。注意画好之后用移动工具把气泡向右移一点，使右端被切掉一些。

新建一图层，命名为comma，选择钢笔工具，设置为单纯路径，然后画一个三角形的一撇，右键，创建矢量蒙板，填充为黑色。再选择文本工具，在黑色气泡里面合适的地方输入real四个字母，字体为Arial，大小为140点，加粗、倾斜，选择平滑的消除锯齿方式，颜色为白色（#FFFFFF）。

到这里，这个图标就差不多完成了，我们让它有点立体感，加上高光吧，方法如下：新建一个图层，选择椭圆工具，单纯路径方式，画一个大大的椭圆框架，然后移动框架，使之左上边离开主画布。然后建立矢量蒙板。在图层面板上，按住Ctrl键不放，并且鼠标去点击矢量蒙板，是不是就出现了一个选取框？然后用渐变工具，无色到透明，左上至右下拉出一个渐变，再将图层整个的不透明度调整为75%，看看，是不是成形了！

图标大了也许不太好看，但是把它导出为PNG格式的文件，再转换为ico图标，作为文件关联图标，看上去还是不错的，就像这样~

我在Vista里面用的都是大图标，很大，256×256的，呵呵，下次再教大家画一个千千静听的图标吧。大家有什么意见或者建议可以留言提出，我就复习考试去了……

下载本文PSD源文件

ZH CEXO's BLOG » Photoshop

用Photoshop画一个千千静听的图标

相关阅读

简单几步用Photoshop画Real图标

相关阅读