ps设计立体iTunes图标教程插图

ps设计立体iTunes图标教程

今天快下班前,胖纸李闲来无事,想起来很久没有画图标了,很想练练手。于是乎,从桌面上选了一个iTunes的图标,来做个临�U獯斡玫降氖莗hotoshop,正好大家也一起来看看胖纸李是如何画从零画一个图标的。

音乐图标,设计拟物风格的iTunes图标(9)插图

音乐图标,设计拟物风格的iTunes图标(9)

现在流行扁平化,很多拟物图标都消失了,今天我们来回顾一下,设计一个拟物风格的iTunes图标,主要用图层样式来设计出质感,教程大量运用了图层样式,大家可以通过教程了解一下图层样式的实际运用。 在Photoshop中

广告位
音乐图标,设计拟物风格的iTunes图标(2)插图

音乐图标,设计拟物风格的iTunes图标(2)

继续横向位置也是50%~ 设置好参考后点击图层栏下面的快捷按钮添加一个渐变调整层。 选择你认为比较合适的颜色搭配。本来我打算给出颜色的代码,后来想想还是算了,每个人都有自己的独好。我认为好看的你不一定也认

音乐图标,设计拟物风格的iTunes图标(8)插图

音乐图标,设计拟物风格的iTunes图标(8)

最后一步,我用Photoshop力最基础的画笔来制作它的阴影,画笔是Photoshop里最强大的功能,而且没有之一。如果没有画笔你什么都干不了,在渐变背景层上新建一层,用一个硬度为0,差不多120大小在底下点一下~ ctrl+t

音乐图标,设计拟物风格的iTunes图标(7)插图

音乐图标,设计拟物风格的iTunes图标(7)

使用直接选择工具选择这两个刚刚添加的锚点,往上移动一些距离~ 双击这个音符图层打开图层样式,先添加一个径向渐变~ 添加斜面浮雕效果~ 外发光,我使用了柔光模式以强化它的通透效果~ 这个音符的外发光还有更深的

音乐图标,设计拟物风格的iTunes图标(6)插图

音乐图标,设计拟物风格的iTunes图标(6)

用叠加模式画一个矩形,记得要用第二个的叠加按钮,这样能保证它们在一个图层里~ 选择路径选择工具,框选这两个形状后按ctrl+alt+t复制移动到合适的位置~ 同样还是选择路径选择工具,点击任意一个矩形,ctrl+alt+t

音乐图标,设计拟物风格的iTunes图标(5)插图

音乐图标,设计拟物风格的iTunes图标(5)

继续复制一层,在图层上右键清除图层样式~ ctrl+t把这个形状缩小至98%~ 单独选择下面的锚点往上移动~ 结合shift选择左右两个锚点,右键选择自由变换点编辑这个形状的外形~ 双击这个结果编辑的形状进入图层样式,添

音乐图标,设计拟物风格的iTunes图标(4)插图

音乐图标,设计拟物风格的iTunes图标(4)

它同样也有一个线性渐变的描边,注意它的颜色要加深~ ctrl+j复制一层,在图层缩略图上右键清除图层样式~ ctrl+t自由变换。同样要打开保持长宽比缩小为95%~ 按ESC或者点击矢量蒙版隐藏路径。双击进入图层样式,添加

音乐图标,设计拟物风格的iTunes图标(3)插图

音乐图标,设计拟物风格的iTunes图标(3)

右键选择自由变换点~ 在设置水平缩放里输入80%大� U馐焙蚰憧吹秸飧鲈残伪涑梢桓鐾衷病� 同样框选垂直方向的两个锚点,在垂直方向输入80%。现在你看到的形状跟我顶楼的差不多了~ 按ESC隐藏路径。双击打开图层样式,

ps设计立体iTunes图标教程(5)插图

ps设计立体iTunes图标教程(5)

今天快下班前,胖纸李闲来无事,想起来很久没有画图标了,很想练练手。于是乎,从桌面上选了一个iTunes的图标,来做个临� U獯斡玫降氖莗hotoshop,正好大家也一起来看看胖纸李是如何画从零画一个图标的。 先看看效

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部