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

2016-02-15 22:48 15 1 收藏

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

【 tulaoshi.com - PS 】

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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所示的线性渐变。

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教程,图老师教程网

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教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564904.html

延伸阅读
标签: PS PS基础
最终效果 1、在Photoshop中打开一个新的文件使用以下设置,切记要经常按Ctrl + S保存文件。 2、首先,让我们来看看本教程的原型。这是一个很粗略的草图,但目的是为了有一个基本的概念。有左强光源。所以火箭的亮点大多是在左边。但在右侧我们也可以创建一些由于光漫射而产生的一些微妙的亮点。 3、回到Retro Rocket.psd文件,选择...
Photoshop绘制金属立体质感的玩具飞机模型   先看看效果图 下面是教程           注 :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:182958314欢迎你的加入
标签: PS PS教程
最终效果: 素材: [next] 制作方法: 1、新建一个1000*1000,300分辨率的文档。 2、按Ctrl+R调出标尺,横、纵向各拉出一条参考线到正中;新建一个图层,命名为底部,选择椭圆工具,在属性栏样式那里选‘固定大小’,宽、高度改为440px;按住Alt键在画布正中心点一下,得到圆形选区,并用油漆桶填充灰色。...
标签: PS PS基础
最终效果 1、先在纸张上随意画你喜欢的萌物,有手绘板的同学可以直接在PS里乱涂。 2、将固有色在PS里平涂,每个色块建一个层,方便处理。 3、涂出暗部区域。 4、绘制五官和衣服等。 5、下面的才是重要的内容,刻画通透的皮肤。 最终效果:

经验教程

213

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部