ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

楼主: zi强bu息
收起左侧

[UI设计] Photoshop设计软件图标教程

[复制链接]
 楼主| 发表于 2014-8-9 02:19:42 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:43 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:44 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:45 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:46 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:47 | 显示全部楼层

Photoshop设计软件图标教程

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:48 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:49 | 显示全部楼层

Photoshop设计软件图标教程


点击上面的”组合“合并


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:50 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:51 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:52 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:53 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:54 | 显示全部楼层

Photoshop设计软件图标教程

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:55 | 显示全部楼层

Photoshop设计软件图标教程


添加斜面浮雕效果


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-9 02:19:56 | 显示全部楼层

Photoshop设计软件图标教程


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


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-10 06:19 , Processed in 0.047552 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表