Photoshop绘制逼真的松木板招贴剪贴画效果

2016-02-16 05:38 64 1 收藏

下面图老师小编要跟大家分享Photoshop绘制逼真的松木板招贴剪贴画效果,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - PS 】

效果图:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 1

打开PS,根据需要创建一个新文件,下图是印刷尺寸,所以你可以看到我留出了出血间隔,并将分辨率设为300,颜色模式:CMYK,

假如你只想用来做网页,分辨率保持72点,颜色模式设为RGB就可以了。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 2

首先制作背景。 用PS打开一张之前下载的cardboard texture素材,这里我用的是890067_16350024.jpg",你可以使用任何一张你喜欢的。

然后将其置入新建文件,并将cardboard texture图层命名为 "Corkboard"。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 3

现在我们需要给背景添加一点渐变叠加效果。 双击"Corkboard"图层,打开图层样式,选择渐变叠加,按照下图设置,得到如下阴影效果。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 4

下面来做字体:

首先我们了解一下需要做哪些殊效,第一步我们需要创建基本的单词,添加一些图层样式,然后将单词拆分成单个字母并改变每一个字母的颜色,

还要调整字母角度,并置入纸张素材;接下来要为字母添加一点阴影,最后需要添加几个订书钉。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

载入freshman_normal_font字体,输入Back to School Sale!(返校促销活动)

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 5

现在我们需要为字体添加几个图层样式:阴影、渐变叠加、描边:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

留意:在点击确定前,点击新建样式,将刚才设置的样式保存,命名为cutout letter,这样,在接下来的步骤中就不需要分别设置了。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 6

接下来我们开始拆分字母并调整每一个字母的角度,使他们看起来像手工拼贴上去的。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

最后将所有的字母编组,组命名为"letter"

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

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

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 7

现在我们要将字母原来的紫色渐变换成彩色的,选择你喜欢的颜色,更改每一个字母的颜色,如图:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 8

Ctrl+T调整字母角度,使它们看起来更手工一些~

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 9

接下来要做的是为字母添加一种纸质纹理。但之前我们还要对纸纹素材做一些效果处理。

文件打开,选择 "captex6.jpg",双击图层面板中的背景,将其变为可编辑的图层,然后点击图层面板下面左数第4个图标,添加调整图层:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

1色相/饱和度

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

2曲线:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

3色阶:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

4,现在变换图层顺序,将色阶图层置于顶层,曲线图层置于底层:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

5.最后将文件储存为 "captex6_contrast.jpg"

Step 10

现在回到原来的松木板文件,选中letter组中的所有字母,然后鼠标右键选择复制图层,然后再次点击鼠标右键,选择转换为智能对象,

这样我们就得到了一个新的图层。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

然后置入 "captex6_contrast.jpg",将该图层置于letter组上面,然后将 "captex6_contrast.jpg"图层的混合模式设为叠加,

图层不透明度设为75%左右。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

现在需要将多余的纸纹去掉。按住CTRL然后点击图层面板中的智能对象,你会发现字母四周出现了一圈虚线,然后点击选中纸纹图层,

并点击图层面板下面左数第三个图标添加图层蒙版,你会发现只在字母区域保存了纸纹。最后将智能像素图层隐藏,或拖入垃圾箱中。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 11

接下来我们要为字母添加阴影。从B开始,使用钢笔工具(P),选择玄色,沿着字母外缘5像素位置勾画创建一个玄色外形图层,将该图层置于B图层下面,

并把图层混合模式设为正片叠底,并将图层不透明度设为75%。然后打开滤镜模糊高斯模糊,半径为5像素得到终极效果。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 12

字母殊效的最后一步就是为它们加上订书钉。选择矩形工具(u),使用白色,画一个订书钉大小的矩形,将其命名为"Staple",然后打开图层样式,

参考下列参数设置阴影、渐变叠加、内阴影。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

钉子做好后,多复制一些钉子图层,然后调整每一只钉子的角度。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

为了让订书钉看起来更真实,我们还需要给钉子加一点阴影。选择笔刷工具,颜色:玄色,使用10-15像素大小的光晕笔刷,在钉子图层下面创建一个新图层,

将其命名为 "Shadows",然后在每一枚钉子的两端点击一下。之后将 "Shadows"图层的混合模式设为正片叠底,图层不透明度为75%,

最后将所有钉子和阴影图层编组,命名为"Staples & Shadows"。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 13

接下来我们开始添加产品图片。

首先置入"shoe1.jpg",然后使用多边形套索工具快速的沿鞋的边沿勾画路径,路径勾画好后,点击图层面板的蒙版工具,这样便将多余部分剪切掉了,

对 "shoe2.jpg""shoe3.jpg"以及其他元素图片重复同样的动作,并按照下图位置排列。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 14

这一步我们要为这些商品加上贴纸背景。使用钢笔工具,颜色:白色,为商品勾画白边,不需要非常细致,只要粗略的线条就可以了,

将贴纸背景图层命名为 "paper bg",然后按照下图设置图层样式。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

设置完成后点击新建样式,将其命名为"paper bg",以便以后步骤使用。

接下来我们要像之前为字母添加阴影一样,现在为商品(鞋、眼睛、帽子、腕表)添加阴影:用钢笔工具,选择玄色沿边沿勾画路径。

然后将图层混合模式设为正片叠底,不透明度75%上下。最后滤镜 模糊 高斯模糊,半径为5像素。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

完成后 ,根据商品类型,将阴影分为Shoes, Hat and Glasses and "Watches"三组,如图:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 15

接下来,我们要为三组商品加上3个纸片标签。制作步骤基本上和为商品制作贴纸白边一样,只不过纸片标签改变了颜色。

使用钢笔工具,选择白色勾画一个不规则的图形,如下图,并将其命名为"paper bg green"

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

然后添加阴影、颜色叠加、渐变叠加图层样式

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

下面我们为标签添加阴影。钢笔工具选择玄色勾画路径,命名为paper bg green shadow,将图层混合模式设为正片叠底,不透明度75%,高斯模糊5像素。

然后重复同样的动作再做两个标签。其中蓝色的CMYKK为 C=33 M=1 Y=0 K=0,粉色的CMYK为C=2 M=18 Y=0 K=0

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 18

添加文字:颜色C=73 M=66 Y=56 K=52,字体Walk Around the Block,输入"SHOES,将图层混合模式设为整篇爹地,不透明度90%,然后调整字体位置,

将其置于绿色标签上。同样的方法在其他两个标签上分别输入 "HATS ‘N’ GLASSES" 和 "SUPER FRESH WATCHES"

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

然后添加箭头。钢笔工具,使用路径模式,如图画一个箭头,然后转换点工具,点击描点并将其拖拽成弯曲的外形。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

接下来换成笔刷工具,5像素大小,硬度90%。打开笔刷面板:窗口笔刷(F5),将外形动态的最小直径设为50%。然后将颜色设为C=73 M=66 Y=56 K=52,

然后创建一个新图层,换成钢笔工具,并右键点击刚创建的箭头路径,选择描边路径,当弹出提示窗口时,选择画笔并勾选模拟画笔,然后点击确定。

然后删除路径:钢笔工具右键点击路径,选择删除路径,重新将图层命名为 "arrow"。这样就创建出了一个逼真的有一点褪色的画笔效果。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 19

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

为了让标签看起来更真实,我们接下来制作一个折边。 使用钢笔工具(外形图层模式),白色,如图画一个不规则的三角形,将该图层命名为 "crease",

然后复制 "paper bg green"的图层样式,并黏贴至"crease"图层,然后做一些小调整:由于我们不需要阴影样式,所以可以删掉。然后将渐变叠加的角度设为 -90°,

并将颜色混合模式设为正片叠底,将颜色改为 C=20 M=0 Y=73 K=20

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

然后我们为这边加一点阴影。如图用玄色钢笔工具勾画路径,同样的,图层混合模式为正片叠底,不透明度75%,将其重新命名为"crease shadow",

然后将高斯模糊半径设为5像素,最后将该图层置于 "paper bg green"图层下面。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

然后在其他两个标签上同样做出阴影。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 20

接下来我们做几个按钉。使用椭圆工具(U),白色,在鞋子上画一个大约40像素大小的圆形,然后添加图层样式:

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

然后ALT +拖拽图钉,就可以复制多个图钉图层,将它们钉在不同的位置,最后将所有图层编组,命名为Some Pins

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 21

同样的方法再复制一些订书钉图层,随意的摆放在面板上。

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Step 22

接下来我们添加最后两个标签,一个是LOGO,一个是促销标签,制作过程和之前做的一样。最后添加文字,就大功告成了!

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

终极效果!

Photoshop绘制逼真的松木板招贴剪贴画效果,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1568708.html

延伸阅读
标签: 电脑入门
在制作演示文稿时,为了达到满意的效果我们经常会插入漂亮的剪贴画。但有时起到的效果会相反,因为剪贴画是程序自带的组件,其颜色都是固定的,这样就可能与页面整体的效果不协调。 其实大家不必为其担心,借助图片重新着色功能我们可以轻松修改剪贴画中任意一个区域的颜色。首选中选插入的图片,这样即会出现一个图片浮动工具条,如果没有出...
标签: word
Word 2007技巧:设置剪贴画三维旋转效果   为剪贴画设置三维旋转效果是Word 2007新增的剪贴画处理功能,以前的Word 2003等版本不具备该功能。借助Word 2007三维旋转功能,用户可以对选中的剪贴画沿着X轴、Y轴、Z轴三个纬度进行立体旋转,从而实现立体化旋转效果,操作步骤如下所述: 第1步,打开Word 2007文档窗口,选中需要设...
标签: 电脑入门
在制作演示文稿时,为了达到满意的效果我们经常会插入漂亮的剪贴画。但有时起到的效果会相反,因为剪贴画是程序自带的组件,其颜色都是固定的,这样就可能与页面整体的效果不协调。 其实大家不必为其担心,借助图片重新着色功能我们可以轻松修改剪贴画中任意一个区域的颜色。首选中选插入的图片,这样即会出现一个“图片”浮动工具条,如果没有...
巧用photoshop绘制逼真的流泪效果   巧用photoshop绘制逼真的流泪效果,简单粗暴,几步就可以完成了,在COS后期经常会采用,有空可以调调看
标签: PS PS基础
效果图看上去有点类似鼠绘,不过不是用鼠绘的方法来完成。过程相对来说要简单一点。大致过程:先用滤镜做出一些特殊的纹理,截取部分纹理,用变形工具做出竹节或竹叶的形状,上色后再用加深,减淡工具调整明暗和细节,做出竹子的效果。过程不多,重点是细节及光感部分的处理。 最终效果 1、新建一个文档大小为:800*600px,分辨率为:300px...

经验教程

366

收藏

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