Здравствуйте, уважаемые блоггеры, сайтовладельцы и веб-строители, сегодняшний пост только для вас! Поговорим о том, как сделать логотип для сайта.

Вообще, удивительно, как быстро интернет изменил наш мир. Еще лет 8-10 назад свои логотипы были только у крупных компаний или раскрученных торговых марок. А владельцы среднего и мелкого бизнеса ограничивались «кричащим» названием типа «Мир окон», «Азбука мебели» и прочими «Империями». Кстати, у нас в Самаре до сих пор есть сеть магазинов «Планета Секонд-хенд», и это название приводит в дикий восторг всех моих иногородних друзей.

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

1. Бесплатные онлайн сервисы

Самый простой, быстрый и совершенно бесплатный способ — сгенерировать логотип с помощью бесплатного сервиса. В буржунете таких сайтов пруд-пруди, может быть, есть и в рунете, но я пока не нашла.

  • www.logaster.ru — очень удобный и простой онлайн генератор логотипов. Всего за несколько минут можно создать красивый логотип, а затем скачать его во всех популярных форматах. Есть возможность бесплатного и платного скачивания логотипов.
  • cooltext.com — можно создать текстовый логотип с анимацией, правда, не знаю, зачем.
  • www.onlinelogomaker.com — довольно приличный набор иконок, но большинство из них выглядят простовато.
  • logotypecreator.com — сервис генерирует несколько абстрактных вариантов, которые потом можно доработать и скачать.
  • www.logoease.com — есть возможность редактировать не только текст, но и размер, положение и цвета иконки.

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

Минусы: ограниченный набор графических элементов, везде кроме www.logaster.ru отсутствуют кириллические шрифты.

2. Нарисовать в фотошоп

В сети есть море уроков по созданию красивых текстов в Фотошоп. Остается только выбрать подходящий вам по стилю и следовать пошаговым инструкциям.
Сайты, где можно найти такие уроки:

Плюсы: дешево совсем бесплатно и сердито. Результат зависит только от вашего усердия и фантазии.

Минусы: если раньше вы не работали в программе Фотошоп, придется повозиться и потратить на создание логотипа много времени.

3. Платные онлайн сервисы

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

  • www.logaster.ru — уже был в списке бесплатных сервисов, но варианты логотипов с большим размером доступны после оплаты.
  • logotypecreator.com — некоторые (а точнее, самые красивые) варианты логотипов на этом сайте доступны только после оплаты.

Плюсы: есть очень интересные идеи, стоит попробовать эти сервисы даже если вы не собираетесь ничего там покупать. Можно создать набросок логотипа, заскринить его и отправить дизайнеру, лучшего ТЗ не придумаешь.

Минусы: дорого, если учесть, что такой же логотип при желании может создать каждый, даже ваш конкурент.

4. Купить готовый логотип

Если есть деньги, но нет времени искать дизайнера, писать ТЗ и проверять работу, можно купить готовый логотип на стоковом сайте. Например:

  • www.shutterstock.com и так далее.

Чтобы можно было вписать в лого свой домен, при покупке выбирайте векторный формат (обычно он самый дорогой).

Плюсы: Экономим время и получаем профессиональный результат.

Минусы: Опять же, отсутствие уникальности. В некоторых случаях можно выкупить права на изображение, но если кто-то уже успел сделать логотип по этому шаблону, отозвать их лицензию вы не сможете.

5. Заказать у фрилансера

И наконец, самый правильной с моей точки зрения вариант — зайти на биржу фриланс и поручить создание логотипа профессионалам. Здесь правда возникает другой вопрос, как найти хорошего дизайнера, который учтет все пожелания, не пропадет после получения предоплаты и не будет драть с вас в три шкуры? И однозначного ответа вы не найдете, потому что лентяи и кидалы постоянно совершенствуют свое «мастерство».

Я выбираю исполнителя по таким критериям:

  • в портфолио есть работы, которые я бы купила
  • нет отрицательных отзывов
  • был на сайте сегодня/вчера, максимум неделю назад

Обычно я не создаю проект, а сама рассылаю сообщения 3-5 фрилансерам, которые подходят под эти требования. Кратко описываю задачу и прошу указать стоимость и сроки выполнения заказа.

Среди тех, кто отвечает в течении одного-двух дней выбираю фрилансера, чьи работы, расценки и сроки понравились больше всего. Дальше остается только заполнить бланк технического задания (его должен прислать дизайнер) и начать сделку.

Каким должен быть логотип сайта

У хорошего логотипа должно быть три главных качества: лаконичность, читаемость, идея. Не нужно нагромождать кучу элементов (особенно мелких), не стоит использовать рукописные шрифты. Ваш посетитель не будет всматриваться в шапку сайта часами, он может увидеть ее краем глаза. И если человеку достаточно одного взгляда на логотип, чтобы понять, о чем этот сайт, то вы потрудились на славу!

Здравствуйте, дорогие друзья.

Введение

Меня зовут Дмитрий Борков, я занимаюсь графическим и веб-дизайном. Мои основные направления — это разработка дизайна сайтов, логотипов и полиграфической продукции.

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

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

Если вы НЕ дизайнер и вам нужен логотип , то можете обратиться за помощью в его разработке ко мне. Найти меня можно ВКонтакте: vk.com/dborkov82

Как происходит весь процесс разработки?

Сам дизайн-процесс состоит из следующих этапов:

  1. Разработка смыслового ядра логотипа (этот этап мы сегодня рассмотрим).
  2. Рождение главного образа.
  3. Типографика или экскурсия в шрифты.
  4. Форма и полировка финального впечатления.

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

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

В первую очередь нам нужно понять, что же такое логотип, и каким целям он служит.

Ложное заблуждение о логотипе

Большинство людей выбирают логотип, не имея чёткого представления о нём, руководствуясь вкусом или субъективными ощущениями, которые полностью не осознаются и не позволяют видеть целостную картину.

Такое явление можно встретить даже в сфере профессионалов в области дизайна, вне профессиональной сферы картина аналогичная. В то время именно логотип — это самая первая часть фирменного стиля, которую видит потенциальный клиент и начинает формировать доверие.

Интересно почему такое происходит?

Ответ, как всегда, прост и лежит на поверхности. Традиционное определение логотипа в действительности ложно, поскольку не раскрывает полного смысла и звучит оно примерно так: это уникальный, узнаваемый, запоминающийся знак и так далее. Весь список этих параметров я приводить не буду, их можно найти в интернете, но в них мало пользы. Можно найти много запоминающихся, узнаваемых знаков, но далеко не каждый из них вы захотите поместить на свою визитку!

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

Смысловое ядро или путь изнутри наружу

Почему логотип нужно выбирать по смысловым, а не только вкусовым предпочтениям?

Потому что любая картинка, образ будут вызывать у зрителя целый ассоциативный ряд, и он будет додумывать его сам и ассоциировать с вашей компанией, и делать это по большей части неосознанно. Мы все знаем, что словами можно рассказать ни о чём. Написать ручкой на бумаге — уже немного сложнее, а нарисовать картинку ни о чём - совершенно невозможно, потому что картинка — это конкретный материальный образ.

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

Зритель воспримет эту информацию бессознательно, если только он не профессионал в области дизайна. Он не сможет разобраться во всех смыслах и задумках, которые я хотел вложить в логотип, понять почему именно этот образ я выбрал. Поэтому отсюда и такое правило — образ, который я транслирую, должен быть максимально точным, упрощённым, очищенным от всяких излишеств, и только тогда он будет понятен большинству на сознательном и подсознательном уровне. Логотип — это не просто красивая картинка, это смысл, кристаллизованный в форму.

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

  1. Создание смыслового ядра.
  2. Выбор логотипа на фотостоке.

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

Создание смыслового ядра

Логотип — это я и моё дело

Итак, сначала правильно определим что же такое логотип.
Логотип — это фирменный знак, который отвечает на три простых вопроса:

  • Кто я?
  • Какой я?
  • Чем я занимаюсь?

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

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

Логотип — это “лучший Я”

Отвечая на вопрос «Какой я?», нужно пойти другим путём и ответить, какими качествами должен обладать я, чтобы преуспеть в моём деле? Представьте, что вы видите себя из будущего, который достиг самой высокой цели в том деле, которым вы занимаетесь, и представьте, какими качествами этот “лучший вы” обладаете? Этих качеств может быть много, выпишите не менее 7 тех, которые придут в голову.

Выберите самое ключевое качество и забудьте всё второстепенное, логотип — это, на самом деле, маленький значок, и там нет места для второстепенных понятий:)

Тогда мы получаем следующие ответы:

  • Я художник — столяр, работающий с деревом.
  • Я создаю атмосферу, в которой приятно быть.
  • Я светлый, добрый, радостный.

Кристаллизуем идею в образ

После написания аналогичных 3-ёх пунктов по вашей нише (а я надеюсь, в процессе прочтения вы отвечаете на эти вопросы на листке бумаги), я уверен, что у вас начинают формироваться определённые образы, это только начало, и далее мы поможем этим образам вырасти в целое дерево идей.

Теперь вам нужно выписать какие ассоциации, образы вызывает каждый из этих пунктов, напишите 7-10 примеров к каждому пункту.

  • Как выглядит художник по дереву, что он делает?
  • Как выглядит добро? Какую картину я называю светлой?
  • Как я узнаю, что эта атмосфера комфортная?

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

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

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

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

Выбор логотипа на фотостоке

Немного о фотостоках

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

Существует несколько больших фотостоков, таких как:

Мы воспользуемся любым из них, но сначала нам нужны ключевые слова для поиска.

Правильные ключевики — залог успеха

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

Если Википедия не поможет нам перевести таким образом, воспользуемся другими сервисами перевода от того же Google, например.

Полученное таким образом ключевое слово можно смело вставлять в поисковую строку фотостока, добавив к нему слово logo.

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

Выбор во многом определяет результат

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

Пересмотрите ваши 20 логотипов и дублируйте папку с ними. Теперь ваша задача пересчитать картинки и удалить ровно половину из них. Затем с оставшимися 10-ю повторите подобную операцию. Когда у вас остаётся 5 логотипов, проделайте следующее — уберите их до следующего утра и больше на них не смотрите.

Завтра утром вы откроете папочку с этими 5-ю логотипами и на свежую голову вы увидите, какой из них будет действительно вашим. Теперь вы можете зарегистрироваться на фотостоке и купить эту иллюстрацию. Если в логотипе есть текст, отредактируйте его с помощью векторных редакторов, таких как Adobe Illustrator или Photoshop.

Заключение

Всё! Теперь мы закончили создание смыслового ядра, и у нас есть понимание какой логотип был бы для нас самым лучшим. Из этого уже можно сформировать ТЗ для работы с дизайнером, о чём вы прочитаете в других статьях этой серии.

Мы выбрали логотип на фотостоке, и если вы не дизайнер, и не хотите чтобы логотип разработал дизайнер, то это лучший вариант, и мы его сделали.

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

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

До встречи в следующих статьях и спасибо за внимание!

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

Разработку логотипов принято считать деятельность профессиональных художников-иллюстраторов и дизайн-студий. Однако, бывают случаи, когда дешевле, быстрее и эффективнее оказывается создание логотипа своими силами. В этой статье рассмотрим процесс создания несложного логотипа с помощью многофункционального графического редактора Photoshop CS6

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

Перед началом работы установите программу. Инструкция по установке Photoshop приведена в этой .

Установив программу, приступим к рисованию логотипа.

Перед тем, как сделать логотип, зададим параметры рабочего холста в Фотошопе CS6. Выбираем «Файл» «Создать» . В открывшемся окне заполняем поля. В строке «Имя» придумываем название нашему логотипу. Задаем холсту квадратную форму со стороной в 400 пикселей. Разрешение лучше выставить как можно выше. Ограничимся значением в 300 точек/сантиметр. В строке «Содержимое фона» выбираем «Белый». Нажимаем «ОК».

Рисование свободной формы

Вызываем панель слоев и создаем новый слой.

Панель слоев можно активировать и скрыть горячей клавишей F7.

Выбираем инструмент «Перо» в панели инструментов слева от рабочего холста. Чертим свободную форму, после чего редактируем ее узловые точки с помощью инструментов «Угол» и «Стрелка». Следует заметить, что рисование свободных форм не самая простая задача для новичка, однако, овладев инструментом «Перо», вы научитесь красиво и быстро рисовать что угодно.

Щелкнув правой кнопкой мыши по образовавшемуся контуру, нужно выбрать в контекстном меню «Выполнить заливку контура» и выбрать цвет для заливки.

Цвет заливки можно назначить произвольно. Окончательные варианты цветов можно подобрать в панели параметров слоя.

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

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

Масштабирование элементов на слоях

Выделив нужный слой, выбираем в меню «Редактирование» «Трансформация» «Масштабирование» . Удерживая клавишу «Shift», уменьшаем фигуру перемещая угловую точку рамки. Если отпустить «Shift», фигуру можно масштабировать непропорционально. Таким же образом уменьшаем еще одну фигуру.

Трансформацию можно активировать сочетанием клавиш Ctrl+T

На глаз подобрав оптимальную форму фигур, выделяем слои с фигурами, щелкаем правой кнопкой мыши в панели слоев и объединяем выделенные слои.

После этого с помощью уже известного инструмента трансформации увеличиваем фигуры соразмерно холсту.

Заливка фигуры

Теперь нужно задать слою индивидуальную заливку. Щелкаем правой кнопкой на слое и выбираем «Параметры наложения» . Заходим в бокс «Наложение градиента» и выбираем тип градиента, которым заливается фигура. В поле «Стиль» ставим «Радиальный», задаем цвет крайних точек градиента, настраиваем масштаб. Изменения мгновенно отображаются на холсте. Экспериментируйте и остановитесь на приемлемом варианте.

Добавление текста

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

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

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

Шаг 2. Лого на основе примера

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

Примеры логотипов разделены на категории по различным тематикам.
После названия отображается счетчик количества готовых логотипов внутри категории.

Шаг 2.2 Выбор примера логотипа

Наведите курсор на подходящий логотип, он подсветится иконкой со знаком «+». После этого нажмите на логотип для того чтобы перейти к созданию нового на его основе.

Обратите внимание!
При переходе к созданию нового логотипа - все несохраненные действия произведенные с текущим редактируемым логотипом будут утрачены.

Шаг 2.3. Список слоев

После выбора готового логотипа система выведет список его слоёв с их настройками и свойствами. Они доступны для изменения.


Шаг 2.4. Мои дизайны

Логотипы, сохраненные Вами ранее доступны в разделе “Мои дизайны”, так что если Вы захотите продолжить создание незаконченного Вами логотипа, выберите его в списке и продолжите редактирование.


Обратите внимание!
Все изменения, которые Вы будете вносить в логотип в процессе редактирования, будут отображаться на экране справа от настроек. Там же Вы сможете при необходимости вручную перетаскивать слои, наведя и зажав курсор на нужной фигуре (нужном тексте), а затем переместив его на нужное место на экране.

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

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


Шаг 4. Редактирование слоев

Вы можете перейти к редактированию этих слоев, нажав на соответствующие строки в списке слоев или же на саму фигуру (сам текст) в области просмотра. При нажатии на фигуру/текст - настройки выбранной фигуры или выбранного текста отобразятся справа от области просмотра логотипа.


Также Вы можете удалить слои, нажав на иконку в настройках выбранного слоя, и создать логотип "с нуля".

Рассмотрим, как добавлять слои.

Обратите внимание!

  • Максимальное количество слоев для одного логотипа - 15.
  • Еще один способ удалить фигуру - удалить слой из списка слоев, нажав на соответствующую кнопку.

Шаг 5. Добавление слоя с фигурой

Для того чтобы добавить слой, содержащий картинку, Вам будет необходимо:

  1. Нажать на кнопку "Фигура".
  2. В отобразившемся списке фигур сперва выбрать категорию фигур (они разбиты по тематикам, при выборе той или иной категории - наборы фигур будут изменяться).
  3. После выбора категории - нажать на нужную Вам иконку из набора.

Картинка будет добавлена. Чтобы перейти к ее редактированию, нажмите на строку слоя в списке слоев или же на саму фигуру в области просмотра.

Рассмотрим подробно, какие параметры доступны для редактирования у слоя с фигурой.

Обратите внимание!
В некоторых тематиках фигуры разбиты по строкам так, что первой в строке расположена фигура, которую можно использовать в качестве основной/фоновой для всех последующих (например, в строке с рыбками первая фигура - аквариум, Вы можете добавить сперва аквариум и уже на его фоне разместить фигуры рыб).


Шаг 5.1. Замена картинки

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


Шаг 5.2. Расположение фигуры

Отредактируйте положение фигуры с помощью кнопок-стрелок (кнопка с точкой - выравнивает текст по центру).

Обратите внимание!
Вы также можете вручную перетаскивать фигуры прямо на экране предпросмотра. Для этого просто наведите курсор на изображение, зажмите левую кнопку мыши и перетащите фигуру в нужное Вам место логотипа. Перетаскивать фигуры на один пиксель можно с помощью клавиш ←, →, , ↓. Если зажать CTRL и использовать те же клавиши, фигура будет перемещаться на 5 пикселей.

Шаг 5.3. Цвет фигуры

Задайте для выбранной фигуры цвет, сперва выбрав режим ("1 цвет", "2 цвета" или "Без заливки") из соответствующего списка.

При необходимости Вы можете включить для фигуры "Рамку" и выбрать цвет для нее.

Шаг 5.5. Поворот, размер и расположение фигуры

Чтобы повернуть фигуру вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.

Чтобы увеличить или уменьшить фигуру - воспользуйтесь кнопками "+" и "-".

Чтобы зеркально отразить фигуру по вертикали или по горизонтали, воспользуйтесь соответствующими кнопками поворота.

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

Шаг 6. Добавление текстового слоя

Чтобы добавить слой с текстовым наполнением, нажмите на кнопку "Текст".

Слой будет добавлен в список, нажмите на него (в списке слоев или в области просмотра), чтобы в правой части экрана отобразились настройки текста.

Шаг 6.1. Текст слоя

Сперва укажите в настройках текст логотипа.


Шаг 6.2. Формат текста

Вы можете изменить шрифт текста, а также выделить его полужирным или курсивом.

Шаг 6.3. Расположение текста

Отредактируйте положение текста с помощью кнопок-стрелок (кнопка с точкой - выравнивает текст по центру).

Обратите внимание!

  • Вы также можете вручную перетаскивать текст прямо на экране предпросмотра. Для этого просто наведите курсор на текст, зажмите левую кнопку мыши и перетащите текст в нужное Вам место логотипа.
  • Перетаскивать фигуры на один пиксель можно с помощью клавиш ←, →, , ↓. Если зажать CTRL и использовать те же клавиши, фигура будет перемещаться на 5 пикселей.

Шаг 6.4. Цвет текста

Теперь окрасьте введенный текст в необходимый цвет, сперва выбрав режим ("1 цвет", "2 цвета" или "Без заливки") из соответствующего списка.

Шаг 6.5. Рамка текста

При необходимости Вы можете заключить текст в рамку и указать цвет рамки.

Шаг 6.6. Поворот и размер текста

Чтобы повернуть текст вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.

Чтобы увеличить или уменьшить размер текста - воспользуйтесь кнопками "+" и "-".

Чтобы зеркально отразить текст по вертикали или по горизонтали, воспользуйтесь соответствующими кнопками поворота.

Чтобы сбросить все изменения (поворот, размер, расположение), нажмите на крестик.

Добрый день, дорогие читатели.

В предыдущей статье мы говорили о , а как сделать логотип самому?

Довольно кропотливое занятие, но если Вы сумеете придумать что-то гениальное, то это, поверьте, того стоит.

Изначально логотип был придуман для того, чтобы выделить свою компанию / сайт на рынке. Хотите добиться этого, тогда Вам нужно непременно прочитать данную статью.

Логотип является лицом вашей компании / сайта. Если нет оригинального логотипа, и Ваш сайт совсем не привлекает внимания, то на вряд ли он будет выделяться из огромного числа подобных сайтов.

Если Вы хотите чтобы ваш интернет-ресурс посещало как можно больше пользователей, то Вам просто необходимо создать что-то действительно привлекающее внимание.

А сначала давайте разберемся какие бывают логотипы.

Виды логотипов

Символьные

Отображения лого в виде картинок, знаков, символов, иконок. Данный вид популярен среди огромных современных компаний или сайтов. Изображение может быть содержательным, все зависит от того какой Вы вложите в него смысл. Популярные компании с таким видом: Apple, Nike

Текстовые

Данный вид довольно прост, но также популярен, как и символьный. Он представляет собой обыкновенные буквы, которые отображаются в разных оболочках. Примеры с данным типом: M-моторолла, ACER, Nokia.

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

Данный вид логотипа состоит из двух предыдущих. Он включает в себя различные изображения предметов, животных, растений и сам текст. Примеры: Adobe, Adidas, Microsoft.
Какой вид выберете Вы? Выбор остается только за вами.

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

В интернете существует множество программ (сервисов) по созданию логотипов для сайтов онлайн. Одни из самых популярных программ:

  • Logaster.com
  • LogotypeGenerator
  • Flamingtext
  • hipsterlogogenerator

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

Ниже представлена инструкция по созданию логотипов на примере сервиса flamingtext:


Примечания! Бесплатно получится скачать только с водяным знаком.

Фавиконки для сайта

Чтобы привлечь к сайту внимание массы, многие используют Favicon.

Favicon — это такой значок в специальном формате, который отображается перед URL страницы в адресной строке, рядом с закладкой.

Favicon и логотип как правило выглядят одинаково. Только фавикон значительно меньше и имеет другой формат (.ico)

Чтобы он нес смысловую нагрузку необходимо соблюдение некоторых требований:

  • Создайте Favicon в том же стиле, в котором разрабатывается сайт. Используйте одинаковые элементы дизайна, цветовую палитру.
  • Создайте Favicon простым, чтобы он легко воспринимался.
  • Не используйте сложных изображений.

Для создания Favicon имеется такой ресурс X-Icon Editor . В программе существует функционал импорта, экспорта, а также предварительный просмотр Favicon на закладке браузера.

Фотошоп и Paint

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

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

  • FL.ru
  • WebLancer.net
  • Qwork.ru

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

В заключение хочется отметить, все под силу каждому, стоит правильно ставить цели и любить то, чем Вы занимаетесь.

Если данная статья была для Вас познавательной, подписывайтесь на обновления блога, рекомендуйте прочитать статью Вашим друзьям в социальных сетях.

Всем пока и до скорых встреч!

С уважением! Абдуллин Руслан



Эта статья также доступна на следующих языках: Тайский

  • Next

    Огромное Вам СПАСИБО за очень полезную информацию в статье. Очень понятно все изложено. Чувствуется, что проделана большая работа по анализу работы магазина eBay

    • Спасибо вам и другим постоянным читателям моего блога. Без вас у меня не было бы достаточной мотивации, чтобы посвящать много времени ведению этого сайта. У меня мозги так устроены: люблю копнуть вглубь, систематизировать разрозненные данные, пробовать то, что раньше до меня никто не делал, либо не смотрел под таким углом зрения. Жаль, что только нашим соотечественникам из-за кризиса в России отнюдь не до шоппинга на eBay. Покупают на Алиэкспрессе из Китая, так как там в разы дешевле товары (часто в ущерб качеству). Но онлайн-аукционы eBay, Amazon, ETSY легко дадут китайцам фору по ассортименту брендовых вещей, винтажных вещей, ручной работы и разных этнических товаров.

      • Next

        В ваших статьях ценно именно ваше личное отношение и анализ темы. Вы этот блог не бросайте, я сюда часто заглядываю. Нас таких много должно быть. Мне на эл. почту пришло недавно предложение о том, что научат торговать на Амазоне и eBay. И я вспомнила про ваши подробные статьи об этих торг. площ. Перечитала все заново и сделала вывод, что курсы- это лохотрон. Сама на eBay еще ничего не покупала. Я не из России , а из Казахстана (г. Алматы). Но нам тоже лишних трат пока не надо. Желаю вам удачи и берегите себя в азиатских краях.

  • Еще приятно, что попытки eBay по руссификации интерфейса для пользователей из России и стран СНГ, начали приносить плоды. Ведь подавляющая часть граждан стран бывшего СССР не сильна познаниями иностранных языков. Английский язык знают не более 5% населения. Среди молодежи — побольше. Поэтому хотя бы интерфейс на русском языке — это большая помощь для онлайн-шоппинга на этой торговой площадке. Ебей не пошел по пути китайского собрата Алиэкспресс, где совершается машинный (очень корявый и непонятный, местами вызывающий смех) перевод описания товаров. Надеюсь, что на более продвинутом этапе развития искусственного интеллекта станет реальностью качественный машинный перевод с любого языка на любой за считанные доли секунды. Пока имеем вот что (профиль одного из продавцов на ебей с русским интерфейсом, но англоязычным описанием):
    https://uploads.disquscdn.com/images/7a52c9a89108b922159a4fad35de0ab0bee0c8804b9731f56d8a1dc659655d60.png