Мир дизайна

Объявление

Уважаемые гости не проходим мимо! У нас интересно! Деклаем заказы! Общаемся и веселимся! Ведь это класнно! Приглашайте людей к нам! Нам важно всё!

Информация о пользователе

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


Вы здесь » Мир дизайна » Уроки по Фотошопу » Делаем баннер


Делаем баннер

Сообщений 1 страница 2 из 2

1

Баннер делается по томуже принцему, что и анимация. Есть 2 вида баннеров:
1. Простой-это когда толлько надпись
2. Сложный-это когда есть и картинка и текст

И так сразу я вам покажу как делать самый простой баннер.
Для начала я создам новый файл размером 125 на 125 и заливаем его любым цветом.
Чтобы он был красивей я сделаю там рамочку вот так:
http://i039.radikal.ru/1012/9f/61240018553a.jpg
Для этого нужно нажать 2 раза по  слою и выбрать обводка.
Затем с помощью инструмента Горизонтальный текс или вертикальный (какой вам больше хочется)мы пишем текст вот так:
http://i070.radikal.ru/1012/ee/ece2803e1078.jpg
Тоже самое делаем с другими. Создаём и пишем текс. Вот у меня вышло 3 изображения из которых я буду делать анимированый баннер:
http://i070.radikal.ru/1012/ee/ece2803e1078.jpg
http://i055.radikal.ru/1012/db/3e73c0dac8ed.jpg
http://s60.radikal.ru/i170/1012/57/a29958d6021d.jpg
Вот, что вышло. Затем делаем тоже самое , что и в анимации.
Файл>Сохранить для Веб устройст>jpeg(формат изображения)
Так делаем с каждым! Потом открываем все изображения с помощью выделения.
Всё выносим на одну общую область.Первое изображение мы не трогаем! Берём второе изображение нажимаем Ctrl+A. Удерживая Ctrl переносим изображение на первое изображение. И так делаем с каждыми. В итоге у вас должно быть где слева понелька 2 слоя(как у меня)
Закрываем всё и оставляем только первое изображение где все исходники. Открываем Окно>Анимация.
У вас появляется окно анимацииГде идёт это окно есть такая стрелочка вниз и несколько линий. Там мы нажимаем Создать кадры из слоёв.
У нас появляются все слои изображения. Затем нажимаем клавижу Shift  и выделяем все кадры на панели анимации. Затем устанавливаем значение промежутка допустим в 1 second. Нажимаем там стрелочку и наслаждаемся своей анимацией.
Вот, что у меня вышло:

http://i059.radikal.ru/1012/8e/89e3348aa571.gif

0

2

Теперь будем делать сложный баннерЙ! С изображением и текстом.
Принцип тотже, что и в простом баннере.
Я взяла такой исходник:
http://s50.radikal.ru/i128/1012/9a/9f4f0815b936.jpg
Я добавляю текст к изображению и у меня получается вот такое:
http://i041.radikal.ru/1012/25/56cab5d12c2f.jpg
Тоже самое я делаю с двумя изображении . Они у меня выходят вот так:
http://i071.radikal.ru/1012/9d/b4e206dfd9ea.jpg
http://s42.radikal.ru/i095/1012/51/875e5dff6c74.jpg
Затем делаем всё тоже самое, что в простом баннере!
Файл>Сохранить для Веб устройст>jpeg(формат изображения)
Так делаем с каждым! Потом открываем все изображения с помощью выделения.
Всё выносим на одну общую область.Первое изображение мы не трогаем! Берём второе изображение нажимаем Ctrl+A. Удерживая Ctrl переносим изображение на первое изображение. И так делаем с каждыми. В итоге у вас должно быть где слева понелька 2 слоя(как у меня)
Закрываем всё и оставляем только первое изображение где все исходники. Открываем Окно>Анимация.
У вас появляется окно анимации. Где идёт это окно есть такая стрелочка вниз и несколько линий. Там мы нажимаем Создать кадры из слоёв.
У нас появляются все слои изображения. Затем нажимаем клавижу Shift  и выделяем все кадры на панели анимации. Затем устанавливаем значение промежутка допустим в 1 second. Нажимаем там стрелочку и наслаждаемся своей анимацией.
Вот, что у меня вышло:
http://s001.radikal.ru/i195/1012/24/9e3819ebf861.gif

0


Вы здесь » Мир дизайна » Уроки по Фотошопу » Делаем баннер