GolDenOne.ru
Блог о дизайне: уроки фотошопа,
кисти, клипарты, иконки...
30
Как сделать gif-анимацию
Уроки фотошопа / Средний уровень | Просмотров: 157129
Этот урок поможет вам освоить создание анимации с помощью программы ImageReady. Всего несколько минут и вы становитесь обладателем вашей собственной анимированной gif-картинки или аватара!



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

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

как сделать анимированную картинку imageready анимация как сделать анимированный аватар

уроки по фотошопу уроки по photoshop как сделать анимацию для gif

уроки photoshop gif как сделать анимацию в фотошопе как сделать анимированную картинку

как сделать аватар как сделать анимированную картинку

Теперь все эти картинки мы должны поместить в отдельную папку, это обязательное условие. Кроме этих изображений в папке ничего не должно быть. Кроме того, имена файлов должны быть в том порядке, в котором они должны быть в вашем ролике. Желательно картинки переименовывать примерно таким образом: 1.jpg, 2.jpg, 3.jpg и т.д.

Теперь открываем программу ImageReady (она обычно устанавливается вместе с PhotoShop) и выбираем File->Import->Folder as Frames, в открывшемся окошке ищем нашу папку с картинками и жмем Ok. Половина работы сделана!

делаем анимацию

Программа ImageReady сама расставит кадры в соответствии с именами файлов. Вот почему важно называть файлы по-порядку. В принципе, ролик готов, но мы должны для каждого кадра проставить задержку. Для этого кликаем по первому кадру и, удерживая Shift, по последнему. Таким образом вы выделим все кадры. Теперь мы должны выбрать значение задержки анимации так, как показано на рисунке:

анимация уроки

На рисунке показано, как делать задержку для одного кадра, но в нашем случае задержка будет одинаковой для всех кадров.

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

как сделать анимированную картинку

Осталось только сохранить нашу анимацию как gif. File->Save Optimized As или Ctrl+Alt+Shift+S и сохраняйте ваш проект как gif-картинку.

Вот что получилось у меня:

урок фотошоп анимация

Фон немного дергается, но это из-за того, что при вырезании кадров были погрешности. Это легко исправить, если немного подвигать картинки в кадрах.

Удачи, жду ваших комментариев и замечаний. Также читайте другие уроки фотошоп.
Depositfiles (1.3 MB)
Letitbit (1.32 MB)
Для получения свежих новостей можно подписаться на RSS-канал сайта или email-рассылку.
Смотрите также:
    • Наводим мягкий фокус на фото
    • Как улучшить цвет фотографии
    • Как сделать качественный фотомонтаж
    • Уменьшение изображения
    • Как сделать воду. Реалистичные капли
    • Как сделать татуировку в фотошопе
    • Удаляем задний фон на фотографии
    • Морозное окно, иней на стекле
    • Урок - как омолодить лицо в фотошопе
    • Урок - как нарисовать полосатый фон?
Немного рекламы
Навигация Загрузки
Ссылки
Немного рекламы
Архив блога
2014 Декабрь
2014 Ноябрь
2014 Октябрь
2014 Сентябрь
2014 Август
2014 Июль
2014 Июнь
2014 Май
2014 Апрель
2014 Март
2014 Февраль
2014 Январь
2013 Декабрь
2013 Ноябрь
2013 Октябрь
2013 Сентябрь
2013 Август
2013 Июль
2013 Июнь
2013 Май
Немного рекламы
Вся подробная информация - куда вложить 500000 рублей - подробная информация на нашем сайте! . Для утончения цен на сауны и бани, советую заглянуть на сайт по ссылке.

Друзья сайта
Широкоформатные обои
Дизайн сайтов
Мини-игры и иллюзии
Обои для рабочего стола
Немного о блоге:

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

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

Совсем скоро планирую сделать галерею для сайта с клипартами и удобным поиском, но это пока планы.
Популярные новости:

Обработка фотографии (648213)
Улучшаем качество фото (327997)
Скачать шаблон фотошоп - прически (283060)
Удаляем задний фон на фотографии (243955)
Девушка в купальнике, обработка фото (228001)
Как сделать аватар самому? (203291)
Крылья ангела - кисти фотошоп (183886)
Делаем рамку на фотографию (182570)
Урок - как омолодить лицо в фотошопе (182462)
Рамка на фото за 5 минут! (162087)
Как сделать gif-анимацию (157129)
Кисти ресниц - 34 кисти в наборе (155820)
Как сделать черно-белое из цветного? (139157)
Рисуем огонь в фотошопе (138470)
Как использовать формат EPS? (127040)
Кисти фотошоп - прически и волосы (124020)
Наводим мягкий фокус на фото (115115)
Делаем рамку внутри фото (112036)
Как сделать качественный фотомонтаж (111055)
Урок фотошопа - использование шаблона (105483)
Уроки фотошопа: рисование, обработка фотографий, скачать иконки, скачать векторные клипарты, шаблоны фотошоп, скачать кисти для фотошопа
Дизайн и программирование - GolDenOne © 2007-2010