В этой статье я расскажу как сделать красивый и стильный логотип для своего сайта, канала youtube или группы вк. Вы узнаете где можно скачать готовый логотип без водяных знаков, сколько будет стоить хорошая эмблема под заказ и как можно создать лого самостоятельно с помощью конструктора.
Как сделать логотип в конструкторе
Самый простой и быстрый способ – сделать логотип самостоятельно с помощью специального сервиса - генератора логотипов. Вам нужно будет выбрать эмблему, которая подходит тематике вашего сайта или паблика, добавить к ней название и слоган и выбрать шрифт и цветовую гамму. Если вас интересуют подробности, советую прочитать .
Вот моя подборка самых лучших онлайн конструкторов
1. Logaster – самый лучший конструктор логотипов
А вот короткое промо-видео сервиса:
2. Genlogo – удобный и многофункциональный
Где можно купить готовый логотип
Еще один хороший вариант – приобрести готовый логотип в магазине. Я рекомендую магазин логотипов Graphicriver .
Основные преимущества:
- Более 50 тыс. различных вариантов эмблем на выбор.
- Здесь публикуют свои работы лучшие дизайнеры со всего мира.
- Демократичные цены. За 6$-10$ можно купить отличный профессиональный логотип, это дешевле, чем заказывать у фрилансера или в студии веб-дизайна.
- Логотипы предоставляются в редактируемых форматах, например PSD. Это значит, что Вы сможете в Photoshop подставить в логотип название своего сайта или фирмы.
- С помощью фильтров можно сортировать по категориям и цене.
Есть и недостатки:
- Оплата только PayPal. Как зарегистрироваться в PayPal смотрите .
- Сайт на английском языке. Если не владеете английским то, Вам придется воспользоваться переводчиком сайтов. О том, как это сделать на примере браузера Google Chorome .
Где заказать разработку логотипа
Новый логотип можно заказать у дизайнера. Это можно сделать на любой бирже фриланса.
Достоинства:
- Разрабатывается индивидуально. Он гарантированно впишется в дизайн сайта по размеру, стилю и цветовой гамме.
- Большинство авторов предоставляют сразу несколько вариантов на выбор.
Недостатки:
- Придется потратить дополнительное время на изучение портфолио авторов и отзывы об их работе.
- Для того, чтобы получить качественный результат, необходимо составить подробный список требований к готовой работе, и заранее обговорить все мелочи с дизайнером.
- Разработка «под ключ» обойдется дороже, чем покупка готового или использование онлайн генератора.
- Результата придется подождать от 3-х до 7-ти дней, без учета правок и исправлений.
Я перепробовал много различных бирж фриланса и, в конце концов, остановился на Kwork. Мне понравился удобный интерфейс, низкие цены и хорошая конкуренция среди исполнителей.
Создание логотипа в Photoshop своими руками
Если есть желание, время и навык работы в Photoshop, то можно создать логотип своими руками с нуля. Вот неплохое видео на эту тему:
Выводы
Теперь вкратце подведем итоги. Если Вам нужна красивая эмблема для сайта то вы можете:
- Купить готовый лого в магазине. Это самый простой и удобный способ.
- Воспользоваться онлайн конструктором. Это тоже очень удобно и оставляет большой простор для фантазии. Из всех онлайн сервисов для создания логотипов мне больше всего понравился Логастер . По количеству настроек и опций ни один другой сервис не может с ним сравниться. Cool Text довольно неплох, однако у него функционал поменьше. Кроме того, он англоязычный, что создает дополнительные препятствия тем, кто не владеет английским.
- Заказать лого «под ключ» на бирже фриланса. Это довольно хлопотно, но дает отличные результаты.
- Сделать эмблему самостоятельно. Этот вариант подходит только тем, кто умеет и любит работать в Photoshop.
Нередко при создании блога возникают вопросы: «Как сделать сайт узнаваемым, а значит и хорошо посещаемым?».
Решением данной проблемы может стать создание логотипа, отображающего стиль вашего веб-ресурса.
Можно ли и как сделать логотип для сайта бесплатно? Ответ – да, можно.
К счастью, в настоящее время существует большое количество сервисов, которые позволяют самостоятельно и бесплатно создавать уникальный логотип для блога.
В статье мы рассмотрим следующие моменты:
- Что такое и зачем нужен логотип.
- Как правильно подобрать логотип.
- Как сделать лого для сайта на вордпресс.
Что это такое
Важнейшим элементом блога является его логотип (logo, лого). Если сайт принадлежит какой-то организации, то это логотип – это, иначе говоря, эмблема организации.
Если не сделать для блога собственное лого, то данный веб ресурс не будет всерьез воспринят его посетителями. Блог должен чем-то привлечь посетителя и остаться в его памяти. И пока ресурс находится только на стадии своего развития, пусть логотип сделает свое дело!
Предъявляемые требования к логотипу
В настоящее время лого – не только эмблема или торговая марка организации, но и лицо блога. Без логотипа блог не сможет выделиться среди множества сайтов.
Виды logo
- Состоящие из символов – когда в качестве лого выступает изображение. В данном случае картинка или анимация должна отражать характер сайта.
- Текстовые логотипы представляют собой текст, отражающий название сайта.
- Комбинированный логотип блога состоит из символа и графического текста.
Требования:
- Лого сайта должен легко запоминаться.
- Уникальность. Никогда не надо использовать чужие логотипы, поскольку это не принесет никакой пользы ни для блога, ни для его владельца.
- Оригинальность, т.е. надо придумать такой logo, который может чем-то удивить посетителя и потому останется в его памяти.
- Эмблема сайта должна отражать его характер.
- Логотип не должен раздражать посетителя.
Создание текстового логотипа в онлайн-конструкторе
В настоящее время таких сервисов в интернете немало. Среди них, как бесплатные, так и платные конструкторы. Я приведу некоторые, а выбор останется за вами.
Creatr.cc
Данный сервис подходит для тех, кому надо быстро, не вникая в тонкости, создать логотип. Создать эмблему можно за несколько секунд. Последовательность действий такова:
Надо выбрать подходящий шаблон и кликнуть по нему левой кнопкой мышки.
Затем вводим название своего сайта в поле, как показано на картинке. После чего можно произвести настройки цвета и шрифта. А затем нажимаем Enter или на кнопку «Создать логотип».
Получаем, например, такую картинку в формате png:
Logaster.com
Еще один сервис, где можно сделать логотип для своего проекта. Скачать его можно только после регистрации.
Для создания эмблемы потребуется заполнить поля (компания, сфера бизнеса), после чего сервис предложит множество вариантов лого.
- Выбираем тот, который больше подходит.
- При необходимости logo можно отредактировать.
- Сохранить сгенерированный логотип и скачать.
Сервис предлагает, кроме бесплатных также и платные условия использования. При отсутствии времени и ограничении в бюджете конструктор будет очень кстати.
Cooltext.com
Более сложный, но и наиболее функциональный сервис создания лого самостоятельно. Зайдя на сайт, сразу же нам сервис предлагает множество шаблонов. Выбираем тот, который нам больше подходит, нажав левую кнопку мыши.
Нас перебросит на следующую страницу, где надо будет сделать соответствующие настройки: настраиваем шрифт, выбираем фон, при желании добавляем градиент, формат файла, в котором будем сохранять наш лого.
После нажатия на кнопку «Создать логотип», мы попадаем на страницу скачивания.
Text Logo Maker
В отличие от предыдущих, данный конструктор менее гибкий, но и более простой в использовании. При попадании на главную страницу, сервис нам предлагает на выбор анимированный или обычный логотип. Выберем обычный вариант:
На следующей странице выбираем цветной логотип. Для этого нажимаем «Colored Logo».
Затем производим настройки цвета, шрифта:
Вначале может показаться, что очень много настроек много. Рекомендую сразу прокрутить страницу вниз до шага 2. Вводим название логотипа и жмем на кнопку «Generate» в нижней части страницы.
После нажать «Generate» и подождать несколько секунд. Произойдет перезагрузка страницы и в правой части экрана сверху появится сгенерированный лого. Для скачивания нажимаем на правую кнопку мыши и сохраняем файл.
Минус сервиса в том, что теперь он платный.
Flamingtext
Здесь можно быстро создать хорошую лого-картинку.
Заходим на сайт и попадаем в генератор, который состоит из нескольких колонок.
Выбираем подходящий шаблон, нажимаем на него левой кнопкой мыши и попадаем в настройки:
После того, как подходящий логотип создан, нажимаем в правом верхнем углу кнопку «Create Logo».
Dabuttonfactory.com
Данный генератор кнопок чуть сложнее, чем предыдущий. Его главным достоинством является то, что, но его главное достоинство в том, что он создает автоматически код css-стиля кнопки. Его можно вставить в тему сайта и постоянно использовать.
Onlinelogomaker.com
Логотип может быть не только в виде надписи, но и в виде красивой картинки. Чтобы создать графический лого предлагаю воспользоваться следующим сервисом:
- В первом поле находятся кнопки создания графических объектов.
- Второе поле — рабочая панель.
- Третье – в нем содержится список ранее созданных объектов.
- Четвертое – седьмое – позиция, смещение, затемнение и т.п.
Как сделать logo для сайта самостоятельно
Для создания логотипа можно воспользоваться программой фотошоп.
В программе можно сделать самый простой логотип в виде кнопки с надписью. Кнопка может быть овальная, круглая, в виде квадрата или прямоугольника. Можно добавить тень или еще какой-либо эффект. В завершение – добавить красивую надпись.
Где можно заказать изготовление логотипа
Если нет возможности сделать лого самостоятельно, по той причине, что вам сложно сотворить шедевр. А очень хочется, чтобы ресурс был узнаваемым и имел качественный и красивый logo, то стоит заказать логотип профессионалу.
Можно обратиться за услугой к фрилансеру, которого можно найти на одной из бирж:
- http://www.free-lance.ru/
- http://freelance.ru/
- http://www.freelancejob.ru/
- http://www.weblancer.net/
- http://www.free-lancers.net/
- http://www.freelancejob.ru/
Постараться максимально описать фрилансеру, какой нужен логотип, его размеры, цветовая гамма. Стоимость логотипа может находиться в пределах от 500 до 1500 рублей.
Как добавить логотип на сайт
После того, как лого создан, его надо разместить на сайте. В зависимости от используемой темы, установка логотипа на блог может отличаться.
Варианты:
- Тема поддерживает замену родного логотипа на вновь созданный.
- Тема имеет свой логотип, но не поддерживает замену.
- Тема не имеет логотипа и не поддерживает замену.
В первом случае надо будет зайти в админпанель блога, и в настройках темы изменить лого.
Для второго случая потребуется открыть папку:
И найти картинку с логотипом. Обычно это файл logo.png или logo.jpg. Базовый логотип надо будет скопировать на компьютер и создать новый такого же размера и с таким же расширением.
Третий вариант является самым сложным. Если тема сайта не поддерживает logo, то придется отредактировать файл header.php. Возможно придется добавить стили в файл style.css.
Вначале определяемся с размерами лого, чтобы он максимально вписался в дизайн блога.
Загружаем новый logo.png или logo.jpg в директорию
/wp-content/themes/название темы/images/
Идем в редактор темы, находим Заголовок (header.php) и добавляем следующий код:
/images/logo.jpg» alt=»» />
В то место, где мы хоти видеть логотип.
Для нового логотипа можно прописать стили. В редакторе темы открываем файл style.css и прописываем ориентацию логотипа и отступы. Можно это все добавить в самом конце файла.
#header #logo{ float:left; padding: 5px 5px 0px 5px; }
Обновляем файл. Если все правильно выполнено, то логотип обязательно появится.
Шаг 2. Лого на основе примера
Нажмите на кнопку для загрузки в констркутор готового примера.
В открывшемся окне Вы можете выбрать готовый пример и создать свой логотип на основе него.
Примеры логотипов разделены на категории по различным тематикам.
После названия отображается счетчик количества готовых логотипов внутри категории.
Шаг 2.2 Выбор примера логотипа
Наведите курсор на подходящий логотип, он подсветится иконкой со знаком «+». После этого нажмите на логотип для того чтобы перейти к созданию нового на его основе.
Обратите внимание!
При переходе к созданию нового логотипа - все несохраненные действия
произведенные с текущим редактируемым логотипом будут утрачены.
Шаг 2.3. Список слоев
После выбора готового логотипа система выведет список его слоёв с их настройками и свойствами. Они доступны для изменения.
Шаг 2.4. Мои дизайны
Логотипы, сохраненные Вами ранее доступны в разделе “Мои дизайны”, так что если Вы захотите продолжить создание незаконченного Вами логотипа, выберите его в списке и продолжите редактирование.
Обратите внимание!
Все изменения, которые Вы будете вносить в логотип в процессе редактирования, будут отображаться на экране справа от настроек.
Там же Вы сможете при необходимости вручную перетаскивать слои, наведя и зажав курсор на нужной фигуре (нужном тексте), а затем переместив его на нужное место на экране.
Шаг 3. Создание логотипа
Если вы не выбрали логотип на шаге 2, то по умолчанию логотип будет содержать два случайно сгенерированных слоя - слой с фигурой и текстовый слой.
Шаг 4. Редактирование слоев
Вы можете перейти к редактированию этих слоев, нажав на соответствующие строки в списке слоев или же на саму фигуру (сам текст) в области просмотра. При нажатии на фигуру/текст - настройки выбранной фигуры или выбранного текста отобразятся справа от области просмотра логотипа.
Также Вы можете удалить слои, нажав на иконку в настройках выбранного слоя, и создать логотип "с нуля".
Рассмотрим, как добавлять слои.
Обратите внимание!
- Максимальное количество слоев для одного логотипа - 15.
- Еще один способ удалить фигуру - удалить слой из списка слоев, нажав на соответствующую кнопку.
Шаг 5. Добавление слоя с фигурой
Для того чтобы добавить слой, содержащий картинку, Вам будет необходимо:
- Нажать на кнопку "Фигура".
- В отобразившемся списке фигур сперва выбрать категорию фигур (они разбиты по тематикам, при выборе той или иной категории - наборы фигур будут изменяться).
- После выбора категории - нажать на нужную Вам иконку из набора.
Картинка будет добавлена. Чтобы перейти к ее редактированию, нажмите на строку слоя в списке слоев или же на саму фигуру в области просмотра.
Рассмотрим подробно, какие параметры доступны для редактирования у слоя с фигурой.
Обратите внимание!
В некоторых тематиках фигуры разбиты по строкам так, что первой в строке расположена фигура, которую можно использовать в качестве основной/фоновой
для всех последующих (например, в строке с рыбками первая фигура - аквариум,
Вы можете добавить сперва аквариум и уже на его фоне разместить фигуры рыб).
Шаг 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. Поворот и размер текста
Чтобы повернуть текст вокруг своей оси под определенным углом - воспользуйтесь кнопками поворота вправо или влево.
Чтобы увеличить или уменьшить размер текста - воспользуйтесь кнопками "+" и "-".
Чтобы зеркально отразить текст по вертикали или по горизонтали, воспользуйтесь соответствующими кнопками поворота.
Чтобы сбросить все изменения (поворот, размер, расположение), нажмите на крестик.
В этом уроке мы будем создавать эффект окольцованного текста.
Для этого нам понадобиться: текст, инструмент «Эллипс» (U), слой-маска и некоторые уловки со Стилем слоя.
Шаг 1. Создайте новый документ, размерами 500х500 пикс . Возьмите инструмент «Текст» настройки шрифта такие: ("Arial/Bold Italic/120 pt/Crisp" settings ) и напишите слово Ring.
*Размер текста будет зависеть от размера вашего изображения, главное это чтобы было достаточно места вокруг текста, для создания колец.*
Шаг 2. Установите нужный вам, цвет переднего плана, автор использовал такой цвет: #F4990B . Возьмите инструмент «Эллипс» (U) (Ellipse Tool) и растяните фигуру. Затем Ctrl+ T и расположите ее по диагонали.
Затем в настройках инструмента «Эллипс» (U) переключитесь в режим «Вычесть из области фигуры» (-).
И нарисуйте внутри еще одну фигуру. Затем возьмите инструмент «Выделение контура (A)» Path Selection и кликните им по этой фигуре, чтобы она выделилась. Примените к ней Свободную трансформацию Ctrl+ T , поверните по форме первой фигуры и, используя Искажение, либо просто зажав клавишу Ctrl , уложите фигуру в позицию как на скриншоте:
Так выглядит палитра слоев на этом шаге:
Шаг 3. Дублируйте слой с первым кольцом, у автора этот слой называется - "Ring1" и измените ему цвет. Автор изменил на такой #4151AF .
Затем просто кликаем по миниатюре фигуры на слое с синим кольцом, чтобы выделить всё кольцо. Нажмите Ctrl+ T , кликните правой кнопкой мыши на рамке трансформации, выберите там отразить по Горизонтали. Получиться так:
Шаг 4. Нам нужно добиться эффекта переплетения колец. Делать это мы будем используя Слой-маску. Нажмите на значок слой-маски на палитре слоев.
Тем самым, добавив маску к каждому слою. В итоге у вас должно получиться вот так:
Нажмите клавишу D , чтобы переключить основные цвета на черно-белый.
Шаг 5. Теперь нам нужно, чтобы кольца заходили за текст. Для этого, перейдите на слой с Оранжевым кольцом и, зажав клавишу Ctrl кликните по миниатюре слоя с текстом. Появиться выделение текста.
Возьмите инструмент «Кисть », цвет черный и рисуйте кистью в тех местах, которые заходят на текст, они показаны на скриншоте, тем самым, стирая с текста оранжевый цвет.
Не снимая выделения с текста, перейдите на слой с синим кольцом и сотрите черной Кистью в местах, которые заходят на текст.
Нажмите Ctrl+ D , снять выделение. Теперь нужно подкорректировать некоторые недочеты.
Кликните по миниатюре фигуры кольца, на слое с Оранжевым кольцом, должно появиться выделение кольца. Не снимая выделения, перейдите на слой с синим кольцом, возьмите черную кисть и сотрите лишнее.
Шаг 6. Теперь нужно нарисовать тень от колец. Кликните два раза по слою с Оранжевым кольцом, вызвав тем самым окно Стиль слоя . Выберите там Тень, настройки установите как на скриншоте. На вашей работе угол тени может быть совсем другим.
Скопируйте Стиль слоя и вклейте его на слой с синим кольцом. Появились новые участки, которые нужно исправить.
Вернитесь к Стилю слоя на слое с Оранжевым кольцом. Во вкладке - Параметры наложения , поставьте галочку на - Слой-маска скрывает эффекты .
Открытие бизнеса
