如何在Photoshop中创建一个橡胶图章LOGO样机

2022年4月10日15:52:02
评论
85

做了好多次的样机了,不知道那些技巧大家有没有GET?今天,继续做一个样机。今天的样机是一个橡胶图章效果,我们把一张橡胶织构的图像素材作为背景,然后使用布尔运算做出一个徽标LOGO,再通过图层样式的应用,来得到我们的最终结果。在今天的过程中,我们将向大家展示,如何调整透视角度,构建真实的透视视角,如何使用布尔运算做一个徽标,如何应用图层样式。这个教程来自于 Tom Piccarreda 的分享!Tom Piccarreda 是一位来自意大利的,自学成才的平面和网页设计师,他已经有着10多年的从业经验。

一、视角构建

1、首先,我们需要一个真正的视角,它将是构建场景所有元素的基础。

在这个过程中,我们要做的是在一个像Photoshop的画布这样的二维表面上,画一个物体,然后从不同的角度观察,并拍摄一张它的照片,以便在从一个特定的角度观察物体的高度、宽度、深度和位置时,给出对物体的高度、宽度、深度和位置的正确印象。

Tom Piccarreda 已经做过了这件事,也就是他所提供的透视素材,你可以自己尝试一下,也可以直接使用这个素材。

下面,我们也说说,这个视角的构建是如何完成的。

在Photoshop里,新建一个1240 x 1754 像素的新文件。

如何在Photoshop中创建一个橡胶图章LOGO样机

2、使用矩形工具,创建一个350 x 350 的黑色矩形。

如何在Photoshop中创建一个橡胶图章LOGO样机

3、将这个文档用打印机打印出来,将打印出来的纸张放在地板上,靠近窗户或灯等光源。

如何在Photoshop中创建一个橡胶图章LOGO样机

4、用相机(其实手机就够用了),拍一些照片。当然你需要多选择几次,以便获得一个更强烈的视角。拍摄完后,选择一张我们认为适合的照片。我们应该得到一个类似于以下图像的视角。

如何在Photoshop中创建一个橡胶图章LOGO样机

二、添加橡胶纹理

5、下面的过程中,我们将使用 Tom Piccarreda 分享的那个透视素材。在PS中打开这个透视素材,它的尺寸是 2500 x 1600 像素,解锁背景,并重命名为“透视”。

如何在Photoshop中创建一个橡胶图章LOGO样机

6、打开我们所提供的橡胶素材,放置到文档中,这个素材尺寸比较大,一个高清的素材,所以,我们CTRL+T调整大小。

如何在Photoshop中创建一个橡胶图章LOGO样机

7、将其移动到透视图层的下层,并重命名为橡胶。

如何在Photoshop中创建一个橡胶图章LOGO样机

三、创建智能对象

8、用矩形工具画一个 1125 x 1125 像素的矩形,颜色无所谓。

如何在Photoshop中创建一个橡胶图章LOGO样机

9、将其转换为智能对象,并执行“编辑>变换>扭曲”,让这个智能对象的四个角与透视图上的矩形的四个角贴合。(感觉不好看到是否贴合,可以先把智能对象透明度降低,调整好了再调回100%)

如何在Photoshop中创建一个橡胶图章LOGO样机

四、徽标LOGO的创建

Tom Piccarreda 是在 Envato 上拿的一个AI格式的徽标,然后导入PS的,在这里,我们会教大家如何直接用PS来做。

10、首先,我们利用几个圆的加减,画出如下同心圆。

如何在Photoshop中创建一个橡胶图章LOGO样机

11、再画个同样行距的瘦长的矩形。

如何在Photoshop中创建一个橡胶图章LOGO样机

12、接下来,放进我们P大点S的LOGO,并减去LOGO的外围一圈。

如何在Photoshop中创建一个橡胶图章LOGO样机

13、添加上面的一段文字,路径文字足以搞定,再加上旁边的两截圆弧。

如何在Photoshop中创建一个橡胶图章LOGO样机

14、画出下面的这个类似飘带的东西(专业的咋说),再用路径文字添加P大点S的这个全写。

如何在Photoshop中创建一个橡胶图章LOGO样机

15、添加左右两边的两棵树。

如何在Photoshop中创建一个橡胶图章LOGO样机

16、添加那些类似锯齿状的东西。

如何在Photoshop中创建一个橡胶图章LOGO样机

17、添加下面的两个小圆圈和文字,LOGO完成。

如何在Photoshop中创建一个橡胶图章LOGO样机

四、带入徽标

18、现在,我们隐藏掉透视图层,并双击LOGO智能对象。

如何在Photoshop中创建一个橡胶图章LOGO样机

19、添加入我们的LOGO,隐藏掉红色形状,关闭智能对象,保存。

如何在Photoshop中创建一个橡胶图章LOGO样机

20、现在,我们得到如下效果。

如何在Photoshop中创建一个橡胶图章LOGO样机

五、图层样式的应用

现在,我们是时候给徽章添加一些效果了,让它与场景一致。

21、下面,我们为这个LOGO图层添加图层样式。首先,我们设置一个斜面和浮雕,具体参数如下。

如何在Photoshop中创建一个橡胶图章LOGO样机

22、添加一个内阴影样式。

如何在Photoshop中创建一个橡胶图章LOGO样机

23、接着,添加一个内发光。

如何在Photoshop中创建一个橡胶图章LOGO样机

24、添加一个渐变叠加(注意颜色色标的位置)。

如何在Photoshop中创建一个橡胶图章LOGO样机

25、添加一个图案叠加。

图案是自带的,首先我们先追加灰度纸图案。

如何在Photoshop中创建一个橡胶图章LOGO样机

再选择纤维纸1图案。

如何在Photoshop中创建一个橡胶图章LOGO样机

26、添加一个外发光,参数如下。

如何在Photoshop中创建一个橡胶图章LOGO样机

27、最后,我们添加一个投影。

如何在Photoshop中创建一个橡胶图章LOGO样机

28、添加完图层样式,我们目前得到如下结果。

如何在Photoshop中创建一个橡胶图章LOGO样机

六、优化效果

29、选择椭圆工具,画一个 1053 x 684 像素的椭圆,并将其摆放在特定位置,位置为:X轴705,Y轴494,并将图层重命名为模糊。

如何在Photoshop中创建一个橡胶图章LOGO样机

30、给这个模糊图层执行一个45像素的高斯模糊,并隐藏掉显示。

如何在Photoshop中创建一个橡胶图章LOGO样机

31、载入这个模糊图层的选区,不要取消选择,选择LOGO智能对象图层,执行一个4像素的高斯模糊,你会发现,LOGO智能对象图层的智能滤镜蒙版上,已经自动添加了我们所选选区的蒙版。

如何在Photoshop中创建一个橡胶图章LOGO样机

32、复制一个LOGO智能对象,重命名为高光,右键清除图层样式以及智能滤镜。

如何在Photoshop中创建一个橡胶图章LOGO样机如何在Photoshop中创建一个橡胶图章LOGO样机

33、为这个高光智能对象添加一个图层样式,首先是斜面和浮雕。

如何在Photoshop中创建一个橡胶图章LOGO样机

34、添加一个内阴影样式。

如何在Photoshop中创建一个橡胶图章LOGO样机

35、添加一个投影样式。

如何在Photoshop中创建一个橡胶图章LOGO样机

36、新建一个图层,命名为渐变,随便填充个颜色,将填充修改为0。

如何在Photoshop中创建一个橡胶图章LOGO样机

37、为这个渐变图层添加一个渐变叠加图层样式。

如何在Photoshop中创建一个橡胶图章LOGO样机

38、将其转换为智能对象,并创建剪贴蒙版。

如何在Photoshop中创建一个橡胶图章LOGO样机

39、执行“滤镜>滤镜库>扭曲>玻璃”,参数如下。

如何在Photoshop中创建一个橡胶图章LOGO样机

七、应用光源

大致的效果都差不多了,下面我们来完善整体效果,将光源添加到场景中。

40、选择橡胶背景图层,给它添加一个渐变叠加。

如何在Photoshop中创建一个橡胶图章LOGO样机

41、到了这里,我们就完成了,我们的最终结果如下。

如何在Photoshop中创建一个橡胶图章LOGO样机

42、不过,为了符合样机的要求,我们还是需要再把图层编组一下。选择LOGO智能对象,高光,渐变三个图层,CTRL+G创建图层组,将组命名为效果,复制一层LOGO智能对象,将其移到最顶层,清除掉图层样式以及智能滤镜,将填充修改为0,命名为添加你的LOGO。那个模糊图层和透视图层都可以删掉了,没用了,在我的PSD里,我还是留着,以供交流。

如何在Photoshop中创建一个橡胶图章LOGO样机

这就是我们的劳动成果,感觉如何,一些小技巧,你GET了吗?

如何在Photoshop中创建一个橡胶图章LOGO样机

匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: