Создаем мигающий банер (Photoshop)

Всем привет) Создадим ка мы с Вами флеш банер:

Основная информация:
Существующие размеры банеров
468х60 - Классический баннер
250х250 - 150х150 - 100х100 Квадратные баннеры
180х150 - Прямоугольный баннер
240х400 - Вертикальный прямоугольный баннер
120х600 - Небоскреб
Вес банера варьируется от 15 до 50кб где лучше всего использовать не более 30fps - кадры, а лучше всего 24
Классический банер, который подходит нам для рекламных сайтов - это размер 468х60

Нам надо создать раскладку банера - картинки которые будут мигать. Делаем 3 слайда

и так приступим:
1) создаем саму картинку -
Создаем слой 468х200(это размер банера х3 + пара пикселей для промежутка между банерами )
(для удобства создайте отдельный лист с размерам банера 468х60 залейте его каким нибудь цветом - для удобства, и дублируйте его на основной холст, и там копируйте 3 раза и размещайте по очереди.)
и творим на нем рекламный сюжет, рисуем на нем саму банерную раскладку вот так

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

тем самым у нас 3 банера налегли друг на друга, и расположение текста и картинки не поменяли свое расположение относительно своего банера.
2) Дублируем все папки в тот файл который мы с Вами создавали 468х60, или если вы его закрыли то создаем заново)
и располагаем все папки по центру.
у нас будет все вот в таком виде:

и приступаем к самой анимации, заходим в раздел анимация


Вариант № 1
Нам надо расставить шкалу времени на каждый пост. Мы открываем все папки с низу, и тянем каждую шкалу уменьшая ее время показа. Постараюсь показать на скринах. Словами объяснять тяжело для новичков. Новички, шкалы тянуться за край слоя, когда у вас появится черненькая рамочка при наведении на край, нажимайте ЛКМ и тяните...

И так, все умнички и все все сделали хорошо, проверяем работу:
Нажимаем и потом плэй!
смотрим что получилось, если что то надо подправить в расположении, какого либо элемента, то правим в основном столбе слоев!!
3) Если все отредактировали то сохраняем:
Файл/Сохранить как Web.../ далее не забудьте поставить и нажимаем сохранить

Вы все молодцы и вы сделали свой первый банер!!!

Вариант №2
Еще можно работать с кадрами, так даже проще наверное:
Открываем анимацию, и видим в низу у Вас 1 кадр

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

далее на первом кадре оставляем все как есть, дмем на 2й кадр и в левом столбе наших слоем отключаем самый верхний банер (папку) , далее жмем 3й кадр и отключаем 1й и 2й банер (папку)


и жмем плей, смотрим что получилось) все ок? сохраняем)



Это самый простой банер, который можно сделать, не бойтесь экспериментировать!
Сегодня у Вас получилось вот так
А завтра вы сделаете что то посложнее!


Если Вам понравилось жмем

.gif - анимация
.swf - флэш
Для создания как правило юзается adobe flash

есть много различных способов) я самый простой показала)

и по поводу формата, gif можно конвертировать в swf c помощью программ

1) Баннер может быть абсолютно любого размера
2) Ты показала как сделать gif баннер
3) Слишком сложно для такого баннера, можно сделать ещё проще

Он прав, это gif-анимация. Превращать её в флеш равносильно превращению *.jpg в *.png - толку нет, а вес в 5 раз больше.
А урок ценный для начинающих, +

ну а куда проще чем по кардам? я же тут 2 варианта описала

для меня не составит труда сделать gif'ку, но у тебя почему-то так все запутанно.
И сложилось впечатление, что просто взято и передрато от куда-то, нет объяснения зачем кнопки на панели "Шкала времени"
Флеш-баннер выглядит примерно так) https://www.fl.ru/users/Gothyck/viewproj.php?prjid=4177668 и создается обычно совсем не так как показано в уроке)

Ну урок может и полезный новичкам, но название темы не соответствует содержанию.
Не надо путать флеш и гиф. Для создания флеш баннеров используется к примеру Adobe Flash Professional, и как правильно замечено совсем по другому.
Название темы вводит в заблуждение.

Вот почему в каждом моем топике я опять какая то не такая. Все что то не нравиться. Причем тут проф работы если я показываю НОЧЕВКАМ!!! Для начального понимания, чего то в фотошопе, мои уроки (я считаю) подходят идеально!

1) в смысле нет объяснений? не написала чем отличаются Шкала времени и Анимация по кадрам???
2) причем тут проф банер и урок для начинающих?
3) Хочешь показать как он создается обычно, сделай свой урок, по созданию во флеше, я делаю уроки только по фотошопу.
4) Урок делала сама! Не надо мне приписывать подозрения что я где то слизала!

(Я сначала сделала по привычке со шкалой времени, а потом поняла, что с кадрами проще объяснить и редактировала тему, добавляла как по кадрам надо.)
--- добавлено: 4 апр 2014 в 08:59 ---

ок название поменяла.

для гиф, есть более простые способы. тот же гиф аниматор

Насть, уроки норм, но в группу арт мне кажется вносят не для гайдов по фш. Иы хорошо ретекстурируешь модели эквипа, литмодели, элементы интерфейса. Так и делай гайды по тому, что непосредственно связано с игрульками) ну или готовыми продуктами делись (или ставь на продажу). А золотой текст, простые гиф анимации не относятся к форуму серверостроителей, имхо. Об этом в гугле тысячи гайдов. А вот о том, как обращаться с игровыми моделями и прочей лабудой, знакомо уже гораздо меньше людей.

Я к этому приду постепенно, тексты и все что я делала, я решала выкладывать когда самой надо было как-то, косвенно или на прямую, просто сейчас не так много времени для гайдов полномасштабные, а пропадать не хочется) и тексты можно использовать для создания логотипов для картинок при загрузки данда и все такое, ну и те варианты где описано разрисовка текстов, это можно применять не только на текст но и на формы, текстуры и применять на раскраску тех же самых моделей, просто показывать гайд на тексте проще.