logo

Создание логотипа

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

Делать такой логотип будем в двух программах - GIMP-2.8 и Фотошоп. Работа проходит в два этапа: 1) создание заготовки в графическом редакторе GIMP-2.8; 2) окончательная доработка в Фотошопе.

Запускаем программу GIMP-2.8. В рабочем окне программы в меню "Файл" выбираем пункт "Создать новое изображение" и в открывшемся окошке выставить размеры будущего изображения. Размеры можно выставлять произвольные, чем больше тем лучше, так будет удобнее работать. Ну а нужные размеры выставим уже в Фотошопе. В моём примере размер изображения я взял 320х200:

размер изображения

После этого у нас появится вот такое рабочее окно:

рабочее окно

Дальше надо будет немного пофантазировать над надписями и возможно картинками, которые будут потом вращаться. Я много фантазии в примере не вкладывал, а сделал простую надпись:

надпись

Теперь смотрите в правую колонку программы. У нас образовалось два слоя - фоновый слой и слой с надписью. Эти слои надо объединить. Для этого надо сделать клик правой кнопкой мышке и в меню выбрать "Объединить видимые слои".

После объединения слоёв В рабочем окне в меню открываем "Фильтры", находим фильтр "Анимация" и там выбираем "Вращающийся шар...". Откроется вот такое окошко:

настройка

В окне выставите такие же показатели и нажимаете ОК, получится какое-то яйцо, которое мы сделаем шаром в фотошопе:заготовкаЭто получилась у нас заготовка, которую надо сохранить немного доработать в Фотошопе. Для сохранения Этого файла в меню "Файл" найдите "Экспортировать в...". В открывшемся окне выбрать паку для сохранения этого файла. Внизу этого окна есть спойлер "Выберите тип файла (по расширению), и в открывшемся спойлере найдите "Изображение GIF" и экспортируйте файл:

экспорт

После клика по "Экспортировать" выскочит еще одно окно, в котором проставите значения, как на картинке ниже и нажимаете "Экспорт":

настройка экспорта

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

После открытия ранее сохранённой картинки мы видим анимацию из 20-ти кадров. Чтобы фигуре придать форму шара, необходимо выделить все слои и трансформировать фигуру в шар. Для этого надо сделать клик мышкой по первому кадру, зажать клавишу Shift  и сделать клик по последнему кадру. Затем в меню "Редактирование" выбираем "Свободное трансформирование" и зажав клавишу Shift подтягиваем крайние стенки к центру, пока не получится шар.

доработка

Теперь можно проверить как всё это работает. В меню "Окно" выбираем "Анимация" и включаем воспроизведение и любуемся на своё творение. Ну а теперь остаётся только сохранить этот шарик и потом вставить его в нужное место.

В меню "Файл" выбираем "Сохранить для Web..." и сохраняем в расширении GIF. В итоге должна получиться вот такая карусель:

шарик

И немного о размерах....Для изменения размеров картинки необходимо пройти в меню "Изображение" выбрать "Размер изображения" и выставить там свои размеры.

 

 

Создание логотипа обновлено: Апрель 10, 2017 автором: admin

Оставить комментарий

▲Вверх