Логотип играет немаловажную роль для сайта. Логотип это фирменный знак Вашего сайта. Сейчас разберём пример создание вращающегося логотипа, который Вы можете видеть в шапке моего сайта. Создать такую «крутилку» очень просто.
Делать такой логотип будем в двух программах — GIMP-2.8 и Фотошоп. Работа проходит в два этапа: 1) создание заготовки в графическом редакторе GIMP-2.8; 2) окончательная доработка в Фотошопе.
Запускаем программу GIMP-2.8. В рабочем окне программы в меню «Файл» выбираем пункт «Создать новое изображение» и в открывшемся окошке выставить размеры будущего изображения. Размеры можно выставлять произвольные, чем больше тем лучше, так будет удобнее работать. Ну а нужные размеры выставим уже в Фотошопе. В моём примере размер изображения я взял 320х200:
После этого у нас появится вот такое рабочее окно:
Дальше надо будет немного пофантазировать над надписями и возможно картинками, которые будут потом вращаться. Я много фантазии в примере не вкладывал, а сделал простую надпись:
Теперь смотрите в правую колонку программы. У нас образовалось два слоя — фоновый слой и слой с надписью. Эти слои надо объединить. Для этого надо сделать клик правой кнопкой мышке и в меню выбрать «Объединить видимые слои».
После объединения слоёв В рабочем окне в меню открываем «Фильтры», находим фильтр «Анимация» и там выбираем «Вращающийся шар…». Откроется вот такое окошко:
В окне выставите такие же показатели и нажимаете ОК, получится какое-то яйцо, которое мы сделаем шаром в фотошопе:
Это получилась у нас заготовка, которую надо сохранить немного доработать в Фотошопе. Для сохранения Этого файла в меню «Файл» найдите «Экспортировать в…». В открывшемся окне выбрать паку для сохранения этого файла. Внизу этого окна есть спойлер «Выберите тип файла (по расширению), и в открывшемся спойлере найдите «Изображение GIF» и экспортируйте файл:
После клика по «Экспортировать» выскочит еще одно окно, в котором проставите значения, как на картинке ниже и нажимаете «Экспорт»:
На этом первый этап закончен. Программу GIMP можно выключать, и переходим в фотошоп. В Фотошопе мы исправим форму яйца на шар и выставим реальные размеры, которые Вам необходимы.
После открытия ранее сохранённой картинки мы видим анимацию из 20-ти кадров. Чтобы фигуре придать форму шара, необходимо выделить все слои и трансформировать фигуру в шар. Для этого надо сделать клик мышкой по первому кадру, зажать клавишу Shift и сделать клик по последнему кадру. Затем в меню «Редактирование» выбираем «Свободное трансформирование» и зажав клавишу Shift подтягиваем крайние стенки к центру, пока не получится шар.
Теперь можно проверить как всё это работает. В меню «Окно» выбираем «Анимация» и включаем воспроизведение и любуемся на своё творение. Ну а теперь остаётся только сохранить этот шарик и потом вставить его в нужное место.
В меню «Файл» выбираем «Сохранить для Web…» и сохраняем в расширении GIF. В итоге должна получиться вот такая карусель:
И немного о размерах….Для изменения размеров картинки необходимо пройти в меню «Изображение» выбрать «Размер изображения» и выставить там свои размеры.
Статья была полезной?