Photoshop绘制经典大气的立体iTunes图标(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

ctrl+t自由变换。同样要打开“保持长宽比”缩小为95%~

Photoshop绘制经典大气的立体iTunes图标

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

Photoshop绘制经典大气的立体iTunes图标

添加内发光,我们要摒弃一个概念,“发光”不一定是亮的,有时候也可以的暗的~

Photoshop绘制经典大气的立体iTunes图标

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

Photoshop绘制经典大气的立体iTunes图标

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

Photoshop绘制经典大气的立体iTunes图标

继续复制一层,在图层上右键清除图层样式~

Photoshop绘制经典大气的立体iTunes图标

ctrl+t把这个形状缩小至98%~

Photoshop绘制经典大气的立体iTunes图标

单独选择下面的锚点往上移动~

Photoshop绘制经典大气的立体iTunes图标

结合shift选择左右两个锚点,右键选择”自由变换点“编辑这个·····形状的外形~

Photoshop绘制经典大气的立体iTunes图标

双击这个结果编辑的形状进入图层样式,添加线性黑白渐变,注意混合模式的变化~

Photoshop绘制经典大气的立体iTunes图标

还有白色的”内阴影“模拟高光~

Photoshop绘制经典大气的立体iTunes图标

接着是icon中的音符,这里要使用到图形工具。先画一个椭圆,大小随意,到时候我们可以编辑~

Photoshop绘制经典大气的立体iTunes图标

 收藏