Главная страницаКисти для фотошопа Каталог файловПрофиль
  • Страница 1 из 1
  • 1
Урок создания банера в фотошопе
MarqueДата: Воскресенье, 13.12.2009, 15:06 | Сообщение # 1
Титул: Сержант
Сообщений: 32
Репутация: [ 2 ]
В своей статье я хочу подробно описать метод создания баннеров во всем известной программе Adobe Photoshop. На самом деле сделать рекламный баннер для какого-либо сайт не так уж и сложно.
Давайте представим, что вы профессиональный дизингер и работаете в крупной рекламной компании. У вас появился очередной заказ на рекламный банер. Вам нужно сделать баннер с рекламой смартфона Nokia N92 на сайт с таким текстом: “Получи новый смартфон Nokia N92 бесплатно”
И вы садитесь за работу.

1. Для начала нам нужно создать новый файл размером 468x60px (это стандарт у банеров).

2. Создадим новый слой и возьмем инструмент и установите цвет градиента:

3. Выбираем градиент(радиальный) И проводим курсором по документу:

4. Получаем:

5. А теперь нам нужен рисунок самого смартфона Nokia N92

6. Копируем картинку в Photoshop.
7. Берём инструмент магнитное лассо) и выделяем наш смартфон.
8. Выделенной изображение копируем(Ctrl+C) и вставляем(Ctrl+V) на наш баннер.

9. Оно, конечно, будет немного большим. Уменьшаем размер с помощью Ctrl+T

10. Теперь выделим Смартфон от фона. Нарисуем за ним сияние или взрыв.
Для этого создайте новый документ 400x400 px с черным фоном. Создайте новый слой.
Самый простой способ создать сияние:
Нарисовать обычной маленькой твердой кистью что-то подобное:

Затем несколько раз примените фильтр - Blur - Radial Blur (Размытие - Радиальное размытие) со значениями:

Нажимайте Ctrl + F, чтобы применять фильтр еще раз. Получится примерно так:

Теперь примените фильтр Sharpen - Unsharp Mask (Резкость - нерезкая маска) с настройками:

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

11. Вырезаем наше сияние и размещаем его на банере под смартфон.

12. И на последок добавляем текст и анимацию по вскусу.

Получим примерно следующее:

  • Страница 1 из 1
  • 1
Поиск: