All Articles Photoshop
设计一个“酷”的社会化媒体广告在Photoshop
Martin Perhiniak on Tue, May 7th 0 comments
Look around and you'll probably notice that good social media adverts use excellent graphics & banners. In this Photoshop tutorial, Martin Perhiniak shows how to design a

在这篇文章中,我们要设计一个很酷的社交媒体广告。该图形已经建立,总部设在英国的培训公司( www.lovesocialmedia.com )相结合的典型英语对象的社交媒体图标和徽标与其他横幅。在本教程中,我们会通过主图形的设计过程中,这是一个改进版本的公司徽标。

这是怎样的最终设计将外观:

Final Logo


我们首先需要一些社会媒体图标。我收集了他们,所以你不必寻找他们。

Icons


您可以


第1步 - 导入自定义形状

一旦你下载的图标集,你应该有一个文件,您的计算机上称为social_media_icon_set.csh的。所有你需要做的(它适用于任何Photoshop预置或设置文件),双击它。如果你有Photoshop的安装在电脑上,会自动加载到您的预置库比自定义形状。你可以检查,如果你选择自定义形状绘图工具位于工具栏下的形状工具(矩形,圆角矩形,椭圆形等),并单击选项栏上的(顶部)字形状旁边的小图像框。

Pic 1


你应该有几个标准的Photoshop自定义形状的图标在最后加上15个社会。如果你想摆脱标准的图标,你可以去编辑

Pic 2


当准备与此,您可以点击完成。


步骤2 - 创建新文件

时间创建的文件为我们的设计。我用下面的尺寸,但它取决于你选择你喜欢什么尺寸为您的设计:

Pic 3


第3步 - 红色背景

如果这一步很简单。前景色板(底部工具栏),并选择一个红色的颜色,然后按选项 / ALT-Backspace键填充背景层,用红色。

Pic 4


第4步 - 绘制或导入心脏形状

我们需要一个心形,我们的设计,这将是该帧的社交媒体图标。您可以使用下面这个图片(PNG透明文件),或者如果你是熟悉用钢笔工具,您可以绘制一个心形。

Heart


如果要绘制它,先从左半边的心脏,并绘制直这样:

Pic 5


然后你就可以重复的形状通过使用路径选择工具,单击路径上,然后按住Shift键的同时将其移动到右边的ALT / 选项

Pic 6


一旦你有两边,你可以水平翻转其中之一。选择路径,然后使用编辑

Pic 7


现在我们可以一起加入这两条路径。移动它们接近对方,直到对方在中间的直线重叠。一旦做到这一点,你可以选择他们两个人在一起。

Pic 8


下一步是从选项栏中选择“合并形状组件:

Pic 9


你的心的形状是准备好了。现在,您可以将其保存为自定义形状,所以你可以用它在你的下一个项目。虽然有选择的路径,然后选择“ 编辑”

Pic 10


当心脏形状层准备就绪确保你设置填充颜色为白色和行程(在以前的Photoshop版本CS6没有,你只需要设置前景色色板为白色,然后按Alt / 选项Backspace键而有选择形状图层)。你需要做的最后一件事是旋转30度顺时针心。要做到这一点,你将需要按命令 / 控制-T自由变换,按住Shift键 ,同时旋转的形状。


第5步 - 添加文本

我添加了一个文本层说分享使用DIN白色加粗字体全部大写的爱。我也可以旋转30度逆时针旋转,并把它放在下面的心形的右侧边缘的文字图层。

Pic 11


第6步 - 添加社交媒体图标

这一步将是最耗时的1。我们将不得不填补了心形的图标,并使它看起来有趣,我们将不得不尝试尽可能覆盖尽可能多的区域,而不必互相重叠的图标。

让我来告诉你如何添加的第一个图标,那么你可以继续做同样的步骤数次。

选择自定义形状工具,设置前景色的颜色相同的红色作为你的背景。从选项栏的社交媒体图标中选择一个,并绘制形状,同时按住Shift键 ,以保持原有的比例。同样重要的是具有设置为“形状”自定义形状工具绘制模式。一旦你有你的形状层准备你可以使用自由变换工具来调整它,移动它,并围绕它旋转。

Pic 12


第7步 - 调整图标

你需要做的最后一件事是确保你有带图标很好地填补了整个心脏。您可能会发现很难重新选择以前添加的图标。过了一会儿,你将有几十层和最简单的方式迅速重新选择先前创建的形状层是使用移动工具和形状上的控制/命令单击以选中它。这可以为您节省大量的时间完成这个设计

Heart Final


我希望你喜欢这个教程,做得很好,你们的辛勤工作:)

Related Videos
Comments (0)

You must be logged in to comment.

Understanding Brushes, Vector Tools and Transforms
Photoshop CS6 103
Dream It. Do It.
Do you want to learn Understanding Brushes, Vector Tools and Transforms?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: