Photoshop绘制立体质感的音乐图标

云中做梦

云中做梦

2016-02-15 22:48

下面是个Photoshop绘制立体质感的音乐图标教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

最终效果

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

1、新建一个800 * 600像素,分辨率为72的画布,选择渐变工具颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

2、打开音符素材,拖进来,适当放好位置。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

3、把音符复制一层,锁定像素区域后填充白色,移到原音符图层的下面,先用移动工具稍微错开移动位置,然后按Ctrl + T 变形,把立体感做出来,然后回车确定。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

4、在背景图层上面新建一个组,选择钢笔工具,按照白色音符的边缘重新勾出立体面轮廓,转为选区如图5,然后给组添加图层蒙版。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

5、在组里新建一个图层,填充暗灰色,隐藏白色音符图层,效果如下图。如果觉得立体面不够自然,可以用钢笔工具修复一下。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

6、现在来制作表面文字,新建一个图层,把橙色文字图层移到新建组里面。锁定像素区域后选择渐变工具,颜色设置如图7,由左上角向右下角拉出图8所示的线性渐变。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

7、选择菜单:图层 图层样式 斜面和浮雕,参数设置如图9,角度选项中记得勾选使用全局光,设置好后再选择等高线,确定后效果如图11。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

8、按Ctrl + J 把当前文字图层复制一层,然后修改一下斜面和浮雕里面的数值,如图12,确定后把填充改为:0%,效果如图13。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

9、按Ctrl + J 把当前文字图层复制一层,再修改一下斜面和浮雕数值,确定后按住Ctrl + 鼠标左键图层缩略图载入文字选区;

选择菜单:选择 修改 收缩,数值为8,确定后把选区羽化2个像素,然后给文字图层添加图层蒙版,把图层不透明度改为:50%,填充改为:0%,效果如图16。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

10、回到立体面组,用钢笔勾出图17所示的选区,选择渐变工具,颜色设置如图18,拉出图19所示的线性渐变。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

11、新建一个图层,按Ctrl + Alt + G 创建剪切蒙版,然后按Ctrl键新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充橙黄色:#FAE2B9,确定后把不透明度改为:30%,如下图。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

12、按Ctrl + J 把当前图层复制一层,混合模式改为叠加,不透明度改为:100%,如下图。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

13、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充淡黄色:#FFFFD3,如下图。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

14、按Ctrl + J 把当前图层复制一层,混合模式改为颜色减淡,效果如下图。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

15、在组的最上面新建一个图层,用钢笔勾出下图所示的选区,填充橙黄色,取消选区后添加图层蒙版,用黑色画笔把边缘过渡涂自然。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

16、右侧部分制作方法相同,效果如下图。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

17、同样的方法制作其它的面,过程如图26 - 34。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

最后把整体锐化一下,完成最终效果。

Photoshop绘制立体质感的音乐图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop绘制立体质感的音乐图标

PS PS基础
Photoshop绘制立体质感的音乐图标

Photoshop绘制立体质感的电池ICON图标

PS PS基础
Photoshop绘制立体质感的电池ICON图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制立体质感的开关APP图标教程

PS PS基础
Photoshop绘制立体质感的开关APP图标教程

Photoshop绘制立体质感的放大镜图标

PS PS基础
Photoshop绘制立体质感的放大镜图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计立体质感的盒子图标

PS PS基础
Photoshop设计立体质感的盒子图标

Photoshop设计立体质感的日历图标教程

PS PS基础
Photoshop设计立体质感的日历图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop设计粉色的动漫人像签名教程

Photoshop设计粉色的动漫人像签名教程

Photoshop给风景照片添加美丽的荷花荷叶

Photoshop给风景照片添加美丽的荷花荷叶
下拉加载更多内容 ↓