Авторское право © WWW : Балбесов нет: Компьютерная графика
Перепубликация материалов,возможна только с устного или письменного разрешения Администрации сайта !
Название статьи , Опубликовано Статьи » Уроки » Adobe Photoshop » Урок создания банера в фотошопе
13 марта 2008 22:56

В своей статье я хочу подробно описать метод создания баннеров во всем известной программе 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. И на последок добавляем текст и анимацию по вскусу.

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


Автор статьи balbesof.net
Если у вас возникнут дополнения по этой статье, то присылайте их на адрес администрации портала.
URL / WWW
http://balbesof.net/article/a-51.html