Учимся делать банер в Photoshop

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