gchelny.ru

Как сделать рекламный баннер в фотошопе


Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

В этом уроке мы рассмотрим, как создать баннер в Photoshop используя некоторые простые инструменты данной программы.

Как обычно вы узнаете массу полезных советов и приемов, которые пригодятся вам в дальнейшем при создании различных графических элементов в данной программе.

Как создать баннер в Photoshop - пошаговая инструкция

1

 

1. Вначале создайте новый документ. Задайте имя, ширину, высоту и разрешение для нового документа. В данном случае мы создадим баннер стандарта 468×60.

2. Когда вы сделаете все вышеперечисленное, нажимаете «OK».

3. Дважды кликните по иконке слоя.

4. Введите имя слоя.

5. Нажмите на кнопку «OK», теперь ваш слой имеет имя, а также будет разблокирован.

2

6.Теперь снова кликните два раза на иконке слоя, чтобы открылись параметры наложения (Blending Options).

7. Выберите пункт, наложение градиента (Gradient Overlay) и укажите градиент, от серого до белого.

8. Когда все сделаете, нажмите на кнопку «OK»

9. Теперь необходимо создать новый слой, для этого нажмите на иконку «Создать новый слой» (Create New Layer).

10. Выберите инструмент «Перо» (Pen Tool) и нарисуйте форму как на рисунке выше.

11. Перейдите на вкладку «Контуры» (Paths).

3

12. Выберите «Рабочий контур».

13. Кликните по значку «Загрузить контур как выделенную область» (Load Path as a Selection), затем возьмите инструмент «Прямоугольная область» (M) и нажмите сочетание клавиш (Shft+Cntr+I). После этого выберите инструмент «Заливка» (G).

14. Установите цвет переднего плана: # 3129c3.

15. Кликните внутри выделения, чтобы заполнить его выбранным цветом.

16. Кликните по вкладке «Слои» (Layers).

17. Дважды щелкните по миниатюре слоя, чтобы открылись параметры наложения.

18. Нажмите на вкладку «Обводка» (Stroke), выберите оранжевый цвет и размер обводки 2 пикселя. После установки необходимых параметров нажмите на кнопку «ОК», чтобы применить обводку.

Примечание: повторите шаги с 10 по 18, чтобы добавить еще одну фигуру, как на рисунке ниже.

4

19. Выберите инструмент «Прямоугольник со скругленными углами» (Round Rectangular Tool).

20. Выберите цвет для новой фигуры, которую мы собираемся создать. Значение цвета можете указать: # a51219.

21. Нарисуйте фигуру как на рисунке выше.

22. Теперь выберите все слои. Для этого зажмите клавишу Ctrl и при помощи левой кнопки мыши кликните по каждому слою.

23. После этого нажмите сочетание клавиш Ctrl + G, чтобы сгруппировать слои, затем можете дать им название «Фигуры».

24. Вставьте небольшое изображение в центр баннера.

5

25. Выберите инструмент «Произвольная фигура» (Custom Shape).

26. Вверху в выпадающем списке «Фигура» выберите «Стрелка 2» (Arrow 2).

27. Добавьте стрелки для улудшения дизайна баннера.

28. Выберите инструмент «Горизонтальный текст» (Text Tool) и добавьте необходимый текст, выбирайте разные шрифты и цвета.

29. Улучшите внешний вид текста, добавив стили слоя.

30. Теперь сгруппируйте слои текста в отдельной папке, как это мы делали ранее со слоями фигур и дайте папке название «Текст».

Созданный баннер готов к размещению на вашем сайте.

Созданный баннер

Я надеюсь, что вы узнали определенные приемы и методы, которые сможете применить при создании других проектов в программе Photoshop. Ниже, можете скачать PSD файл и посмотреть все особенности уже созданного баннера.

Файлы для скачивания

Материал переведен сайтом: WebMasterMix.ru
Источник

Рекомендуем ознакомиться:


Обсуждение материала

Войдите или зарегистрируйтесь,
чтобы добавить вопросы, идеи или ошибки, по данному материалу!

1 1 1 1 1 1 1 1 1 1 Рейтинг 4.75 (4 Голосов)

Подробности

Опубликовано: 06 Июль 2011

Обновлено: 20 Сентябрь 2013

Просмотров: 62630


Источник: http://webmastermix.ru/graphics-for-sites/144-how-to-create-a-banner.html

Как сделать рекламный баннер в фотошопе фото



Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе

Как сделать рекламный баннер в фотошопе


X

Меню

Главная

Как сделать так чтобы муж не гулял от жены
Короткие поздравления с 2015 с юмором
Красивые юбочки для девочек
Как сделать оригами из бумаги оригами схема легкого
Поздравление от директора с окончанием начальной школы
Тройная плойка для волос прически
Кота сшить своими руками
Как сделать на весь экран fallout 3
Модные прически 2000 года
Красивые объемные буквы