Логотип - вращающийся шар

В этом уроке объединим две темы:

1. создадим логотип для сайта географической тематики
2. научимся делать вращающийся шар

Сделаем к примеру для сайта на тему География, Школа или Туризм логотип в виде вращающегося глобуса. Сделать это не сложно. Для начала необходимо найти в интернете необходимые картинки, из которых будем всё это лепить. Нам нужны будут две картинки - карта Земли в развёрнутом виде и подставка для глобуса.

Для упрощения выполнения задачи, воспользуемся сначала программой Gimp и потом доделаем в Фотошопе.

Gimp - это графический редактор, аналог Фотошопа. В нём множество замечательных функций, которые в чем-то немного упрощают создание графики. Программа совершенно бесплатна и скачивать её лучше с официального сайта - gimp.ru На сайте ознакомитесь с программой и почитаете некоторые уроки.

Я для работы приготовил вот такие две картинки:

В программе Gimp в рабочем окне в меню Файл выбираем пункт Открыть и загружаем картинку карты:

Далее в панели меню выбираем Фильтр - Анимация - Вращающийся шар:

Выскочит окошко, в котором есть настройки:

20 - это количество кадров анимации. Нажимаем на ОК и программа сделает эти 20 кадров анимации. По окончании откроется вот такое окно с готовым "шаром" в виде яйца, которое мы потом подкорректируем в Фотошопе:

Теперь надо сохранить эту анимацию. Выбираем в панели меню Файл - Экспортировать:

Откроется окно, в котором выберите папку для сохранения файла и расширение GIF для файла:

Нажимаете Экспортировать и в открывшемся окошке сделать небольшие настройки:

Необходимо поставить галочки возле Сохранить как анимацию и Бесконечный цикл. Цифра 100 означает время задержки между кадрами. Уменьшая число, будет увеличиваться скорость вращения, а увеличивая - будет повышаться. Нажимаете Экспорт и файл сохранится в ранее выбранной папке.

Теперь можно выключит программу Gimp и переходим в фотошоп. Открываем в программе созданный файл, и в палитре слоёв увидим, что наша анимация имеет 20 кадров:

Придадим овальной форме форму шара. Для этого сначала выделим все слои. Сделайте клик по первому слою и, зажав клавишу Shift, сделайте клик по последнему слою. Затем сделаем трансформирование овальной фигуры с помощью комбинации клавиш Ctrl + T и сдвигая боковые опорные точки к центру, добиваемся формы шара:

Перенесём все слои шара на картинку с подставкой для глобуса. Для этого зажмите левую кнопку мышки на выделенных слоях и переместите на картинку с подставкой. Получится вот такой результат:

Подгоним размер нашего шарика к опорам на подставке. Опять выделяем все слои с шаром, включаем комбинацию клавиш Ctrl + T  и аккуратно растягиваем шар, удерживаю клавишу Shift, чтобы не сбились пропорции:

Включаем окно анимации в меню Окно - Анимация. Будем по порядку создавать все 20 кадров. Делаем первый кадр и сразу выставим в нём время задержки 0,1 с. а в панели слоёв включаем первую пару - слой с подставкой и первый слой с шаром:

Теперь делаем второй кадр, кликнув по значку, указанному стрелкой:

В панели слоёв слой с подставкой будет включен постоянно. Для второго кадра отключите первый слой с шаром и включите второй....

И дальше всё по этой схеме - делаете кадр - включаете следующий слой шара - предыдущий выключаете. И так надо дойти до двадцатого слоя. В итоге получится 20 кадров анимации.

Теперь можно проверить как работает наш глобус. Перед запуском выставьте Постоянно (указано стрелкой) и нажмите на треугольник.

В итоге всё будет работать вот так:

Для использования этого как логотип, необходимо будет изменить все слои до нужного размера. Ну а на саму сферу можно наложить любой рисунок, узор, надпись. Из-за того, что картинка карты была прямоугольной формы, пришлось использовать Фотошоп. Если в Gimp делать слой квадратным, то фотошоп Вам не потребуется.

Надеюсь этот урок кому-то понравится.