Рекламный баннер для сайта - Web-дизайн - Уроки фотошоп/ Photoshop tutorials - Каталог статей - ART4YOU

Меню

Мини-чат

Опрос

Пользуютесь ли вы Photoshop-ом?
Всего ответов: 89
Главная » Уроки » Уроки фотошоп/ Photoshop tutorials » Web-дизайн

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

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

Итак, представьте себе ситуацию. Вы профессиональный дизайнер, с фотошопом на "ты".
Звонит вам клиент и говорит: Мне нужно сделать баннер с рекламой 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. Осталось только добавить текст.

Готово!


Категория: Web-дизайн | Добавил: malish_ (25.01.2009)
Просмотров: 496 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Профиль

Привет: --=Гость=--

Логин:
Пароль:

.

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Друзья сайта

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0