恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
GRUNGE系列(二)——做旧扑克牌技法
0.0°
2015-01-13 原创文章 教程 原作者: 原作者 举报 3372 25 17 1

版权申明:请转载和引用本文时载明原文出处和作者,尊重原创,谢谢!

前言:

GRUNGE系列第一讲我们已经对GRUNGE效果有了初步了解,也欣赏了一些GRUNGE风格的大作,那么这堂课我们将开始进行最简单的GRUNGE效果制作。

此前我曾写过一个教程《怀旧图章的制作》可说只是对GRUNGE效果的蜻蜓点水,那么今天我们的教程将潜入到GRUNGE效果制作这个大海里来,让大家真正能“领悟”到这个效果。

当大家在考虑为某个元素增加“GRUNGE”这种效果时,会思考究竟怎样才能使它看上去“GRUNGE”,也就是如何使得我们的设计变得“更显得颓废、陈旧、邋遢”。这和我们小时候把牛仔裤用剪刀刺破几个洞,再磨出迷人的毛边是一个道理。它类似于一种反美感的玩法,也倾向于将物体变得更写实。

今天我们将制作一张GRUNGE风格的扑克牌,这是它最终出炉的形象。

一、设计准备

1、PHOTOSHOP

2、GRUNGE画笔

二、牌身的画法

1、打开PS,新建一个W:40px;H:480px的文件。在新文件上,画上一个类似牌面的圆角矩形。标准扑克牌身的长宽比是1.4:1,我在此设置牌面尺寸为H:423px;W:306px,圆角角度为20px。填充棕色。

2、复制棕色牌面,然后将复制的牌面换个温柔的米色,选中米色牌面,让它左移一个像素,上移一个像素,它的右侧和底部就略微透露出了一像素的棕色底,这样让它看上去更精致,也更写实。

3、我们将对米色牌面设置“锁定透明像素”,锁定透明像素的作用是当我们编辑该图层时,只能对图层的非透明像素施以效果,该图层的透明像素就处于不可编辑的状态。这时,我们选中米色牌面图层,点击图层上方的“锁定”栏的第一个按钮,即为锁定透明像素。

你在这时也许会问为什么要对它锁定透明像素,我给出的理由就是这是个即将被“GRUNGE”的图层,你会对他涂涂写写乱撕乱画,简单来说就是无恶不作,难免会让它的某些部位裸露出透明像素,它的下层是棕色牌面,如果透明像素被编辑,那么棕色牌面将被覆盖。而我们本来就希望它能在自然“磨损”后露出棕色牌面。

设计时,这样的思考应该无时无刻出现,而你也要在学习中对每一种操作加以自由联想,让它成为你自己的知识储备。当然我的运用不一定有道理,大家可以批判地对待之。也许你也有更好的方式。

二、添加GRUNGE效果

接下来我们将进入重点:添加GRUNGE效果。

1、通过滤镜添加GRUNGE

选中米色牌面图层,将前景色和背景色分别设置为两种米色,前景色偏浅,类似米色牌面的颜色,背景色设置为稍微偏深的米色。这样做的目的为了接下来施以滤镜云彩效果。

这时,打开滤镜>渲染>云彩,牌面出现了下面的变化。是不是看上去没那么“新”了?云彩是带着一种自然的从前景色到背景色的随机过渡。

2、运用杂色增加纹理

为了让这一基本的“废旧”感更为写实,我们继续使用“杂色”命令,在滤镜>杂色>添加杂色里增加颗粒,总数为2,并点选高斯模糊和单色。这就为牌面增加了纹理,使得表面不那么平滑。但是如果你觉得颗粒有点过多的话,可以降低杂色颗粒总数。

这时选择滤镜>模糊>高斯模糊,模糊的像素设置为2,这一步也是必不可少的哦。它会使整体效果融合得更自然。

3、图层样式带来的拟物效果

让我们开始为牌面增添一点拟物的效果,运用拟物效果总是不会忘记“图层样式”。打开图层样式中的“内发光”和“阴影”面板,设置数值可以参考如下:

拟物效果做出之后,我们也应该继续思考这样的问题:为什么要运用这两个图层样式。内发光的面部中,我们使用的是黑色颜色加深的叠加模式,叠加后使得牌面边缘加深,使边缘磨损更“脏”,而投影的增加让它继续逼真了。由此,我们猜想一下,在设计中当我们想要试图让某物更逼真的方式,就是添加阴影,然后增加高光。对吧?等今后实践来验证。

插播一段:PS基础学习时往往都会分别详解叠加模式,而我们不必对每种模式加以死记,而应该在实践中不断去尝试各种模式,然后让它运用更为自由。

4、污迹的制作

我们不希望看到我们的白色衬衫上的污迹,但是GRUNGE就是要在你不断被折磨的牌面上增加污迹,让它不仅破旧还要邋遢。(绝对是暗黑的口味啊~)

新建一个图层,降低它的填充度为20%,然后右击该图层,创建为剪贴蒙版。选用70px的基本画笔,硬度为0,模式设置为颜色加深,透明度为30%,前景色为黑色,然后在牌面上开始制作出你想要的“污迹”。

这是我做出的污迹,你也可以随心所欲,目的是让它看上去邋遢得自然。

5、边缘的磨损

这张扑克牌看上去又脏又旧了,但我认为还是不够,它的污迹大部分都是黑色,能不能给它一点白色污迹呢?

新建一个图层,创建为剪切蒙版,选用60px大小的粉笔笔头的画笔,模式为正常,而透明度保持30%,前景色变为白色。这时开始对牌面尤其是它的四个角增加磨损。

这时需要注意的是为了让笔头下笔更自然,我们需要根据不同的方向调整笔头的方向。操作方法是进入窗口>画笔,在画笔预设中对画笔的角度进行调整。

做好四个边角的磨损后,再微微对边缘也施以磨损。我做出的效果如下图:

6、增加高光

牌面的磨损让它暗淡了很多,虽然我们的确是想要这样的效果,但是现实中我们还是会看到牌面中间会显得更“新”,因为它比较不会被用到。这时我们可以为它施以一定的高光。

新建一个图层,创建为剪贴蒙版,选择渐变工具,渐变色设置为白色到透明的过渡,圆形渐变。然后将渐变从牌面中心(白)过渡到边缘(透明),这时中心会出现一个大而软的白色圆形。将该图层混合模式调整为“变亮”,填充度降低为65%。它看上去是不是层次丰富了?

7、画笔GRUNGE的修饰

一张破旧的扑克牌,它现在也许还不够旧,那么我们继续为它增加GRUNGE效果。这时,我要用到的是我画笔库里的一种叫做GRUNGE的画笔,在准备工作中我们已经安装好了。

新建一个图层,创建为剪贴蒙版,选择GRUNGE画笔,前景色设置为深棕色,透明度保持30%。将图层模式调整为颜色加深,透明度降低为60%。

这时,我们就完成了一张破旧布满污迹的牌面。显然,这时还缺少图案。

三、牌面图案

等到我们的牌面已经足够“磨损”了,接下来就开始为牌面添加图案,新建一个文档,画上牌面的图案。你也可以增加你喜欢的牌面。

看上去牌面图案也显得太完美了,那么还是让我们来做一点破坏吧!降低图案图层的填充度为75%,为它增加蒙版。选用泼溅画笔(系统预设内可以追加),透明度设置为30%,前景色设置为黑色,在蒙版上对图案进行修饰涂抹。

我的设计完成效果如下:

再让我为它配上相称的背景色吧~

结语:

现在有同学发言问,究竟它如何运用呢?当你在做网页里纸类的卡片式设计时,是不是也可以考虑一下这类磨损。当你想要让你的网页变得颓废邋遢个性鲜明的话。或者是海报制作中的一张小卡片上,温馨充满年代感的小卡片,放在你的柜子里,有着陈年累月的记忆……

学习教程最主要的目的,还是在于从中熟悉制作的玩法,这次你学到的是GRUNGE的效果有几种方式对它施加磨损?没错!云彩、杂色、高斯模糊、黑色污迹、白色粉笔画笔磨损边角、中间的高光、画笔GRUNGE。

本教程就是你的GRUNGE效果锦囊,不收藏的话你会后悔哦~(糟糕的类似广告词的结束语)


原文出自我的博文:GRUNGE系列(二)——做旧扑克牌技法

微信公众号:飞屋设计微杂志

更新:2015-01-13

收藏

25人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签

    猜你喜欢

      2015-01-13 原创文章 教程 原作者: 原作者 举报 3372 25 17 1

      GRUNGE系列(二)——做旧扑克牌技法

      0.0°

      你确定要举报GRUNGE系列(二)——做旧扑克牌技法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年01月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      17
      25
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录