Урок 20. Как создать логотип для сайта

 


В этом уроке я не буду обучать вас основам работы в графическом редакторе. Создавать логотип для сайта мы будем через онлайн-сервис. В идеале логотип нужно рисовать вручную, выдерживая допустимые размеры шаблона. Но мы пойдём более лёгким и быстрым путём. Для примера я покажу основы работы в сервисе canva.com. Это функциональный и качественный сервис, при этом он условно бесплатен.

Первым делом, что вам нужно сделать, так это зайти на сайт canva.com и зарегистрироваться. Сервис на русском языке, что весьма удобно. После регистрации система должна автоматически выполнить вход под учётной записью.

Знакомство с интерфейсом

По моим наблюдениям, интерфейс личного кабинета похож на администраторскую зону WordPress — это удобно. Обратите внимание на верхнюю часть в личном кабинете «Создать дизайн»:

canva создать дизайн

Теперь нажмите на «Логотип». После этого слева отобразятся шаблоны логотипа для сайта:

бесплатный шаблон логотипа

Обратите внимание на панель навигации:

canva меню навигации

По умолчанию вы находитесь во вкладке «Макеты». Здесь вы можем выбрать один из бесплатных шаблонов логотипа для сайта.

Во вкладке «Элементы» можно выбрать: сетки, рамки, фигуры, линии и прочее:

элементы canva

Во вкладке «Текст» предоставляется широкий выбор шрифтов:

шрифты canva

Во вкладке «Фон» расположились красивые фоны:

фоны canva

А вкладка моё содержит в себе ваши личные папки и загруженные материалы:

личные файлы canva

Согласитесь, что сервис обладает весьма широким набором материала, для того, чтобы создать, даже без особых навыков, красивый логотип для сайта.

к оглавлению ↑

Взаимодействие с элементами логотипа

Для новичков, которые не видели в глаза даже Paint, Canva может показаться сложной. Но поверьте, это далеко не так. Чтобы вам было проще и быстрее разобраться с работой в этом сервисе, я расскажу более подробно о базовых функциях.

Добавление элемента

Вы можете работать с пустым холстом, и не прибегать к использованию готового шаблона. Каким в итоге будет логотип для сайта зависит только от вас. В любом случае все надписи, фоны, фигурки, линии, цвет, размер элементов и прочее можно легко изменить. Но сперва нужно их добавить. Для этого зайдите, например, в «Элементы» и выберите «Фигуры». Затем, ниже, щёлкните один раз левой кнопкой мыши по любой форме, и она автоматически перенесётся на холст.

к оглавлению ↑

Изменении размера

Чтобы изменить размер фигуры необходимо кликнуть по ней один раз левой кнопкой мыши, после чего по углам появятся маркеры. Зажав кнопку мыши на маркере перетащите его для изменения размера элемента:

изменении размера canva

к оглавлению ↑

Поворот

После активации левой кнопкой мыши одного из элементов вашего будущего логотипа, обратите внимание на маркер в виде закруглённой стрелки:

поворот элемента canva

Эта функция отвечает за поворот элемента по часовой или против часовой стрелки. Для поворот зажмите левую кнопку мыши на этом значке и переместите мышь в любую сторону.

к оглавлению ↑

Перемещение элемента

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

перемещение элемента canva

Также для активного элемента, работаю кнопки навигации на клавиатуре (для перемещения), Delete (для удаления) и комбинации клавиш Ctrl+C/Ctrl+V (для копирования и вставки).

к оглавлению ↑

Изменении цвета

Чтобы изменить цвет элемента, необходимо активировать элемент щелчком мыши и кликнуть по текущему цвету, немного выше и левее холста:

изменение цвета элемента canva

Далее из палитры выберите нужный цвет, или добавьте новый кликнув по иконке «плюс»:

добавить цвет canva

Если элемент комбинированные и имеет больше одного цвета, немного выше левее холста будут отображаться несколько цветных иконок:

изменение цвета canva

к оглавлению ↑

Порядок слоя

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

порядок слоя canva

Прозрачность

Обратите внимание, что сервис Canva предоставляет возможность менять прозрачность элементов логотипа для сайта, что весьма удобно. Для изменения прозрачности нужно кликнуть мышью по соответствующей иконке, правее «Сортировки»:

прозрачность canva

к оглавлению ↑

Итог

После создания логотипа необходимо нажать на кнопку «Скачать»:

скачать логотип canva

Теперь логотип для сайта можно вставить в настройках вашей темы, разумеется, если она предусматривает размещение логотипа. Это можно проверить в настройках темы: «Внешний вид» — «Настройки».

Пока я писал урок, в качестве примера, сделал вот такое logo:

пример логотипа canva

Сервис «Canva» не единственный в своём роде. Воспользовавшись поиском, вы найдёте ещё парочку хороших онлайн-инструментов.

Не забудьте установить плагин для оптимизации веса картинки, о котором я рассказывал в статье «Плагин WP Smush — сжимаем картинки».

Надеюсь, что немного освоившись с функциональными возможностями, которые предоставляет сервис canva.com, вы создадите поистине удивительный и яркий логотип для сайта. Спасибо, что вы остаётесь со мной. А курс по созданию блога на WordPress продолжается. До встречи в новых уроках.

Делитесь полезной информацией с друзьями:

Рекомендую:

Книга «Вы сможете рисовать через 30 дней. Простая пошаговая система, проверенная практикой» Марк Кислер Книга «Вы сможете рисовать через 30 дней. Простая пошаговая система, проверенная практикой» Марк Кислер
Книга «Типографика. Шрифт, верстка, дизайн» Джеймс Феличи Книга «Типографика. Шрифт, верстка, дизайн» Джеймс Феличи

Сергей

Привет! Моё имя Сергей, и я — автор этого блога. Рад, что вас заинтересовал мой проект. Не забывайте оставлять комментарии к статьям. По всем другим вопросам обращайтесь через контактную форму на странице "Контакты".

Читайте также:

комментариев 6

  1. Емельян:

    Добрый день Сергей. Не знаю как вам, но мне легче отдать деньги за логотип. Я привык все делать качественно с самого начала. Тем более нет у меня в голове идей, как должен выглядеть логотип.

    • Сергей:

      И Вам доброго дня, Емельян. Канва для этого и создана, что там думать не нужно. Нужно просто выбрать из сотни бесплатных логотипов свой и просто изменить надпись, цвет. Я уверен, в будущем, вы оцените пользу от этого ресурса.

      • Анастасия:

        А мне лично очень понравился сервис. Я раньше пыталась нарисовать лого в фотошопе, но знаний явно не зватает. Этот сервис как спасени, спасибо!

  2. Макс:

    Ода, именно то что я искал. А сколько ж еще таких сервисов есть, ух….

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


3 + 4 =


Вверх