zi强bu息 发表于 2014-8-9 02:19:42

Photoshop设计软件图标教程


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

http://pic.16xx8.com/allimg/140809/01354VW1-30.jpg

zi强bu息 发表于 2014-8-9 02:19:43

Photoshop设计软件图标教程


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

http://pic.16xx8.com/allimg/140809/01354SW7-31.jpg

zi强bu息 发表于 2014-8-9 02:19:44

Photoshop设计软件图标教程


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

http://pic.16xx8.com/allimg/140809/01354T2P-32.jpg

zi强bu息 发表于 2014-8-9 02:19:45

Photoshop设计软件图标教程


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

http://pic.16xx8.com/allimg/140809/01354TE4-33.jpg

zi强bu息 发表于 2014-8-9 02:19:46

Photoshop设计软件图标教程


用”叠加模式“画一个矩形,记得要用第二个的叠加按钮,这样能保证它们在一个图层里

http://pic.16xx8.com/allimg/140809/01354TX0-34.jpg

zi强bu息 发表于 2014-8-9 02:19:47

Photoshop设计软件图标教程

      
选择”路径选择工具“,框选这两个形状后按ctrl+alt+t复制移动到合适的位置"

http://pic.16xx8.com/allimg/140809/01354TU7-35.jpg

zi强bu息 发表于 2014-8-9 02:19:48

Photoshop设计软件图标教程


同样还是选择”路径选择工具“,点击任意一个矩形,ctrl+alt+t自由变换,把它设为音符横向

http://pic.16xx8.com/allimg/140809/01354S0b-36.jpg

zi强bu息 发表于 2014-8-9 02:19:49

Photoshop设计软件图标教程


点击上面的”组合“合并

http://pic.16xx8.com/allimg/140809/01354S051-37.jpg

zi强bu息 发表于 2014-8-9 02:19:50

Photoshop设计软件图标教程


选择钢笔中”删除锚点工具“,删除右边多余的锚点

http://pic.16xx8.com/allimg/140809/01354R623-38.jpg

zi强bu息 发表于 2014-8-9 02:19:51

Photoshop设计软件图标教程


选择”添加锚点工具“,在横条中间增加两个锚点

http://pic.16xx8.com/allimg/140809/01354S2H-39.jpg

zi强bu息 发表于 2014-8-9 02:19:52

Photoshop设计软件图标教程


ctrl+t编辑这个音符,在垂直斜切里输入-11度,这里没有硬性规定必须要11度。我只是目测它大概是这个角度

http://pic.16xx8.com/allimg/140809/01354SI7-40.jpg

zi强bu息 发表于 2014-8-9 02:19:53

Photoshop设计软件图标教程


使用”直接选择工具“选择这两个刚刚添加的锚点,往上移动一些距离

http://pic.16xx8.com/allimg/140809/01354Q139-41.jpg

zi强bu息 发表于 2014-8-9 02:19:54

Photoshop设计软件图标教程

      
双击这个音符图层打开图层样式,先添加一个径向渐变

http://pic.16xx8.com/allimg/140809/01354V196-42.jpg

zi强bu息 发表于 2014-8-9 02:19:55

Photoshop设计软件图标教程


添加斜面浮雕效果

http://pic.16xx8.com/allimg/140809/01354U310-43.jpg

zi强bu息 发表于 2014-8-9 02:19:56

Photoshop设计软件图标教程


外发光,我使用了”柔光“模式以强化它的通透效果

http://pic.16xx8.com/allimg/140809/01354Rb1-44.jpg
页: 1 2 [3] 4
查看完整版本: Photoshop设计软件图标教程