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

2016-02-01 21:11 13 1 收藏

下面是个Photoshop制作精美的金色立体音符教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - ps入门教程 】

这次也是纯手工来制作立体效果。制作的时候需要把立体面及表面分开,表面文字用多种图层样式完成,立体面需要把各个面都分出来,分别用渐变加上质感,然后加强暗部及高光即可。 最终效果


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


图1


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



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

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


图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

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


图33


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


来源:https://www.tulaoshi.com/n/20160201/1525280.html

延伸阅读
本教程介绍简单的立体花纹的自作方法。大致过程:先大致做出花纹的平面图,然后逐步把花纹的各个部分加上渐变色,做出立体感。由于花纹是对称的,做好一半其它的复制皆可。 最终效果 1、新建一个800 * 600像素的文档,背景填充暗灰色:#3A1000,新建一个图层,用椭圆选框工具拉出图1所示的椭圆选区。选择渐变工具,颜色设置如图2,...
效果图为写实风格图标,制作之前需要找类似的图标或日历实物图参考一下;然后把实物拆分一下,并把各部分的光影,材质,细节等都掌握好;最后逐层刻画即可。 最终效果 1、观察这个图标,我们将它分成三个部分来制作,如下图所示。①日历的卷页 ②日历的夹子和金属环 ③底座。 2、新建一个700*800的画布,如下图所示。 3...
【PS文字特效】Photoshop制作创意的金色立体字 字体效果制作难度较大,完全用鼠绘的方法完成。大致过程:先根据需要打上文字,然后给文字变形处理,做出有艺术感的连写效果。然后给文字上色做出金属及立体感,后期再添加装饰即可。 photoshop教程最终效果 局部细节 寻找参考图。 1、选比较粗矿点的...
标签: PS PS基础
最终效果 1、新建一个800 * 800像素,分辨率为72的画布,背景填充淡蓝色:#C6D8F0,如下图。 2、点击图层面板底部红圈位置的图标新建一个组,可以自己命名。 3、在工具栏选择椭圆选框工具。 4、按住Shift键不放,拖动鼠标拉一个正圆选区,如图4,然后给组添加图层蒙版,效果如图5。 5、在组里新建一个图层,选择渐变工...
标签: PS效果 PS PS基础
本教程的立体字制作方法比较常见。大致的过程:先把文字及图形透视处理,然后加上一些图层样式来加强表面的反光。最后就是立体面的制作。过程比较简单,不过细节部分还是需要用心处理。 最终效果 1、首先,我们要打开Photoshop,创建一个新文件(Ctrl + N)。在新文件对话框中,设置宽度和高度的单位为英寸。我们要创建一个正方形画布,...

经验教程

10

收藏

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