Понедельник, 23.09.2024, 13:20
Приветствую Вас Гость | RSS

Графика для вебмастера

Каталог статей

Главная » Статьи » Создание логотипа

Логотип - вращающийся шар
В этом уроке объединим две темы:
  1. создадим логотип для сайта географической тематики
  2. научимся делать вращающийся шар

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

Итогом этого урока будет вот такой логотип:



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

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


Я для работы приготовил вот такие две картинки:
 
В программе Gimp в рабочем окне в меню Файл выбираем пункт Открыть и загружаем картинку карты:
 
 
Далее в панели меню выбираем Фильтр - Анимация - Вращающийся шар:
 


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


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


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


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


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

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

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

 


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

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


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


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

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

 


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

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

 


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

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


 


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

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

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

Категория: Создание логотипа | Добавил: zuma307 (26.09.2015)
Просмотров: 1526 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Категории раздела
Кнопки для сайта [6]
Вертикальное меню [2]
Горизонтальное меню [2]
Шапка для сайта [2]
Создание баннера [1]
Создание логотипа [2]
Эффекты для текста [2]
Вход на сайт
Продажа сайтов
Магазин сайтов Top-Bit
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright MyCorp © 2024
Создать бесплатный сайт с uCoz