Перейти к содержимому

Добро пожаловать к нам на сайт! Про Ваш статус и права можно прочитать в Этой теме

Для просмотра картинок и скачивания файлов с форума - пройдите регистрацию!   Проблемы с регистрацией - вам сюда




Фотография

КАК создать профессиональный баннер?


  • Авторизуйтесь для відповіді у темі
У цій темі немає відповідей

#1
RUS_D

RUS_D

    Главный АДМИН

  • Не в сети
  • Тех. Админ
  •  Администратор
  • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-грудень 08
  • 5 029 Cообщений
  • Пропуск №: 2

0 баллов предупреждения
Репутация: 8 184

Репутация: 8184 Постов: 5029
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.

Итак, для начала вам нужно создать документ размерами 500х300 пикселов и залить его белым цветом.

Затем выберите Rectangle Tool (Radius: 5 пикселей), чтобы создать форму цвета #6d9e1e, как на картинке ниже.

После этого примените стиль Gradient Overlay к этому слою.

Результат должен быть следующим:

Отлично, переходим к следующему шагу. Время создать шапку для нашего баннера. Нажмите Ctrl + левый клик по иконке слоя в палитре слоев, чтобы сделать выделение формы баннера, а затем, используя Rectangular Marquee Tool, отрежьте нижнюю часть выделения, зажав предварительно кнопку Alt. После этого заполните оставшуюся часть белым цветом.

Снимаем выделение с помощью комбинации клавиш Ctrl + D, после этого изменим режим наложения слоя на Overlay и снизим непрозрачность до 20%.

Отлично, переходим к следующему шагу. Я хотел бы добавить некоторые графические элементы для нашего заголовка. Найдите в Google подходящую картинку, которую вы хотите добавить. Это ваше дело, что это за изображение будет. Всё будет зависеть от тематики баннера. Что касается меня, я буду использовать изображение будильника, которое можно скачать отсюда. Открываем изображение и копируем его на основной холст. После этого нажмите Ctrl + T, чтобы немного уменьшить изображение.

Применить Sharpen Tool, чтобы сделать объект немного более четким.

Отлично, переходим к следующему шагу. Выбираем Horizontal Type Tool и пишем название для заголовка.

На изображении выше мы использовали шрифт Myriad Pro и использовали белый цвет. Фактически, он коммерческий, но если он вам не нравится, вы можете легко найти лучшую альтернативу. После этого примените стиль Drop Shadow для слоя с текстом.

Показываю результат ниже:

Хорошо, мы сделали заголовок. После этого я хотел бы добавить еще несколько элементов дизайна на наш баннер. Выберите Custom Shape Tool и выберите одну из стандартных форм Photoshop, которую вы видите на картинке ниже.

Добавьте две фигуры белого цвета на баннер

Слейте два слоя с этими формами в один слой. Теперь нам нужно удалить все части форм, находящиеся вне области баннера. Как мы можем это сделать? Находясь на слое с двумя белыми фигурами, нажмите Ctrl + левый клик на слое с фигурой баннера в палитре слоев, чтобы выделить форму баннера, а затем инвертируйте выделение комбинацией Ctrl + Shift + I. Затем нажмите кнопку Удалить, чтобы очистить выделенную область.

Снимите выделение комбинацией Ctrl + D. А теперь попробуйте повозиться с режимами слоя и непрозрачностью. Я выбрал режим Soft Light с непрозрачностью 20%.

Теперь нам нужно убрать части этих элементов из заголовка баннера. Используйте Rectangular Marquee Tool, чтобы сделать выделение, как на картинке ниже, и нажмите на кнопку Удалить, чтобы очистить выделенную область.

Снимите выделение Ctrl + D и добавьте еще текст с помощью Horizontal Type Tool. Вновь используйте белый цвет для текста.

Настало время добавить последний текст. Но перед этим я хочу сделать для него некоторый фон. Используя Rounded Rectangle Tool (Radius: 2 пикселей) , добавим форму цветом #69990d.

Теперь, используя инструмент Horizontal Type Tool, добавляем текст на этом фоне.

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





реклама на сайте подключена

Использование материалов сайта только с разрешения Администрации!
Или с указанием прямой ссылки на источник. 2008 - 2017 © Stalker-Worlds