手机
当前位置:查字典教程网 >ps >PS图片处理 >PS教你绘制一枚经典的ITUNES图标
PS教你绘制一枚经典的ITUNES图标
摘要:在Photoshop中,图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现。利用...

在Photoshop中,图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。

今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了。现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~

下面是我完成的效果图,不过我对它的外轮廓作了一些恶搞性质的变化。这个外形介于正方形和圆形之间,它跟圆角矩形不是一个概念,迎合了现在的“审美观”:

PS教你绘制一枚经典的ITUNES图标1下面开始制作过程,首先我百度了一张原图作为参考~

PS教你绘制一枚经典的ITUNES图标2新建一个1000*1000的新画布~

PS教你绘制一枚经典的ITUNES图标3粘贴刚才复制的iTunes原图,移动到角落上作为参考~

PS教你绘制一枚经典的ITUNES图标4按ctrl+r打开标尺,右键标尺选择百分比~

PS教你绘制一枚经典的ITUNES图标5快捷键alt+v+e(按住alt,依次按V再按E)在垂直位置输入50%~

PS教你绘制一枚经典的ITUNES图标6继续横向位置也是50%~

PS教你绘制一枚经典的ITUNES图标7设置好参考后点击图层栏下面的快捷按钮添加一个渐变调整层。

PS教你绘制一枚经典的ITUNES图标8选择你认为比较合适的颜色搭配。本来我打算给出颜色的代码,后来想想还是算了,每个人都有自己的独好。我认为好看的你不一定也认同,所以这里你大可不必按照我的选择。

PS教你绘制一枚经典的ITUNES图标9在图形工具里选择椭圆工具~

PS教你绘制一枚经典的ITUNES图标10以参考线的交叉点为中心画一个大小差不多跟画布大小的圆形。至于它的颜色大可不必在意,任何颜色都可以,我只要的是它的形状~

PS教你绘制一枚经典的ITUNES图标11右击“选择工具”,选择“直接选择工具”,也就是白色的箭头。如果你比较熟悉这个工具的话可以结合ctrl建快速转换~

PS教你绘制一枚经典的ITUNES图标12框选水平方向的两个锚点~

PS教你绘制一枚经典的ITUNES图标13右键选择“自由变换点”~

PS教你绘制一枚经典的ITUNES图标14在”设置水平缩放”里输入80%大小。这时候你看到这个圆形变成一个椭圆。

PS教你绘制一枚经典的ITUNES图标15同样框选垂直方向的两个锚点,在垂直方向输入80%。现在你看到的形状跟我顶楼的差不多了~

PS教你绘制一枚经典的ITUNES图标16按ESC隐藏路径。双击打开图层样式,添加一个渐变。如果你的想象力足够丰富的话,可以随意填充你认为漂亮的颜色组合~

PS教你绘制一枚经典的ITUNES图标17继续添加描边。其实用斜面浮雕效果也差不多,不过我认为用线性渐变的描边来模拟“倒角”更加细腻~

PS教你绘制一枚经典的ITUNES图标18ctrl+j复制一层,ctrl+t自由变换。打开“保持长宽比”,同比例缩小为95%~

PS教你绘制一枚经典的ITUNES图标19重新修改它的图层样式数值,首先是渐变填充~

PS教你绘制一枚经典的ITUNES图标20它同样也有一个线性渐变的描边,注意它的颜色要加深~

PS教你绘制一枚经典的ITUNES图标21ctrl+j复制一层,在图层缩略图上右键清除图层样式~

PS教你绘制一枚经典的ITUNES图标22ctrl+t自由变换。同样要打开“保持长宽比”缩小为95%~

PS教你绘制一枚经典的ITUNES图标23按ESC或者点击矢量蒙版隐藏路径。双击进入图层样式,添加一个径向渐变。每个人的口味不同,这里我想尽量模拟原图的风格,所以选择了接近原图的颜色~

PS教你绘制一枚经典的ITUNES图标24添加内发光,我们要摒弃一个概念,“发光”不一定是亮的,有时候也可以的暗的~

PS教你绘制一枚经典的ITUNES图标25再次添加“投影”,现在我得到一个边缘看上去比较柔和的效果。其实这里你尽可使用“外发光”,效果是一模一样的,不过投影的控制更加灵活,它还有”距离“的选项,”外发光“相比之下比较死板~

PS教你绘制一枚经典的ITUNES图标26还有这个形状下面的反射效果,以前我在别的网站见过PS爱好者临摹这个icon的时候比较拘谨,他另外使用选区的减除来实现这个效果,这里我觉得可以鄙视一下,相比之下他对图层样式的理解没有我透彻,我就这样吹一下牛大概不会影响到我的光辉形象吧?开启内阴影模拟下面的反射效果,这里我要提醒各位注意”使用全局光“的选项~

PS教你绘制一枚经典的ITUNES图标27继续复制一层,在图层上右键清除图层样式~

PS教你绘制一枚经典的ITUNES图标28ctrl+t把这个形状缩小至98%~

PS教你绘制一枚经典的ITUNES图标29

【PS教你绘制一枚经典的ITUNES图标】相关文章:

PS制作转手绘水彩画教程

PS制作一张独特的自拍照

PS教你如何一分钟制作铅笔画

PS普通图片叠加营造出绚烂的花片

PS绘制蔷薇玫瑰按摩膏效果图流程解析

PS教你给图像加上逼真的蓝天效果

教你用PS制作视频艺术照片

PS教你制作扁平化HTC ONE

Photoshop制作质感的Itunes10图标

ps制作清爽的非主流照片

精品推荐
分类导航