您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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

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

  效果图一,枕头浮雕相框

PS艺术相框(一)-平面相框的绘制【效果图】,三联

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

PS艺术相框(一)-平面相框的绘制【原图01】,三联

  原图一,木质纹理

PS艺术相框(一)-平面相框的绘制【原图02】,三联

  原图二,相框美女

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

PS艺术相框(一)-平面相框的绘制【教学步骤01】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤02】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤03】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤04】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤05】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤06】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤07】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤08】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤09】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤10】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤11】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤12】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤13】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤14】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤15】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤16】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤17】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤18】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤19】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤20】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤21】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤22】,三联

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

PS艺术相框(一)-平面相框的绘制【教学步骤23】,三联

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