01.03.2012, 18:40

Учимся делать анимационный баннер в фотошопе


В этой статье я расскажу вам, как создать простой баннер в фотошопе. Для начала создадим в фотошопе новый документ с любыми размерами, я взял 400x60px.

Применим любой градиент, заливку или вообще оставим фон прозрачным, я взял градиент во с такими настройками:


Далее выбираем инструмент “Текст” и пишем нужные нам слова: “InfoScript.ru”. Снимем видимость у текстового слоя, на котором написано “InfoScript.ru” .

Далее пишем “Всё для веб-мастера” и тоже снимаем видимость слоя.

После нам надо активировать окно “Анимация”. После включения окна активации, вы увидите следующие:


Если увидите вместо этого окна, вот такое:


То, перейдите в покадровую анимацию, для этого нажмите на кнопку в правом нижнем углу.

И так приступим к анимации. Создадим копию кадра в окне анимации, для этого нажмём на кнопку “Создание копии выделенных кадров”

После копирования, на втором кадре поставим видимым слой “InfoScript.ru”.

Теперь выберем первый кадр и нажмём на кнопку “Создание промежуточных кадров”

В появившимся окне ставим следующие параметры:


Нажимаем “ОК”
Вот так должно получится:

Далее дублируем последний кадр, в моём случае это ‘12” кадр.

Теперь у “13” кадра снимаем видимость слоя “InfoScript.ru”. Выбираем “12” кадр и нажимаем на кнопку “Создание промежуточных кадров”.

В появившимся окне ставим следующие параметры:


Нажимаем “ОК”.

Дублируем “23” кадр.

На “24” кадре делаем видимым слой “Всё для веб-мастера”.

Выбираем “23” кадр и нажимаем на кнопку “Создание промежуточных кадров”

В появившимся окне ставим следующие параметры:


Нажимаем “ОК”.

Дублируем “34” кадр.

На “35” кадре снимаем видимость у слоя “ Всё для веб-мастера ”

Выбираем “35” кадр и нажимаем на кнопку “Создание промежуточных кадров”
В появившимся окне ставим следующие параметры:

Нажимаем “ОК”.

На этом создание баннера почти закончилось, осталось пару мелочей. Чтобы анимация шла без остановки надо поставить “Постоянно”.

Осталось только сохранить.

И вот что у нас получилось :


Это конечно самый простой анимационный баннер, который можно сделать в фотошопе. На этом я заканчиваю свою статью. Спасибо за внимание!

Источник/Автор: worldmusic-mp3.ru

Категория: Прочее | Добавил: Danil (01.03.2012) Просмотров: 1688 | Рейтинг: 5.0/5
Всего комментариев: 3
0  
1 HOST   (11.03.2012 12:08) [Материал]
Аватар пользователя
Улыбнуло****

0  
2 Danil   (11.03.2012 20:01) [Материал]
Аватар пользователя
HOST, хотелось бы от тебя услышать, нормально получилось?

0  
3 frenkmalcov   (11.03.2012 20:11) [Материал]
Аватар пользователя
для начала не плохо) я может сегодня тоже выложу

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]