Главная Контакты Карта сайта
» » » Простая анимация

Простая анимация

Каледарь 3-05-2013 Посетители Просмотров: 5509

Простая анимация Делаем анимацию с Винни-Пухом в фотошопе.



Почему-то считается, что любой пользователь интернета может с легкостью сделать себе анимированную аватарку, или "живой" смайлик, или красивую открытку с блеском. Винни ПухА если и есть подробные уроки о том, как это сделать, они зачастую настолько сложны, что практически не удается что-либо из них понять. Хотя, может быть, мне просто не попадались хорошие уроки и учителя, ну или я совсем уж никудышный ученик.

Поэтому попробую написать пару уроков самостоятельно. Авось,кому-то они помогут.

Начну с самой простой анимации.

Итак, есть картинка - Винни Пух. 

Надо ее немного "оживить".

Шаг 1.

Открываем картинку в фотошопе. (Как минимум, общие понятия о фотошопе должны уже быть, конечно же.)

Шаг 2.

Дублируем картинку на второй слой. (Правой кнопкой мыши по слою и выбрать пункт "Дублировать слой" или "Duplicate layer").

Слои в фотошопеВинни ПухДолжно получиться как на этой картинке.

Шаг 3.

Винни Пуха на втором слое слегка изменяем.

Например, меняем положение ноги и делаем глазки закрытыми.

Можно продублировать после изменения второй слой и на новом слое добавить очередные изменения.

Каждый новый слой - это новый кадр в нашу анимацию.

Естественно, чем больше слоев, тем больше кадров и тем интереснее в идеале должна получиться анимированная картинка.

Но пока хватит и двух кадров.

Шаг 4.

Открываем панель для создания анимации. Для этого даем команду Window - Animation. Внизу рабочего экрана откроется новая панель Animation (FRAMES):

Панель анимации

 Создание анимации в фотошопе


 В правом верхнем углу (место указано красной стрелочкой) нажимаем на кнопку и в открывшемся меню выбираем пункт "Создать кадры из слоев" или "Make Frames From Layers".

Шаг 5.

Создание анимации в фотошопеПод каждым кадром настраиваем время показа. По щелчку по маленькому черному треугольничку открывается окно в котором можно выбрать нужное время. Я задаю 0,2 секунды.

Под первым кадром выбираем пункт FOREVER, то бишь ВСЕГДА. Наша анимация будет повторяться постоянно.

Тут же есть кнопки просмотра. Включаем и любуемся.


Шаг 6.

Сохраняем наше произведение в формате gif. Для этого даем команду "Файл - Сохранить для веб и устройств" или "File - Save for Web & Devices".

Откроется вот такое большое окошко:

Сохранение картинок для webСохранение картинок для web

Вверху справа выбираем формат gif. Внизу нажимаем кнопку сохранить, даем имя и вуаля - наша анимированная картинка готова к употреблению!

Винни Пух


 


Добавление комментария

Ваше Имя:*
Ваш E-Mail:*
Введите код
с картинки:*

Последние статьи:

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


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


велосипедистВесна на носу. Пора пересаживаться на велосипеды. А пока для начала сделаем вот такого велосипедиста. Pаботать будем в программе Flash.



Пора готовить новогодние сюрпризы. И анимированная новогодняя открытка, сделанная своими руками, порадуют ваших близких.



Одним из самых сложных упражнений на автодроме при сдаче экзамена на права является параллельная парковка.
Сегодня попробуем выучить последовательность действий наизусть. А для этого создадим небольшой анимационный ролик на эту тему.


Рождественская открытка
На этом уроке сделаем анимацию рождественской открытки
Сияющие лучи звезды в ночном зимнем небе.
Для создания открытки понадобится только красивая зимняя картинка в темных тонах.


открытка

Скоро Новый Год. И пора подумать о оригинальных поздравительных открытках. А самая лучшая открытка - это та, которая сделана в единственном экземпляре любимому человеку собственными руками



«    Июнь 2019    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930

Реклама

Личный кабинет Обратная связь