Уроки Веб и приложения Зинаида Лукьянова 22 января 2008

Рекламный баннер для сайта

Сложность урока: Средний

В этом Фотошоп уроке будем создавать рекламный баннер на сайт.

Итак, представьте себе ситуацию. Вы профессиональный дизайнер, с фотошопом на "ты".
Звонит вам клиент и говорит: Мне нужно сделать баннер с рекламой iPod Nano на сайт с таким слоганом (например): "iPod Nano - cтильная штучка. Возьми себе такой!"
Вы говорите: Нет проблем! Завтра будет.

И начинаете работать:

1. Создаете новый документ 468×60 px разрешение 72.
2. Создайте новый слой и возьмите инструмент .
Установите цвета градиента.

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

4. Теперь вам нужно найти картинку самого iPod Nano. Я нашла в интернете на этой страничке.

5. Скопируйте картинку и переместите ее в фотошоп.

6. Возьмите инструмент в режиме контуров, радиус скругления 14 px

7. Щелчок правой кнопкой по контуру - выберите команду Make Selection (Образовать выделенную область). Затем выберите инструмент перемещение и перетащите iPod на свой документ.

8. Он конечно немного большой.
Уменьшите размеры с помощью Ctrl + T

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

Самый простой способ создать сияние:
1) Нарисовать обычной маленькой твердой кистью что-то подобное:

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

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

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

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

10. Вырежьте кусочек с сиянием и разместите его на баннере под iPod.

11. Осталось только добавить текст.

Готово!

До встречи на www.creativo.one!

Источник: www.nobstutorials.com

149 тыс. 100
Печать Жалоба

Комментарии 100

Огромное спасибо за урок! Не думал что так просто и быстро можно создать красивый и динамичный баннер :)

Спасибо за урок! Просто и ясно

Не понял пункт : Теперь примените фильтр Sharpen - Unsharp Mask (Резкость - нерезкая маска) с настройками .А так вот моя гордость:

semenkov91, Прикольный котя)) По поводу фильтра - а что не понятно? Просто берёте и применяете фильтр Sharpen - Unsharp Mask - в русской версии фотошопа - "Фильтр - Усиление резкости - Контурная резкость" к слою с размытым свечением.

Отклонился от работы в свою отбитую сторону.

урок простой и интересный!) очень понравился способ создавать сияние!большое спасибо!))

Спасибо за простой и эффектный прием!

Спасибки=)

Спасибо.Моя реклама стильному ноуту.

Спасибо за урок

С черным юмором.Спасибо.

как вырезать кусочик сияния, у меня черный фон, че мне с ним делать?

Спасибо огромное!

Очень понравилось, здорово. Спасибо

Огромное спасибо! Урок был очень интересным.

Спасибо за идею!

Кривовато и со вкусом. Спасибо, единственное над чем пришлось задуматься - что написать в описании!

спасибо за урок

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее