Чтобы сильно не заморачиваться с логотипом, я создам его конечно же в Photoshop, но только в бесплатной онлайн версии. И логотип сайта у нас будет состоять только из букв. Причем буквы эти будут английскими.
Почему так? Всё очень просто. Поскольку люди могут начать путаться и неправильно писать домен нашего сайта (об этом я говорил, когда мы выбирали название и доменное имя), то логотип в виде латинских букв будет способствовать тому, чтобы они лучше запоминали как правильно писать название нашего сайта именно английскими буквами. Так, пользователи быстрее запомнят наш сайт и будут правильно писать его доменное имя.
Давайте пошагово разберёмся как правильно создать логотип сайта используя только буквы.
Создание логотипа для сайта в Photoshop онлайн
Есть две версии Photoshop онлайн:
В обоих случаях, если ввести в адресной строке вышеуказанные адреса, вы попадёте на страницу программы Photoshop online (русская версия), где можно будет создать логотип для вашего сайта. Онлайн версия конечно же имеет урезанный функционал, но её возможностей будет вполне достаточно, чтобы создать простой логотип. А нам это как раз и нужно. Ведь давайте вспомним логотип компании Nike, McDonald’s, Google, или Apple. Разве там очень сложные в плане дизайна логотипы? Нет. Вот и мы создадим нечто подобное. Простое, но при этому броское и запоминающееся.
Помните! Очень долго думать над логотипом не нужно. Главное придерживаться некоторых правил и всё.
ТОП-3 правила создания логотипа
- Логотип должен быть информативным. Посмотрев на ваш логотип, человек сразу должен узнать в нём именно вашу компанию (ваш сайт).
- Логотип должен быть простым. Чем он проще, тем лучше запоминается.
- Логотип должен быть масштабированным. Это означает, что он одинаково должен выглядеть и восприниматься человеком при изменении размера. Например, когда логотип уменьшен до маленькой иконки, или нанесён на огромный биллборд, он должен одинаково красиво выглядеть и восприниматься глазом человека.
Наиболее распространёнными ошибками при создании логотипа является использование большого количества элементов, тяжело читаемых шрифтов и множества ярких цветов.
Пошаговое создание логотипа для сайта в Photoshop
Шаг 1. Переходим на сайт https://online-fotoshop.ru и создаём новый проект, выбрав пункт меню Файл → Новый (или нажав одновременно клавиши Alt+Ctrl+N).
Рисунок 1. Создание логотипа для сайта в Photoshop онлайн
Шаг 2. В появившемся окне можно выбрать уже готовые параметры на вкладке «Social». А можно самостоятельно ввести размеры будущего логотипа (ширину и высоту) и другие параметры. Например, я установил ширину нашей будущей картинки 1280 пикселей, высоту – 720 пикселей, и параметр «Задний план» - прозрачный, чтобы в последствии, изображение можно было перенести на любой фон. Когда все параметры установлены, нажимаем «Создать».
Рисунок 2. Параметры логотипа для сайта в Photoshop онлайн
Шаг 3. Создадим логотип в стиле Google. То есть состоять он будет только из букв, без лишних элементов. Поэтому выбираем инструмент «Текст», кликнув по нему, или нажав на клавиатуре клавишу (T) и пишем слово Niamka.
Рисунок 3. Текст логотипа для сайта в Photoshop онлайн
Шаг 4. Теперь нам нужно увеличить буквы, окрасить их в разный цвет и установить надпись по центру.
Рисунок 4. Корректируем логотип для сайта в Photoshop
Шаг 5. Сохраняем наш логотип в формате PSD и PNG (Файл → Сохранить как PSD и Файл → Экспортировать как → PNG). В формате PSD мы сохраняем рисунок для того, чтобы его отредактировать можно было при необходимости. А рисунок в формате PNG – это просто наш текст на прозрачном фоне. Его мы будем уменьшать при разработке сайта, чтобы он хорошо вписался в общий дизайн проекта.
Рисунок 5. Сохраняем логотип для сайта в Photoshop онлайн
Вот и всё. Логотип для нашего сайта готов!
Теперь нам осталось выбрать среду разработки веб-сайта и создать свой собственный ресурс о кулинарии. Но об этом мы поговорим в следующем уроке.
Угостить автора чашечкой кофе