首页 > 设计 > 详细

Photoshop制作精美的金色立体音符

时间：2016-01-01 10:50:45      阅读：335      评论：0      收藏：0      [点我收藏+]
这次也是纯手工来制作立体效果。制作的时候需要把立体面及表面分开，表面文字用多种图层样式完成，立体面需要把各个面都分出来，分别用渐变加上质感，然后加强暗部及高光即可。
最终效果

技术分享


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

技术分享
<图1>

技术分享
<图2>
 
2、打开音符素材，拖进来，适当放好位置。

技术分享

技术分享
<图3>

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

技术分享
<图4>

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

技术分享
<图5>

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

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

技术分享
<图7>

技术分享
<图8>

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

技术分享
<图9>

技术分享
<图10>

技术分享
<图11>

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

技术分享
<图12>

技术分享
<图13>
 
9、按Ctrl + J 把当前文字图层复制一层，再修改一下斜面和浮雕数值，确定后按住Ctrl + 鼠标左键图层缩略图载入文字选区；

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

技术分享
<图14>

技术分享
<图15>

技术分享
<图16>

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

技术分享
<图17>

技术分享
<图18>

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

技术分享
<图20>

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

技术分享
<图21>

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

技术分享
<图22>

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

技术分享
<图23>

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

技术分享
<图24>

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

技术分享
<图25>
 
17、同样的方法制作其它的面，过程如图26 - 34。

技术分享
<图26>

技术分享
<图27>

技术分享
<图28>

技术分享
<图29>

技术分享
<图30>

技术分享
<图31>

技术分享
<图32>

技术分享
<图33>

技术分享
<图34>

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

技术分享

Photoshop制作精美的金色立体音符

原文：http://www.jb51.net/photoshop/219487.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！