Design Help

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

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


Вы здесь » Design Help » Продвинутые Уроки Фотошопа » Создание баннера


Создание баннера

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

1

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

Шаг №1

Будем работать пока только с текстом.
Открываем фотошоп. New-> создаем новый фаил любого размера. Я например сделала ее 150Х50.
Что бы открыть функцию анимации вам нужно нажать Window-> animation( поставить галочку, один раз нажав)

http://s57.radikal.ru/i158/1010/3a/75bea1c94ac7.jpg

внизу у вас откроется панель анимации

http://s41.radikal.ru/i093/1010/a4/debd3ce6682f.jpg

Шаг№2

Любым шрифтом пишите нужный вам текст. Каждое слово или предложение на новом слое.( К слову: если вы работаете с картинками, то тут вся такая же технология. За места текста картинки  или даже совмещать текст и картинки)

http://s006.radikal.ru/i213/1010/b3/e1bb3e6d66b1.jpg

Шаг№3

Перед этим уберем все "галочки" со слоев, оставив только тот с которого начнеться анимация
http://s006.radikal.ru/i213/1010/b3/e1bb3e6d66b1.jpg

Теперь обращаемся к панели анимации. нажимаем на кнопочку обозначающую новый слой(см. рис)
http://s52.radikal.ru/i135/1010/8b/7fcef4445c22.jpg

и теперь убираем "галочку" с первого слоя ставя ее на второй.( см. на рис выше.)

Эту процедуру( создание нового кадра и перемещение "галочки") мы продолжаем до тех пор пока слова или картинки не закончаться.)))

http://i078.radikal.ru/1010/c6/f9730d9f7f5at.jpg

Шаг №4
ну теперь можно посмотреть что получилось...
http://s40.radikal.ru/i087/1010/d0/e2a255cc0b2e.gif

Дааа... скорость еще та, но это можно исправить.

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

http://i025.radikal.ru/1010/e7/b893d14cd09b.jpg

я поставлю для каждого 0,2 сек. вот что получается.

http://s43.radikal.ru/i099/1010/ff/39c56f29181a.gif.


Шаг №5

Ну вот урок подошел к концу. Но остался еще один главный пункт!
Как СОХРАНЯТЬ!

обязательно сохраняйте  Save For Web and Devices
   иначе вы не увидите анимацию.

Спасибо за внимание , если , что спрашивайте я подскажу)

[mod]Копируя урок не забывайте оставлять подле нее ссылку на этот источник и имя автора!!![/mod]

+1

2

SweetyNasty
Я тебя обожаю за этот урок! Всегда хотела научиться делать баннеры) Плюс и много-много поцелуев)

0

3

о.о вышло... я не особо его оформлял...вот:
http://i034.radikal.ru/1012/48/0aed81d802d7.gif

0

4

яю[

яю[

яю[

0

5

яю[

яю[

яю[

0


Вы здесь » Design Help » Продвинутые Уроки Фотошопа » Создание баннера


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC