Как сделать логотип сайта бесплатно и быстро: подробная инструкция

Когда я начала создавать свой первый блог, первый же вопрос, который возник — как быстро, бесплатно и на приемлемом на первых порах уровне дизайна сделать логотип сайта. Движок у нас – вордпресс. Знания – новичок+, т.е. всё делаем собственными силами, при сложных вопросах обращаемся к гуглу и на ютюб.

После того, как мы с вами выбрали и зарегистрировали домен, «приземлились» на хостинге и сделали массу мелких и простых движений в техническом направлении для наполнения в дальнейшем своего сайта по всем правилам SEO полезным контентом (таких, как https, карта сайта, метрики и прочая), нужно сделать шапочку.

Покажу, как я решила этот вопрос в данной статье.

Зашла на канву – прямо по-русски написала в поисковике «канва» и на первом месте увидела её:

ищем сайт Канва

Входим, регистрируемся. Все бесплатно.

Выбираем шаблон, который нравится и подходит по ширине для сайта (ширина у меня, например, 1200Х300 пикселей, но можно взять и 900Х300).

Рекомендую шаблон для твиттера – он больше всего подходит для шапки сайта.

В первый раз, возможно, потребуется полчаса, а то и час, чтобы разобраться, как менять фон и шрифты в выбранном шаблоне.

Так как эти движения абсолютно бесплатны, то можно поиграть вдоволь.

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

Делается это так:

Создать дизайн — Все дизайны —  выбираем, например, «фон для Twitter» (у него подходящий размер для темы моего сайта):

выбираем фон в Канве

провалившись в «фон», смотрим левый столбец и внизу видим кнопку «моё»:

выбираем изображение в Канве

жмем на нее и затем на появившуюся зеленую длинную кнопку «Добавьте собственное изображение». Это если Вы, как я, хотите вставить свое прекрасное фото в темных очках.

Допустим, хватило предложенных изображений, которые видны сразу, как только нажали выбор фона:

Изображения в Канве

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

Кликайте на этот текст два раза мышкой, он выделится и можете писать то, что вам нужно (конечно, есть и кириллица):

Пишем заголовок в Канве

Можно поменять шрифт, его размер и перетащить вверх-вниз, вправо-влево. Можно добавить несколько окошек с текстами.

Теперь смотрите на шапочку моего блога. Результат конечно не аховый, но для начала сойдет. Главное – это заняло у меня ровно 15 минут и 0 копеек.

Полученный результат надо сохранить и затем разместить в шапке своего сайта.

Для сохранения ждем на верхнюю кнопку на зеленом фоне «сохранить»:

сохранение файла в Канве

И еще раз «сохранить».

Затем открываем сохраненный файл в Фотошопе.

Это единственный пункт, который, возможно, вызовет сложность. Я, например, при слове «Фотошоп» испытываю благоговейный ужас. Тем не менее, установив эту программу себе на компьютер, я особо не нервничаю и использую ее исключительно для того, чтобы менять размер фотографий для своих сайтов, а остальные ее широкие и глубокие возможности оставила без внимания.

Так вот, открываем наш прекрасный файл-шапочку из Канвы в Фотошопе:

изменение логотипа в фотошопе

Файл – сохранить для Web и устройств… — и сохраняем, задавая необходимый размер, выбрав ширину — у меня в примере 1200, а 400 выставляется программой автоматически:

сохранение файла для веб в фотошопе

И нажимаете кнопочку внизу – «Сохранить».

Все, размер файла меняется и становится подходящим для сайта. В канве файл «весил» 918 Кб и имел размер 1500 на 500, а после фотошопа – 54,5 Кб при 1200 на 400. Как говорится, ощутите разницу. Посмотрите на галочки вверху – качество 50, и что-то прогрессивное. Не помню где, но находила информацию по этим галочкам. У меня они стоят уже автоматически, проверьте, чтобы у вас было так же.

Теперь вешаем наше «произведение» на сайт.

Тут тоже все просто.

В левой консоли (мы в ж в Вордпрессе, зашли в панель админа) выбираем Внешний вид – Настроить.

Оказываемся в другой левой панельке – там прописываются уже:

  • Активная тема
  • Свойства сайта
  • Общие настройки
  • Стили темы

и т.д.

Выбираем и нажимаем:

  • Стили темы.

Находим:

  • Логотип в шапке:

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

И «Изменить изображение», проваливаемся в «Выбрать изображение», жмем «Загрузить файлы» и загружаем тот файл, что мы подготовили в Фотошопе. Потом выбираем это изображение галочкой и не забываем в появившемся справа окне прописать alt: «логотип сайта такого-то». Еще раз нажимаем на правую нижнюю кнопку «Выбор изображения».

выбор изображения в вордпресс

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

Тут же можете поиграть с цветами стиля Вашей темы. Так же потом надо будет сохранять изменения – жать на кнопку «Опубликовать».

В результате, буквально за несколько минут, не теряя времени и средств на второстепенный вопрос на начальном этапе создания сайта, бесплатно (т.е. даром), самостоятельно можно сделать логотип или шапочку сайта. Конечно, в дальнейшем, когда появится время и деньги на дизайн, логотип, как и весь дизайн нашего интернет-детища — можно будет переделать. А на первых порах решение сделать логотип быстро и бесплатно правильно лишь потому, что не отвлекает от решения главных проблем – наполнения сайта полезным контентом и привлечения трафика.

Ссылка на основную публикацию