В этом уроке объединим две темы:
- создадим логотип для сайта географической тематики
- научимся делать вращающийся шар
Сделаем к примеру для сайта на тему География, Школа или Туризм логотип в виде вращающегося глобуса. Сделать это не сложно. Для начала необходимо найти в интернете необходимые картинки, из которых будем всё это лепить. Нам нужны будут две картинки - карта Земли в развёрнутом виде и подставка для глобуса.
Итогом этого урока будет вот такой логотип:
Для упрощения выполнения задачи, воспользуемся сначала программой Gimp и потом доделаем в Фотошопе.
Gimp - это графический редактор, аналог Фотошопа. В нём множество замечательных функций, которые в чем-то немного упрощают создание графики. Программа совершенно бесплатна и скачивать её лучше с официального сайта - gimp.ru На сайте ознакомитесь с программой и почитаете некоторые уроки.
Я для работы приготовил вот такие две картинки:
В программе Gimp в рабочем окне в меню Файл выбираем пункт Открыть и загружаем картинку карты:
Далее в панели меню выбираем Фильтр - Анимация - Вращающийся шар:
Выскочит окошко, в котором есть настройки:
20 - это количество кадров анимации. Нажимаем на ОК и программа сделает эти 20 кадров анимации. По окончании откроется вот такое окно с готовым "шаром" в виде яйца, которое мы потом подкорректируем в Фотошопе:
Теперь надо сохранить эту анимацию. Выбираем в панели меню Файл - Экспортировать:
Откроется окно, в котором выберите папку для сохранения файла и расширение GIF для файла:
Нажимаете Экспортировать и в открывшемся окошке сделать небольшие настройки:
Необходимо поставить галочки возле Сохранить как анимацию и Бесконечный цикл. Цифра 100 означает время задержки между кадрами. Уменьшая число, будет увеличиваться скорость вращения, а увеличивая - будет повышаться. Нажимаете Экспорт и файл сохранится в ранее выбранной папке.
Теперь можно выключит программу Gimp и переходим в фотошоп. Открываем в программе созданный файл, и в палитре слоёв увидим, что наша анимация имеет 20 кадров:
Придадим овальной форме форму шара. Для этого сначала выделим все слои. Сделайте клик по первому слою и, зажав клавишу Shift, сделайте клик по последнему слою.
Затем сделаем трансформирование овальной фигуры с помощью комбинации клавиш Ctrl + T и сдвигая боковые опорные точки к центру, добиваемся формы шара:
Перенесём все слои шара на картинку с подставкой для глобуса. Для этого зажмите левую кнопку мышки на выделенных слоях и переместите на картинку с подставкой. Получится вот такой результат:
Подгоним размер нашего шарика к опорам на подставке. Опять выделяем все слои с шаром, включаем комбинацию клавиш Ctrl + T и аккуратно растягиваем шар, удерживаю клавишу Shift, чтобы не сбились пропорции:
Включаем окно анимации в меню Окно - Анимация. Будем по порядку создавать все 20 кадров. Делаем первый кадр и сразу выставим в нём время задержки 0,1 с. а в панели слоёв включаем первую пару - слой с подставкой и первый слой с шаром:
Теперь делаем второй кадр, кликнув по значку, указанному стрелкой:
В панели слоёв слой с подставкой будет включен постоянно. Для второго кадра отключите первый слой с шаром и включите второй....
И дальше всё по этой схеме - делаете кадр - включаете следующий слой шара - предыдущий выключаете. И так надо дойти до двадцатого слоя. В итоге получится 20 кадров анимации.
Теперь можно проверить как работает наш глобус. Перед запуском выставьте Постоянно (указано стрелкой) и нажмите на треугольник.
В итоге всё будет работать вот так:
Для использования этого как логотип, необходимо будет изменить все слои до нужного размера. Ну а на саму сферу можно наложить любой рисунок, узор, надпись. Из-за того, что картинка карты была прямоугольной формы, пришлось использовать Фотошоп. Если в Gimp делать слой квадратным, то фотошоп Вам не потребуется.
Надеюсь этот урок кому-то понравится.
|