» » Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса

1-10-2012, 16:36
Как сделать анимацию крутящегося шара или глобуса


Как сделать анимацию крутящегося шара или глобуса


Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса



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

Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса


1. Запускаем программу GIMP, идем Файл - Открыть и открываем изображение с картой.(боковые окошки программы можно закрыть, нажав на крестик)
Как сделать анимацию крутящегося шара или глобуса

2. Идем Фильтры - Анимация - Крутящийся шар, настройки как у меня, жмем Ок.
Как сделать анимацию крутящегося шара или глобуса

У меня получилось так. Немного не похоже на шар, но чуть позже отредактируем в программе Фотошоп.
Как сделать анимацию крутящегося шара или глобуса

3. Нажимаем Файл - Экспортировать в... Выбираем формат Gif , и жмем Экспортировать, далее Экспорт.
Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса

4. Можно закрывать программу GIMP, она нам больше не нужна.
5. Открываем полученную картинку в программе Фотошоп - Файл - Открыть. В панели слоев - 10 слоев нашей анимации.
6. Щелкаем по нижнему слою, зажимаем клавишу Shift, щелкаем по верхнему. Все слои окрасились в синий цвет.
7. Идем Редактирование - Свободное Трансформирование и, зажав клавишу Shift, потянем крайние стенки к центру. Получился шар. У меня так.
Как сделать анимацию крутящегося шара или глобуса

Можно открыть панель анимации - Окно - Анимация и запустить воиспроизведение.
Как сделать анимацию крутящегося шара или глобуса

8. Если все устраивает - сохраняем анимацию Земного шара, нажав Файл - Сохранить для web устройств...
Как сделать анимацию крутящегося шара или глобуса

Формат - Gif, можно поменять размер анимации и жмем Сохранить. Выбираем папку, прописываем название и опять Сохранить.
9. Идем дальше, открываем изображение с глобусом. Перетащим выделенные синем слои анимации Земного шара на картинку с глобусом, зажав слои левой кнопкой мыши.
Как сделать анимацию крутящегося шара или глобуса

Как сделать анимацию крутящегося шара или глобуса

Анимацию шара можно закрыть, она нам больше не нужна.
10.С помощью инструмента Редактирование - Свободное трансформирование подгоняем размер шара под глобус.
Как сделать анимацию крутящегося шара или глобуса

У меня так.
Как сделать анимацию крутящегося шара или глобуса

11. Теперь создаем анимацию глобуса. Для этого идем в панель анимации и жмем создать кадры из слоев. Первый кадр нам не нужен - удаляем его.
Как сделать анимацию крутящегося шара или глобуса

1 кадр - глазики открыты на слое глобуса и нижнего слоя шара.
Как сделать анимацию крутящегося шара или глобуса

2 кадр - глазики открыты на слое глобуса и на втором с низа слое шара и т.д.
Как сделать анимацию крутящегося шара или глобуса

Слой с фоном должен быть включен на всех кадрах.
12. Проставим время анимации - щелкаем на первом кадре, зажимаем Shift, щелкаем на последнем. Все кадры окрасились в синий цвет.Можно изменить время - 0,1 сек.
Как сделать анимацию крутящегося шара или глобуса

Все проигрываем анимацию, у меня так.
Как сделать анимацию крутящегося шара или глобуса

13. Если нужно, чтобы глобус крутился в другую сторону, в панели анимации жмем - Обратный порядок кадров.
Как сделать анимацию крутящегося шара или глобуса

14. Сохраняем анимацию в формате Gif . Как это сделать, описано в пункте 8.
Социальные сети и закладки

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии:

Оставить комментарий
  • Группа: Гости
  • ICQ:
  • Регистрация: --
  • Статус:
  • 0 комментариев
  • 0 публикаций
^
Здравствуйте!Ооооооооооооогромное Вам спасибо, все получилось с первого раза,в описании Вы приводите как произвести экспорт на двух одинаковых окнах,а программа выдает второе окно другое,но разобрался,дай Бог Вам Здоровья,жизненных удач и благополучия.
  • Admin

  • 2 октября 2012 09:02
  • Группа: Администраторы
  • ICQ:
  • Регистрация: 24.04.2011
  • Статус: Пользователь offline
  • 45 комментариев
  • 240 публикаций
^
Здравствуйте! Спасибо, что заметили, продублировалась одна и та же картинка. Все исправила.
  • Группа: Гости
  • ICQ:
  • Регистрация: --
  • Статус:
  • 0 комментариев
  • 0 публикаций
^
Вам спасибо,что есть такой сайт, где учат абсолютно бесплатно,в настоящее время это редкость, заслуживающая особых слов благодарности, еще раз СПАСИБО! если могу быть полезен, пишите.
  • Admin

  • 2 октября 2012 09:26
  • Группа: Администраторы
  • ICQ:
  • Регистрация: 24.04.2011
  • Статус: Пользователь offline
  • 45 комментариев
  • 240 публикаций
^
Спасибо !!! Будут еще интересные статьи, уроки, плагины для анимации и не только, так что заходите. smile
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.