分享

Photoshop制作木纹艺术效果的相框

 九天舞凤 2013-03-07

PS经常应用于各种相框设计,有时配合CS5本身的3D功能可以设计出相当有创意的作品,本实例将直接通过PS的平面设计功能来设计一款木质艺术相框,主要涉及到photoshop的文字工具、图层样式的应用,本章节主要讲述平面相框的绘制,下一章节将讲述平面相框的立体化展示设计,有兴趣的朋友可以一试。

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

效果图一,枕头浮雕相框

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

效果图二,外斜面浮雕木框

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

原图一,木质纹理

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

原图二,相框美女

1、本次教程同样采用photoshop CS5制作,用到的素材原图有两张,先打开第一张木质纹理素材图,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

2、我们要设计一款带有“LOVE”字样的木质相框,先来处理文字,选择横排文字工具,字体选择“Arial Black”,大小24点左右,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

3、分别将“LOVE”的四个字母分成四个图层输入,因为我们要进入不规则排列,所以要分层,字体颜色可以先用黑色,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

4、利用移动工具将四个字母图层按如下位置排列,我们单独把O字母放到右边作为相框的支点,具体如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

5、缺少的O字母我们将用一个“心”型图案来代替,这样看起来效果会更好,单击选择“自定形状工具”,在上方属性栏选择心型形状,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

6、在字母“L”与“V”的上方拉出一个心型形状,具体如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

7、我们要的是一个空心的心型,所以需要进一步进行处理,按住Ctrl键,鼠标单击形状蒙版位置载入心型选区,然后将形状1的眼睛点掉,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

Photoshop制作木纹艺术效果的相框(2)

时间:2012-11-12    来源:PS教程网    作者:tataplay尖尖    点击: 738次
8、新建一个图层1,用黑色将心型选区填充,如下图所示: 9、将图层1复制一个图层1 副本,将其心型选区填充成白色,如下图所示: 10、按Ctrl+T键进行自由变换,将白色心型按比例缩小,并置于黑色心型的中间,如下图

8、新建一个图层1,用黑色将心型选区填充,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

9、将图层1复制一个“图层1 副本”,将其心型选区填充成白色,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

10、按Ctrl+T键进行自由变换,将白色心型按比例缩小,并置于黑色心型的中间,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

11、应用变形,载入白色心型选区,将“图层1 副本”的眼睛点掉,单击选中黑色心型所在的图层1,然后按Del键将选区内容删除,这样我们就得到一个空心的心型图案,效果如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

12、按Ctrl+T键对空心的心型图案进行自由变换,适当调整大小、角度及位置,让其斜靠着字母L,具体效果如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

13、接下来我们来绘制相框轮廓,在图层最上方新建一个图层2,用矩形选框拉出一个适当大小的选区,然后用黑色进行填充,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

14、保留矩形选区,选择菜单“选择->修改->收缩选区”,在弹出的收缩选区设置框中设置收缩量为16像素,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

15、得到收缩选区后按Del键将中间区域删除,这样就得到了一个相框轮廓,效果如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

16、利用移动工具适当调整相框轮廓的位置,让其与“LOVE”轮廓相适应,具体效果如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

17、接下来处理一下相框轮廓与字母间的接口部位,给相框轮廓所在的图层2添加图层蒙版,然后利用黑色的硬度为100的画笔工具在相应的接口位置进行擦除,这里主要是要擦除V字母与相框轮廓间的横线,注意拐角细节,具体如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

18、到此整个相框的轮廓基本完成,将背景图层的眼睛点掉,单击选中图层2,按Ctrl+Shift+Alt+E键进行盖印图层生成图层3,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

19、新建一个组,将除背景图层和图层3以外的所有图层都移入组,然后将组的眼睛点掉,这样整个图层就不会显得很乱,又能保留所有操作细节,另外将背景图层的眼睛重新点上,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

20、接下来我们还要对相框的整体轮廓的细节进一步处理,比如将字母E的横线处理成倒角,可以通过给图层3添加图层蒙版,然后利用画笔工具进行擦除,具体效果如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

21、细节处理完后,将背景图层的眼睛点掉,单击选中图层3,然后再按Ctrl+Shift+Alt+E键进行盖印图层生成图层4,然后将图层3的眼睛也点掉,这样图层4就是我们最终想要的相框轮廓图,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

22、将背景图层的眼睛得新点上,按住Ctrl键左键单击图层4的缩略图,载入相框的整体轮廓选区,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

23、将图层4的眼睛点掉,保留选区,单击选中背景图层,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

24、按Ctrl+J键将选区生成新的图层5,将背景图层的眼睛点掉可看到效果,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

25、为了看得清楚,可以在图层5下方新建一个图层6,用白色或浅色渐变填充,这是基本操作,这里不再详述,效果如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

26、这时得到的图层5的相框轮廓为木质材质,但还没有立体感,接下来我们要对它进行图层样式的设置,确保选中图层5,选择菜单“图层->图层样式->斜面和浮雕”,在弹出的图层样式设置框中,设置样式为“浮雕效果”,深度值为200%,大小为5,软化为1,高光模式的不透明度为98%,阴影模式的不透明度为50%,其它参数保持默认,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

27、如果需要做成枕状浮雕效果,可以单击勾选左边栏目的“等高线”,然后单击等高线的图案,在弹出的“等高线编辑器”中可以自由的设定等高线样式,设置的不同会最终影响到木质相框的外形,本例设置如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

28、应用图层样式,这样相框的平面外形基本确定,接下来就是给其装上美女相片,打开素材原图二,利用移动工具将其拖入到原图一中生成图层7,并将图层7置于相框所在图层5的下方,按Ctrl+T键对图层7进行自由变换,适当调整大小及位置,确保将整个内相框覆盖,如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

29、单击选中图层5,利用魔棒工具将内相框的所有区域都选中(按住Shift键多次单击魔棒工具可叠加选择),如下图所示:

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网

30、保留选区,单击选中图层7,然后单击图层面板下方的“添加图层蒙版”按钮给图层7添加图层蒙版,这样就得到了一个完整的PS艺术相框的平视图,本章节教程到此基本结束,下一章节教程我们将继续本章节教程来完成相框的立体化设计,欢迎关注下期PS教程“PS艺术相框(二)-相框立体化展示”,站长tataplay尖尖与你共进。

Photoshop制作木纹艺术效果的相框,PS教程,思缘教程网


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多