All Articles Photoshop
Дизайн "Cool" Социальные медиа объявлений в 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 - красный фон

Этот шаг, если очень просто. Выберите красный цвет для переднего плана Swatch (в нижней части панели инструментов) и нажмите клавишу Option / Alt-Backspace, чтобы заполнить вашу фоновый слой с красным.

Pic 4


Шаг 4 - Ничья или импорт формы сердца

Нам понадобится форма сердца для нашего проекта, который будет рамка для социальных иконок. Вы можете использовать это изображение ниже (PNG файл с прозрачностью), или вы можете нарисовать сердце форму, если вы знакомы с инструментом Pen.

Heart


Если вы хотите нарисовать его, начните с левой половины сердца и нарисовать его прямо так:

Pic 5


Затем вы можете повторить форму, используя инструмент Path Selection, нажмите на пути и затем, удерживая клавишу Shift-Alt / Option при перемещении его вправо:

Pic 6


Если у вас есть обе стороны, вы можете перевернуть горизонтально одна из них. Выберите путь, а затем использовать Редактировать

Pic 7


Теперь мы можем объединить эти два пути вместе. Переместить них не близко друг к другу, пока их перекрывает прямой линии друг с другом в середине. Как только это будет сделано, вы можете выбрать их вместе.

Pic 8


Следующий шаг заключается в выборе формы слияния компонентов на панели параметров:

Pic 9


Ваша форма сердца готова. Теперь вы можете сохранить его в качестве пользовательского форму, что позволяет использовать его в своем следующем проектов. Имея путь, выбранный выберите Редактировать

Pic 10


Когда слой форме сердца готова убедитесь, что вы установите цвет заливки на белый и инсульта до нулевого (в предыдущих версиях Photoshop CS6, чтобы вам просто нужно установить Swatch белый цвет, а затем нажмите Alt / Option-Backspace, имея Форма слоя выбрана). Последнее, что вам нужно сделать, это вращаться по часовой стрелке сердца на 30 градусов. Для этого вам нужно будет нажать Command / Control-T (Free Transform) и удерживайте сдвига при вращении формы.


Шаг 5 - Добавьте текст

Я добавил текстовый слой говоря Поделитесь любовью во всех столицах использованием DIN Жирным шрифтом белого цвета. Я также поворачивается текстовый слой на 30 градусов против часовой стрелки и поместил его под сердцем форму справа, следующая его краю.

Pic 11


Шаг 6 - Добавление социальных иконок

Этот шаг будет наиболее трудоемким один. Мы должны заполнить форму сердца с иконами и чтобы он выглядел интересным, мы должны пытаться охватить такую ​​же площадь, как возможно без иконки перекрывающих друг друга.

Позвольте мне показать вам, как добавить первый значок, а затем вы можете просто продолжать делать то же процедуру несколько раз.

Выберите инструмент Custom Shape Tool и установите цвет переднего плана на той же красной в качестве фона. Выберите одну из социальных иконок из опции бар и нарисовать фигуру, удерживая сдвиг сохранить оригинальные пропорции. Важно также иметь режим рисования из инструмента Custom Shape Tool, формирует. Если у вас есть готовые формы слоя можно использовать инструмент Free Transform, чтобы изменить размер, перемещать и вращать его вокруг.

Pic 12


Шаг 7 - Настройка иконки

Последнее, что вам нужно сделать, это убедиться, что у вас есть все сердце красиво заполнены с иконами. Вы можете найти его трудно будет повторно ранее добавлены иконки. Через некоторое время у вас будет несколько десятков слоев и самый простой способ быстро повторно выбрать ранее созданный слой с фигурой использовать инструмент Move и контроля / управления кнопкой мыши на форме, чтобы выбрать его. Это поможет вам сэкономить много времени в отделке этой конструкции

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: