Создаём свой аниме баннер - Форум о сайтостроении

Страница 1 из 1
1

Создаём свой аниме баннер

Alexiya

Дата: Воскресенье, 18.05.2014, 01:17 | Сообщение # 1

Группа: Администраторы

Сообщений: 180

Репутация: 11

Статус: Offline

Для начинающих аниме администраторов данная тема очень актуальна и на примере нашего баннера, которого пока нет,
мы будем учиться делать баннер для сайта.
Мы будем делать баннер в программе Photoshop (Фотошоп) поверьте начинающим администраторам будет впользу хотя бы частично изучить эту программу.

Итак мы начинаем и создаём документ размерами:
ширина 88 пиксей и длина 31 пикси

Далее в программе фотошоп нам нужно загрузить рабочую среду "Video"

И теперь смотрим подходящую аниме картинку и переносим её в фотошоп
После того как картинку перенесли её размеры нужно будет уменьшить, но сначала мы должны выбрать
Преобразовать в покадровую анимацию (нажать на три квадратика)

и у вас будет приблизительно такой вид

мы сменим начальные 10 секунд на 0.2 секунды и сразу добавим текст (в нашем случае Аниме клон помощник сайту)
как мы видим надпись длинная и поэтому её нужно будет разбить на три слоя:
1-Аниме клон
2-помощник
3-сайту
и для этого мы нажимаем на буковку Т (

) и выбираем цвет текста (я беру синий #3a32da)
и начинаем печатать Аниме клон и также следующие надписи, не переживайте что все надписи будут выглядеть скомкано и друг на друге, мы это поправим!!
На данный момент получается вот такая белеберда

а справа задний план-слой с картинкой-и три слоя с надписями!!

аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!

Alexiya

Дата: Воскресенье, 18.05.2014, 01:31 | Сообщение # 2

Группа: Администраторы

Сообщений: 180

Репутация: 11

Статус: Offline

Теперь уберём глазики с текста и будем подгонять нашу аниме картинку под наш баннер

чтобы уменьшить изображение нам необходимо выбрать:
Редактирование > Свободное трансформирование и с помощью стрелок курсора уменьшить изображение

теперь дублируем кадр

и наживаем на такой значок

и нажимаем на клавиатуре стрелочку вверх 10-12 раз ( у вас может быть по другому)
далее снова дублируем кадр из предыдущего и нажимаем на стрелочку вверх 8-10 раз
и вот что у нас начинает получатся

опять дублируем кадр и снова нажимаем стрелочку вверх 8-10 раз и так до сей поры пока не кончится рисуночек

После того как мы закончили анимацию рисунка на баннере, нам нужно начать работать с текстом и для этого снова
дублируем кадр

и выключаем слой с картинкой и включаем слой Аниме клон меняем время показа на 2 секунды
и дублируем кадр и уже на новом кадре выключаем слой Аниме клон и включаем слой помощник
далее дублируем кадр и уже на новом кадре выключаем слой помощник и включаем слой сайту

И теперь на остаётся только сохранить наш анимированный баннер и для этого мы нажимаем:
Файл > Сохранить для Web и устройств
и появляется форма, в которой мы можем задать цикличное воспроизведение баннера или одноразовое, в нашем случае будет цикличное и мы ставим опцию Forever