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

2016-03-17 21:50 21 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Photoshop绘制逼真的松木板招贴剪贴画效果教程,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - PS 】

效果图:

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

Step 1

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

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

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

Step 2

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

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

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

Step 3

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

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

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

Step 4

下面来做字体:

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

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

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

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

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

Step 5

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

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

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

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

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

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

Step 6

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

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

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

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

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

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

Step 7

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

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

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

Step 8

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

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

Step 9

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

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

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

1色相/饱和度

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

2曲线:

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

3色阶:

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

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

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

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

Step 10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Step 11

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

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

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

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

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

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

Step 12

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

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

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

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

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

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

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

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

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

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

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

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

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

Step 13

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

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

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

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

Step 14

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

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

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

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

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

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

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

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

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

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

Step 15

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

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

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

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

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

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

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

下面我们为标签添加阴影。钢笔工具选择玄色勾画路径,命名为“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绘制逼真的松木板招贴剪贴画效果,图老师

Step 18

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

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

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

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

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

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

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

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

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

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

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

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

Step 19

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

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

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

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

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

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

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

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

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

Step 20

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

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

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

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

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

Step 21

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

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

Step 22

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

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

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

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

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

终极效果!

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

来源:http://www.tulaoshi.com/n/20160317/1866654.html

延伸阅读
标签: PS PS基础
先看看效果图   我是刚开始学习数字绘画,对于我来说还有很多东西要学习。我认为这次是一个锻炼我对细节注意的一个很好的机会,我还在学习一些技巧。这并不是一步一步的教程,主要是我的一个技术讲解。 我通常用粗一些的白线在背景上进行轮廓绘制,然后我简单的上一些颜色和细节,知道我想出来一个大概的色调。(图01、02) 图01 ...
标签: 电脑入门
在制作演示文稿时,为了达到满意的效果我们经常会插入漂亮的剪贴画。但有时起到的效果会相反,因为剪贴画是程序自带的组件,其颜色都是固定的,这样就可能与页面整体的效果不协调。 其实大家不必为其担心,借助图片重新着色功能我们可以轻松修改剪贴画中任意一个区域的颜色。首选中选插入的图片,这样即会出现一个图片浮动工具条,如果没有出...
标签: PS PS基础
香烟构成非常简单,也非常适合新手练习。重点:学习一些组合图形的绘制方法;用图层样式来增加质感;细节部分的简单刻画等。 最终效果 1、新建大小自定文档,背景填充暗灰色。新建图层,没用矩形工具,椭圆工具画出香烟的外形。 2、用直线工具画出香烟上的纹理。 3、选择香烟嘴的图层,在香烟嘴图层用椭圆工具画出一个椭圆,为方便...
11种网页常用质感纹理填充图案 3,新建图层,创建矩形,添加图层样式,如图; 4,再建立如图所示的蓝色矩形,添加图层样式,如图; 5,画上两条高度为1像素的白色线条,将两条白色线条放在如图所示的位置; 6,绘制尺子上的刻度,绘制黑线,白线各一条。更改图层模式为叠加,如图所示; 7,将线条复制,形成尺子上的刻度,如图; 8...

经验教程

550

收藏

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