在Photoshop中制作软垃圾产品广告设计

Trevin是WebFX的业务开发高级总监。他参与过450多个营销活动,20多年来一直在建设网站。他的作品被《搜索引擎土地》、《今日美国》、《快公司》和《公司》推荐。

预览

这是我们将创建的广告海报设计。这就可以用于在线横幅广告在Photoshop中制作软垃圾产品广告设计

教程资源

步骤1:准备产品

在本教程中,我选择了经典的耐克鞋。您可以使用任何类型的产品图像并创建相同的效果。如果你想使用类似的图像,请访问NikeiD并创建你自己的一双鞋来展示在你的海报中,或者你甚至可以使用你自己最喜欢的运动鞋。

准备产品一旦你决定了海报设计的主题(即你将展示什么鞋或产品),在路径模式下使用钢笔工具(P)选择鞋的边缘。按Ctrl/Cmd + Enter进行选择(或者,在画布中,右键单击路径内,然后在出现的菜单中选择make selection),反转选区(选择> Inverse),然后点击Delete删除其背景。

这个过程应该为我们的产品广告分离和准备我们的主题。

步骤2:创建一个新的Photoshop文档并放置主题

在Photoshop中创建一个新文档(Ctrl/Cmd + N)。我的颜色是1000x800px,白色背景。一旦你的新PSD创建,粘贴在鞋子。

创建一个新的Photoshop文档并放置主题

步骤3:添加背景纹理

我们工作的重点是产品(鞋子);这就是为什么我们要创建一个柔软的,不显眼的背景,目的是使作品的焦点进入主题。下载垃圾抓取袋:纹理包(我使用垃圾抓包纹理02),然后在Photoshop中打开(Files > open)。按Ctrl/Cmd + T激活自由变换命令,减少垃圾纹理的图像大小,以适应我们的画布。

将纹理层放在鞋子层和默认的白色Photoshop背景层之间。添加背景纹理

第四步:增强背景纹理

通过在图层面板中选择纹理图层并按Shift + Ctrl/Cmd + U(或选择图像>调整>去饱和度)来降低纹理饱和度。去除纹理的饱和度后,将其图层的混合模式切换为叠加。背景现在将变成完全白色,因为它被覆盖到白色的背景层,但不用担心:我们将使用混合选项来修复这个问题。

右键单击图层面板中的背景图层,选择混合选项。图层样式对话框将弹出。在这里,添加一个灰色(#b5b5b5)颜色叠加。

增强背景纹理添加颜色叠加图层样式后,将纹理图层的不透明度降低到30%左右。提示:当你调整纹理的大小时,很多小细节将会丢失。为了增强纹理的细节,你可以使用锐化滤镜(滤镜>锐化>锐化)。

步骤5:创建地板

现在我们有了一个漂亮的邋遢背景,让我们为我们的主题创建地板。在图层面板中右键单击纹理层,在出现的菜单中选择复制图层,复制纹理层。由于原始纹理层的混合模式被设置为叠加,我们需要将复制层的混合模式设置为正常。

然后,按Ctrl/Cmd + T激活自由变换,然后向下拖动顶部-中心变换控件来降低纹理的高度,就像我们正在压下它一样-用这种方式,我们正在创建透视的想法。制作地板接下来,从工具面板中使用加深工具(O)加深地板的部分;特别地,我们想要使底部的角变暗。制作地板地板还是太突出了——我们想让它与纹理背景更加融合。

通过这种方式,我们赋予图像深度,地板看起来不那么分散注意力。使用橡皮擦工具(E)删除顶部地平线(地板的顶部边缘)。选择一个大,软刷硬度为0%为您的橡皮擦工具。

提示:如果你喜欢,在地板层上使用图层蒙版和黑色笔刷来达到同样的效果。为了完成地板,在它上面创建一个新层,选择一个黑色的,大的,软的刷子,在角落上油漆,使它们变暗。然后,将该图层的不透明度降低到10%。

这一步的目的是将观众的注意力吸引到我们放置产品的画布中心。制作地板

第六步:在鞋子后面制造灯光效果

背景基本完成。最后一点是鞋子后面的灯光效果。我的习惯是用光效来增强主题——这是一种美化产品并吸引更多注意力的方法。

不要忘记广告海报的目的是销售,所以我们要尽最大努力来增加客户的购买欲望。即使只是几个细节也能让他们看得更久还是很快就把目光移开。对于光照效果,首先创建一个新层,它位于背景层的正上方。

然后使用一个大的,白色的软笔刷,用笔刷工具(B)在画布上点击一次,创建灯光效果。在鞋子后面创造一个灯光效果

步骤7:创建“有毒油漆”效果

现在我们将把油漆效果整合到我们的构图中。我们将把它们放在鞋子的后面,使它看起来好像油漆正在融化鞋子(因此,“有毒油漆”)。为了达到这个效果,我们需要用滴管工具(I)对鞋子的部分进行采样来确定使用什么颜色,我们还必须使用它们的颜色来匹配鞋子的颜色。

创造一个“有毒油漆”的效果为了达到这个效果,您需要下载抛漆包来自媒体民兵组织。让我们从鞋子底部(黄色区域)开始。最好的选择是找到一个简单的水平方向形状的油漆效果。

这个(是抛漆包的一部分)非常适合我们的需要:创造一个“有毒油漆”的效果

准备黄色油漆形状

在Photoshop中打开这个纹理,双击默认的白色背景层解锁它。使用魔棒工具(W),点击画布上的白色区域(会自动选择所有白色区域),选择白色区域,然后点击删除来删除背景。将准备好的形状拖到主画布中。

创造一个“有毒油漆”的效果激活自由变换命令(Ctrl/Cmd + T)旋转和调整油漆形状。把它放在黄色鞋底上。创造一个“有毒油漆”的效果现在我们要使油漆形状为黄色;为此,我们将使用两个调整图层。

在图层面板中,将油漆形状图层作为活动图层,选择图层>新建调整图层>渐变贴图。为了只影响油漆(而不是渐变贴图调整层下面的所有图层),在调整层上创建剪贴蒙版(图层>创建剪贴蒙版)。设置颜色渐变,从深黄色(#e9c603)到浅黄色(#f3df71)。

创造一个“有毒油漆”的效果油漆的颜色仍然太浅,所以使用曲线调整图层(图层>新建调整图层>曲线)把它变暗一点,使它与鞋底的黄色相匹配。创造一个“有毒油漆”的效果最后,在油漆形状上创建一个图层蒙版,抓取一个柔软的,黑色的刷子,然后使用画笔工具(B)擦除油漆形状右侧的一小块区域,这样它看起来就像属于鞋子。创造一个“有毒油漆”的效果

底部白漆

其他“有毒油漆”效果使用相同的方法创建,但应用不同的调整层。对于白色的形状,我应用了一个黑白调整层来降低形状的饱和度,并使用一个渐变贴图调整层,从浅灰色(#d7d7d7)到白色(#ffffff)来给它上色。创造一个“有毒油漆”的效果

红漆

对于红色的油漆,我从抛漆包中选择了一个红色的油漆形状,用自由变换水平旋转。为了加深它的颜色,我应用了一个曲线调整图层。创造一个“有毒油漆”的效果

灰色的油漆

对于灰色的油漆,我使用亮度/对比度调整图层将其亮度增加到70(图层>新建调整图层>亮度/对比度)。其次,我添加了一个渐变贴图调整层,从深灰色(#525252)到浅灰色(#e6e6e6)。创造一个“有毒油漆”的效果

顶级白漆

最后,对于最后的油漆效果,我应用了与底部白色油漆相同的调整层。创造一个“有毒油漆”的效果

第八步:用图层蒙版修饰和增强鞋子

选择鞋子图层,点击图层面板底部的添加图层蒙版按钮,在上面创建一个图层蒙版。一旦蒙版创建完成,你可以使用画笔工具(B)的黑色软笔刷来擦除鞋子的部分,而不会丢失任何像素(如果你想修改你的工作,回到它的原始状态,或者如果你犯了一个错误,只要删除图层蒙版,这是很棒的)。这将产生油漆连续连接到鞋子的错觉。

创造一个“有毒油漆”的效果

第九步:在鞋子上添加阴影

在鞋层下面创建一个新层;我们将在这个图层上为鞋子添加一个柔和的阴影效果。最好的方法是用一把柔软的黑色刷子在鞋子底部作画。一旦你画好了阴影所在的区域,降低图层的不透明度以减少阴影的突出。

创建更多的阴影,但不要只使用一个图层来创建阴影。我建议在不同的图层上创建不同的斑点。通过这种方式,你有更多的控制,你可以创建深度,你可以调整单个的阴影层来产生有趣的结果。

例如,你可以在不同的值下降低每个图层的不透明度,这样阴影看起来更真实。创造一个“有毒油漆”的效果

步骤10:执行最后的细化

广告海报几乎完成了。颜色以我喜欢的方式相互作用。它既简单又生动。

这也是产品广告设计所需要的定向和集中。观察目前的构成,我认为没有什么可以改变的了。不过,我们能做得更好的是增加海报的颜色对比。

要做到这一点,在所有其他图层的顶部创建一个新的渐变贴图调整层。设置渐变,从黑色(#000000)到白色(#ffffff),然后切换调整图层的混合模式为叠加。最后,降低图层的不透明度,直到你对构图中的颜色对比感到满意为止。

我输入了一个不透明度为30%的值,看起来效果不错。执行最后的细化为了让它更有风格,我只是添加了Design instruction标志和一些草书文本作为我的网站名称(WeGraphics)在场景的右下角。执行最后的细化

教程汇总

在本Photoshop平面设计教程中,我们介绍了一种方法,可以创建一个颜色鲜艳的耐克鞋(你可以用自己的产品替换)的产品广告海报。你看到了创造“有毒油漆”效果的wat,通过修改周围环境将观众的眼睛聚焦到产品上的技术,利用调整层等等。这些技能将帮助你敬畏你的客户网页设计师

虽然本教程是为鞋子编辑量身定制的,但编辑这样的图像是一项非常值得了解的技能。它可以用于任何从广告牌到在线横幅广告的企业在各种各样的行业,从酒店给一个汽车零件经销商。在Photoshop中制作软垃圾产品广告设计

下载教程源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!