1. 主页 > ps教程

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

Photoshop制作精美的金色立体音符(图1)

来源:PS联盟 Sener

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

最终效果

Photoshop制作精美的金色立体音符(图2)

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

Photoshop制作精美的金色立体音符(图3)

<图1>

Photoshop制作精美的金色立体音符(图4)

<图2>

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

Photoshop制作精美的金色立体音符(图5)Photoshop制作精美的金色立体音符(图6)

<图3>

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

Photoshop制作精美的金色立体音符(图7)

<图4>

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

Photoshop制作精美的金色立体音符(图8)

<图5>

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

Photoshop制作精美的金色立体音符(图9)

<图6>

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

Photoshop制作精美的金色立体音符(图10)

<图7>

Photoshop制作精美的金色立体音符(图11)

<图8>

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

Photoshop制作精美的金色立体音符(图12)

<图9>

Photoshop制作精美的金色立体音符(图13)

<图10>

Photoshop制作精美的金色立体音符(图14)

<图11>

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

Photoshop制作精美的金色立体音符(图15)

<图12>

Photoshop制作精美的金色立体音符(图16)

<图13>

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

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

Photoshop制作精美的金色立体音符(图17)

<图14>

Photoshop制作精美的金色立体音符(图18)

<图15>

Photoshop制作精美的金色立体音符(图19)

<图16>

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

Photoshop制作精美的金色立体音符(图20)

<图17>

Photoshop制作精美的金色立体音符(图21)

<图18>

Photoshop制作精美的金色立体音符(图22)

<图19>

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

Photoshop制作精美的金色立体音符(图23)

<图20>

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

Photoshop制作精美的金色立体音符(图24)

<图21>

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

Photoshop制作精美的金色立体音符(图25)

<图22>

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

Photoshop制作精美的金色立体音符(图26)

<图23>

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

Photoshop制作精美的金色立体音符(图27)

<图24>

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

Photoshop制作精美的金色立体音符(图28)

<图25>

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

Photoshop制作精美的金色立体音符(图29)

<图26>

Photoshop制作精美的金色立体音符(图30)

<图27>

Photoshop制作精美的金色立体音符(图31)

<图28>

Photoshop制作精美的金色立体音符(图32)

<图29>

Photoshop制作精美的金色立体音符(图33)

<图30>

Photoshop制作精美的金色立体音符(图34)

<图31>

Photoshop制作精美的金色立体音符(图35)

<图32>

Photoshop制作精美的金色立体音符(图36)

<图33>

Photoshop制作精美的金色立体音符(图37)

<图34>

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

Photoshop制作精美的金色立体音符(图38)

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息