Нередко при создании сайта нужно разработать логотип, который должен быть ярким и запоминающимся. Почему это так важно? Логотип – это своего рода эмблема, символ компании или сайта, который используется в качестве рекламы и повышения узнаваемости. Поэтому логотип это важный атрибут каждой организации, который представляет ее имя.
Хороший логотип должен отвечать следующим требованиям:
- запоминаемость – желательно, чтобы логотип запоминался человеком после пары взглядов на него;
- уникальность – логотип должен быть не похож ни на одни из уже существующих логотипов на рынке. Более того, он должен выделяться на их фоне;
- оригинальность – в логотипе должна заключаться интересная «фишка», которая также влияет на узнаваемость и запоминаемость;
- лаконичность – логотип не должен быть перегруженным информацией;
- ассоциативность – логотип должен оставлять четкую ассоциацию с компанией.
Логотипы делятся на три типа:
- Название, которое представлено в оригинальной графической обработке;
- Фирменный знак;
- Фирменный блок – симбиоз названия и фирменного знака.
Создание логотипа
Крупные компании и организации пользуются услугами профессиональных дизайнеров. Но когда идет речь о создании эмблемы, к примеру, для своего сайта, можно обойтись собственными силами и при помощи Photoshop выполнить работу собственноручно. Поэтому далее в статье будет описано, как сделать логотип в фотошопе.
Перед началом урока стоит упомянуть об онлайн-сервисах генерации логотипов таких как: www.logaster.ru , ogotypecreator.com и т.д. Конечно, это удобно, но в таком случае отсутствует элемент личного творчества и не всегда пользователь будет удовлетворен результатом. В то время как создание логотипа в фотошопе дает полную свободу и возможность сделать логотип максимально отвечающим задумке автора.
Итак, начнем.
- После запуска программы Photoshop необходимо создать новый файл. Для примера будет установлена ширина и высота 300 на 250 пикселей соответственно;
- Выполнить заливку фона. Для этого в меню «Слои » выбрать пункт «Новый слой-заливка », «Цвет »:
- В меню «Фильтр » переходим через пункт «Галерея фильтров » и выбираем подходящий фильтр:
- Далее рисуем логотип в фотошопе с помощью инструмента «Эллипс » и заливаем его цветом:
- После этого в меню «Слои » выбираем «Стиль слоя ». В появившемся окне переходим на вкладку «Обводка »:
-Текущий результат представлен ниже:
- Теперь нужно выполнить надпись, чтобы получить красивый логотип в фотошопе. Так как на данный момент создана только заготовка – фон логотипа. Используя инструмент «Горизонтальный текст », создаем надпись нужного цвета:
- Затем необходимо деформировать текст и использовать «Обводку », как это было сделано ранее, а также применить стиль «Тень ». Все настройки стилей слоя и инструментов устанавливаются в зависимости от своих предпочтений:
И в завершение урока о том, как создать логотип в фотошопе добавим тематические изображения к уже созданной эмблеме. Для этого в Photoshop необходимо открыть картинки, которые будут добавлены на логотип, выделить нужные участки и перетащить их на слой с фоном. В результате получается довольно интересный логотип:
Так бывает, что перед программистом ставят неординарную задачу, которую выполнить он может только благодаря своей смекалке, а не опыту, которого в сфере требуемой задачи, по сути, и нет. И сегодня я хочу рассказать о том, как не дизайнеру нарисовать красивый логотип.
Не буду томить рассказом о том, как так вообще получилось, что программист так низко пал и начал рисовать логотипы. А лучше сразу расскажу все хитрые приемы, которые позволили получить результат, который в конечном счете одобрил заказчик.
Задача была следующая: разработать логотип для сети оптик «Оптик +». В принципе, это все входные данные, которые имелись на момент принятия задачи. Клиент выразил своё пожелание нарисовать лого в минималистичном стиле, с простыми и мягкими формами. Ну что же, это только нам на руку, поскольку нарисовать что-то в другом стиле - задача уже маловыполнимая, требующая хоть какого-нибудь творческо-дизайнерского мышления и опыта, коими мы не обладаем.
Наш план таков:
- Придумать идею;
- Как-то это нарисовать в векторе;
- Показать клиенту;
- Profit...
- Очки;
- Линзы;
- Оправы;
- Стекло;
- Ботаник?
Для отрисовки мы будем использовать векторный редактор Corel Draw, который, как мне показалось из просмотренных обзоров, намного проще и интуитивно понятней главного конкурента - Adobe Illustrator.
Главными нашими помощниками будут простые геометрические фигуры: круги, прямоугольники и различные режимы наложения (Intersect - пересечение, Simplify - исключение). Скажу честно, чтобы придти к этому решению было потрачено больше 5 часов мук. Но, как мне кажется, эти инструменты универсальны и с их помощью можно рисовать Мону Лизу и более сложные графические конструкции.
Стекла очков мы будем делать из кругов. Чтобы у нас получился идеальный круг, одинаковый по высоте и ширине, нужно растягивая его зажать клавишу «Ctrl». Картинка при это будет пропорционально масштабироваться.
Теперь делаем отверстие, где по логике вещей должны быть стекла. Чтобы его сделать нам понадобиться еще один круг, вписанный в первый, но меньший по диаметру. Выделяем оба объекта и применяем к ним режим наложения Simplify. На выходе получаем аккуратный «бублик».
Дублируем нашу фигуру, чтобы сделать вторую половину очков и начинаем думать, как нам нарисовать плавную дужку. Дизайнеры для решения этой задачи используют Кривые Безье , но лично для меня они оказались непосильными: дуга все время получалась неровная и не аккуратная и поэтому будем использовать привычный нам вписанный круг, нижнюю половину которого мы просто удалим.
Как можно рационально удалить нижнюю половину мы разбираться не будем, да и это не столь важно, поэтому будем использовать прямоугольник, к которому применим Simplify относительно нашего кольца. Далее у нас останется обводка элемента, которая нам вовсе не нужна, её параметр мы установим «none»
Готово. Переходим к заушникам. Для их отрисовки возьмем 2 прямоугольника, у которых установим необходимый параметр сглаживания углов. Если мы не будем сглаживать, то заушники получатся слишком топорными и будут выбиваться из нашего общего дизайна.
Дублируем прямоугольник, крутим-вертим, смотрим, как будет лучше и выбираем наиболее приятную глазу форму.
Осталось добавить какую-нибудь изюминку. Я решил добавить брови, чтобы лишний раз подчеркнуть, что это очки, а не что-либо иное.
И рисовать мы его будем, да-да, все с помощью тех же режимов наложения и простого круга. Режим «Intersect» позволяет создавать объект на пересечении других объектов; им мы и воспользуемся.
Вот, в принципе, и все. Добавляем шрифт по вкусу и логотип готов.
Демонстрируем заказчику, он идею и воплощение полностью одобряет. Profit…
Таким образом, с помощью простой смекалки и минимальной усидчивости можно решать простые дизайнерские задачи не будучи дизайнером. В следующий раз я поведаю вам о том, как легко и просто нарисовать эффектный дизайн сайта с помощью Axure RP, без использования графических редакторов.
Как сделать логотип для сайта самостоятельно, если нет таких навыков и соответствующих программ? К счастью, в наше время – это вполне решаемая задача. Не нужно никакого специализированного софта, создать логотип для своего блога можно самому в режиме ONLINE, с помощью специальных сервисов. О них как раз и пойдет речь в этой статье, но и кроме этого, вы узнаете о том, как сделать логотип в виде надписи или кнопки, графического элемента или просто текста, с помощью фотошопа или онлайн-сервисов, а также как его установить на блог wordpress .
Логотип (лого, logo) – это фирменный знак блога, отличающий его от других. Это важнейший элемент, который должен присутствовать на каждом сайте, практически все успешные web-сайты имеют свой уникальный логотип! Он может представлять собой как обычную надпись (url-адрес или название сайта), так и графический элемент (животное, растение или любой предмет).
Если у вас серьезные планы на блог, вы хотите его раскрутить и сделать высоко посещаемым, то вам просто необходимо создать собственный logo, ведь без него ваш ресурс вряд ли воспримут всерьез.
Вначале логотип представлял собой товарную марку какой-либо компании, как правило, производящей продукцию. С помощью него организация выделялась среди конкурентов и оставалась в памяти потребителей. Лого был лицом компании.
С появлением интернета логотип стал появляться у многих сайтов. Так вебмастеры старались выделиться. А сейчас ситуация кардинально изменилась: популярность логотипа так возросла, что он стал неотъемлемой частью любого сайта. И теперь лого нужен для того, чтобы «не выделяться из толпы» – в плохом смысле фразы.
Да, отсутствие логотипа не поможет с поисковых систем, но его задача другая – привлечь внимание посетителей, заставить их вернуться.
Логотипы можно разделить на три вида:
- текстовые;
- графические;
- и текстовые, и символьные.
К логотипу предъявляется большое число требований:
- должен легко запоминаться, слишком сложный логотип не поможет развиваться блогу;
- должен быть оригинальным, иначе на него не будут обращать внимание посетители;
- должен быть уникальным, иначе он не сможет выделиться;
- должен быть ассоциативным, т.е. отражающим характер блога и его автора.
2. Как сделать текстовый логотип (онлайн)
Текстовые логотипы очень просто сделать с помощью онлайн-сервисом. Их сейчас достаточно, поэтому есть из чего выбрать. Я приведу те, которые мне кажутся наиболее полезными.
2.1 Logaster.ru
Начинает наш список русский онлайн генератор логотипов Logaster
Этот сервис позволяет быстро создавать бесплатные логотипы.
Процесс создания логотипа очень прост. Все что вам нужно сделать — это ввести название фирмы и выбрать тематику бизнеса.
Далее, конструктор сам сгенерирует множество различных вариантов, а вам остается только выбрать наиболее понравившейся.
При желании, логотип можно отредактировать, кликнув на “Редактировать лого”.
Основные преимущества сервиса — это простота, русский интерфейс, поддержка кириллицы и огромная база качественных иконок и шрифтов.
За отдельную плату логотип можно скачать в растре (PNG, JPEG) и векторе (SVG, PDF)
2.2 Creatr.cc
Удобный и простой генератор лого, отлично подойдет для тех, кто желает быстро создать логотип, не вдаваясь во все тонкости этого дела. Вы сможете сделать себе логотип менее, чем за минуту – вам нужно будет лишь ввести надпись, которую вы желаете видеть в логотипе, выбрать подходящий стиль и нажать на кнопку . Другими словами, создание лого проходит в 3 шага:
- шаг 1: выбираем понравившийся стиль и кликаем на него;
- шаг 2: вводим желаемую надпись, при необходимости меняем некоторые настройки стиля;
- шаг 3: нажимаем на кнопку и скачиваем логотип.
В результате вы получите незамысловатый logo небольшого размера (около 50 килобайт). Расширение – png. Вот как у меня получилось:
2.3 Cooltext.com
Немного более сложный, но отличный многофункциональный генератор, помогающий сделать логотип для сайта.
Перейдя на главную страницу сайта, вы увидите перед собой множество различных шаблонов. Выберите тот, который вам нравится больше других, и нажмите на него левой клавишей мыши.
После этого вы перейдете на страницу с параметрами стиля, где вы сможете настроить:
- шрифт;
- цвет шрифта;
- цвет фона (если есть);
- градиент фона;
- параметры градиента;
- расширение логотипа.
Если вы решите поменять шрифт текста или фон, на котором он расположен – кликните по ним и выберите более подходящие.
Лучше всего сохранять логотип в формате gif (хуже качество, меньше размер) или png (лучше качество, но больше размер).
Настроив параметры, нажимайте на . После этого вы попадете на страницу с изображением вашего логотипа. Скачайте его с помощью ссылки Download Image .
Вот такой логотип я сделал для своего сайта с помощью данного генератора:
2.4. Simwebsol.com
Этот генератор немногим менее функционален, нежели два предыдущие, но зато им легко пользоваться. Все что нужно – настроить окно с параметрами будущего лого:
– надпись на логотипе.
Галочка – жирный , – курсив , – подчеркнутый .
– цвет фона, справа от него находится палитра. Нажав на нее, вы сможете выбрать подходящий. Аналогично для полей и – это другие цвета логотипа.
–вид шрифта.
– размер шрифта.
– это поле можно пропустить, оно отвечает за прозрачность лого.
– здесь можно выбрать красивый символ и добавить его в логотип.
– расположение символа: – слева; – справа.
– разрешающая способность, чем она выше, тем больше размер файла и выше качество. Я использую стандартное значение.
Настройте параметры и нажмите на кнопку , через несколько секунд страница перезагрузится, и вы увидите свой логотип в верхней части странички. Чтобы скачать его, нажмите на него правой кнопкой мыши и выберите «Сохранить картинку на компьютер» или что-то аналогичное.
3. Как сделать текстовый логотип в виде кнопки
Помимо обычных генераторов, существуют также и конструкторы кнопок. В этом случае ваш логотип может красоваться на фоне кнопки. Такие logo оригинальные и красивые, поэтому есть смысл их использовать.
3.1 Web20badges.com
Неплохой конструктор кнопок. Вы за минуту сделаете самостоятельно логотип, перейдя на данный сайт.
Итак, вы увидите три поля:
Первое поле содержит шаблоны кнопок. Выбирайте любой понравившийся и нажимайте на него левой кнопкой мыши. Через несколько секунд в третьем поле картинка обновится. Кстати, учтите, что цвет шаблона поменять нельзя
!
Второе поле содержит параметры надписи. Поле – надпись на логотипе. Кнопка – применить изменения.
[ Font] – вид шрифта; – размер шрифта; – цвет шрифта. Ниже распологается палитра, с ее помощью вы можете поменять цвет надписи.
– координаты надписи (по умолчанию – центр). Если вы хотите сместить надпись, измените эти значения.
– вращение надписи в градусах (против часовой стрелки).
Третье поле отражает вид логотипа. Вы можете скачать его в любой момент, для этого нажмите на него правой кнопкой мыши и сохраните изображение на компьютер.
3.2 Dabuttonfactory.com
Этот конструктор кнопок содержит больше настроек, нежели предыдущий. Но его основное достоинство состоит в том, что он создает css-код стиля кнопки. Вы можете сохранить этот стиль в соответствующем файле темы и использовать его, не возвращаясь на сайт. Нажмите на картинку для увеличения .
Генератор кнопок состоит из трех областей. Здесь кнопки создаются в виде прямоугольников.
В первом поле находятся параметры надписи logo-картинки:
– надпись лого.
– размер шрифта.
Галочки и – жирный и курсив .
– размер надписи.
– цвет надписи.
– тень надписи.
– отдаленность тени от надписи.
– цвет тени.
– выходной тип (выберите css background, чтобы получить css-код).
– формат изображения.
Во втором поле находятся настройки кнопки:
– вид углов.
– стиль заливки.
– наличие рамки.
– наличие тени от рамки.
– размер кнопки (либо фиксированный, либо резиновый).
В третьем поле отображается сам логотип. Вы можете его сохранить на компьютер в любой момент.
4. Как создать логотип в фотошопе
Не обязательно использовать онлайн-сервисы для создания логотипа. Вы также можете воспользоваться фотошопом, программа позволяет создать очень красивые варианты logo-картинок и . Давайте попробуем сделать мини-логотип в виде кнопки.
Запустите фотошоп и выберите Файл—>Создать, здесь выберите ширину и высоту нового документа. Выбирайте их размеры такими, какой хотите видеть кнопку. Я, к примеру, взял их равными по 250 пикселей. Теперь выбираем форму кнопки: это может быть прямоугольник с обычными или острыми углами, круг, овал, ромб и т.д. Я выбрал круг. Стрелочками показано, где можно найти формы (сначала нажмите туда, куда указывает цифра «1», а затем выбирайте форму там, куда показывает цифра «2» на рисунке ниже):
Кстати, если захотите сделать круг, то выберите овал (как на картинке), зажмите и рисуйте. Также не забудьте указать подходящий цвет кнопки.
Теперь нужно немного украсить получившийся овал. Выбирайте Слои—> Стиль слоя—>Внутренняя тень. Тут нужно выставить смещение и размер тени. Я выбрал смещение равным 5 пикселям (стандарт), а размер тени – 50 пикселям. Можете экспериментировать с этими цифрами, попробуйте также и добавить стягивание.
Теперь я немного деформирую кнопку, чтобы она выглядела неровной. Для этого я выбираю Фильтр—>Искажение—>Искривление и настраиваю его. Добиваюсь того, чтобы кнопка выглядела не слишком криво. Кстати, вы можете попробовать какой-нибудь другой эффект.
Теперь добавим лучик света на кнопку, заходим в Фильтр—>Рендеринг—>Блинк, выбираем место, где он будет:
Почти все, осталось добавить надпись. Я выбрал url-адрес своего блога. Вот и все, у меня например получилось следующее (я лучик добавлять не стал):
Вы также можете посмотреть онлайн видео, которое научит вас создавать красивые логотипы в фотошопе:
5. Как сделать графический логотип
Логотип может содержать не только надпись, но и какой-нибудь графический элемент. Для этого дела подойдет отличный конструктор, находящийся по адресу onlinelogomaker.com . Перейдите на этот сайт, найдите сылку online logo maker , на нее и нужно нажать для того, чтобы попасть в генератор лого.
Как только конструктор загрузится, вы можете начать работу. Он достаточно мощный, функций много, поэтому не торопитесь – разбирайтесь с ним потихоньку. Генератор имеет 5 полей (нажмите на картинку для увеличения):
Первое поле содержит в виде списка объекты логотипа (на англ. языке).
Второе поле содержит кнопки для создания новых элементов, как графических так и текстовых (но, к сожалению, русские буквы не поддерживаются), а также кнопки загрузки logo-картинки.
Четвертое поле содержит такие параметры, как вращение, затемнение, позиция элемента и т.д. Вы можете использовать параметры этого поля, но все это можно сделать с помощью мыши.
Пятое поле – внешний вид получившегося логотипа, рабочая панель.
6. Где заказать хороший логотип
Увы, но у таких генераторов есть существенный недостаток – вы получаете логотип среднего качество. Если же вы хотите создать для своего сайта действительно качественный logo, тогда вам лучше обратиться к профессионалам и заказать у них разработку логотипа. Найти таких специалистов вы можете на биржах фрилансеров:
7. Как добавить логотип на блог wordpress
После того, как логотип будет сделан вами или исполнителем, его нужно будет добавить на блог wordpress. Процесс добавления будет зависеть от вашей темы:
- тема поддерживает замену логотипа в своих настройках;
- тема не поддерживает замену лого, но имеет стандартный логотип logo.png;
- тема не поддерживает замену и не имеет логотипа.
Первый случай самый простой: зайдите в настройки темы и замените стандартный логотип на собственный.
Второй случай сложнее. Здесь вам понадобится открыть папку с темой (с помощью ftp-менеджера или через хостинг) и найти файл, который является логотипом. Скорее всего, ваша тема будет находиться по адресу:
/wp-content/themes/имя_вашей_темы/images/
В этой папке поищите логотип, скорее всего, это будет файл logo.png или logo.jpg. Скопируйте его на свой компьютер, затем с помощью любой программы работы с изображениями определите размеры скачанного логотипа (в пикселях). Выставьте такие же размеры для вашего логотипа (который вы хотите добавить), переименуйте файл также, как был назван базовый логотип – logo.png или logo.jpg, и закачайте на хостинг.
Третий случай наиболее сложен. Вам придется «заставить» тему воспринимать логотип. Для этого зайдите в редактор темы (через админку wordpress) и отредактируйте Заголовок (header.php). Вставьте в нужном месте (внутри тегов
) такую строчку:| /images/logo.jpg |
/images/logo.jpg
Теперь проделайте все действия, описанные во втором случае . Если все выполните, то картинка появится.
И вот вы знаете, как сделать логотип для сайта самому и добавить его на блог wordpress. Дерзайте!
В этом уроке мы будем создавать эффект окольцованного текста.
Для этого нам понадобиться: текст, инструмент «Эллипс» (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. Теперь нужно нарисовать тень от колец. Кликните два раза по слою с Оранжевым кольцом, вызвав тем самым окно Стиль слоя . Выберите там Тень, настройки установите как на скриншоте. На вашей работе угол тени может быть совсем другим.
Скопируйте Стиль слоя и вклейте его на слой с синим кольцом. Появились новые участки, которые нужно исправить.
Вернитесь к Стилю слоя на слое с Оранжевым кольцом. Во вкладке - Параметры наложения , поставьте галочку на - Слой-маска скрывает эффекты .
Логотип – это гораздо больше, чем просто слова, иконка, цвет. Хороший логотип рассказывает историю о вашей компании: кто вы, чем вы занимаетесь и на чем стоите.
Создать логотип – дело не из легких: есть много нюансов, которые нужно учесть при его разработке. К счастью, вам не придется делать это в одиночку. С помощью этой пошаговой инструкции , вы сможете сделать это легко и просто. Но довольно слов, давайте начнем!
Что такое логотип и для чего он нужен?
Но перед тем, как мы непосредственно перейдем к рекомендациям, хотим посоветовать вам онлайн сервис от Logaster
, который может создать для вас логотип все за несколько минут. Просто введите название компании и сайт создаст вам несколько логотипов!
Теперь перейдем к статье:)
Каждый день мы постоянно сталкиваемся с логотипами.
Например, средний житель США за день видит 16 000 рекламных объявлений, логотипов и этикеток. Если вы оглядитесь, наверняка также заметите несколько десятков логотипов вокруг вас.
Почему их так много и зачем многие компании тратят тысячи, сотни, а то и миллионы долларов на создание этого маленького элемента?
Что мы, прежде всего, понимаем под словом “логотип”?
Логотип является символом или эмблемой, которая используется
для идентификации услуг, продукта и самой компании.
Как выбрать цвет для логотипа?
Цвет, цвет и еще раз цвет! Это первая точка взаимодействия и самый запоминающимся объект, — говорит Лесли Харрингтон, исполнительный директор компании The Color Association.
Понимание того, как цвет влияет на человеческое восприятие очень важно при создании качественного логотипа, — утверждает Мартин Кристи из Logo Design London.
Цвет может помочь вам усилить нужные чувства и создать прочную эмоциональную связь. Используйте инфографику (большой размер ), чтобы выбрать нужный цвет для логотипа.
Как выбрать нужный цвет логотипа?
Чтобы получить ответ на этот вопрос, вам следует задать себе 3 вопроса:
Какой цвет подчеркивает индивидуальность вашего бренда?
Какие цвета характеризуют ваши продукты/услуги?
Какой цвет использует ваш конкурент?
Цвета не привязаны к какой-либо конкретной отрасли, но отдельные цвета лучше подходят для некоторых услуг / продуктов, чем другие.
Вы должны стремиться выбрать цвет, который подчеркнет индивидуальность вашей компании. Цвет должен производить правильное впечатление на клиентов, которые в первый раз видят ваш лого.
Что делать, когда вы выяснили цвета конкурентов?
Один из вариантов это использовать цвет противоположный цвету логотипа основного конкурента. Это поможет вам выделиться. Но стоить учесть цвета вашей отрасли, чтобы противоположный цвет соответствовал отрасли. Например, розовый цвет для логотипа банка или юридической компании выглядит неуместно и нелепо.
Учтите особенности цвета в различных культурах. Например, в Западном мире белый считается цветом чистоты и мира, а в некоторых странах Азии он является цветом смерти.
Один цвет или несколько?
Чтобы максимально передать нужные чувства и эмоции, обычно используются один цвет при создании дизайна логотипа. Тем не менее, есть много успешных логотипов с нескольким цветами — Google, eBay.
Поэтому смело можно использовать как один цвет, так и несколько. Главное — чтобы они сочетались! Но, конечно, не стоит переусердствовать и использовать большое количество цветов.
Я рекомендую выбирать два основных цвета. Это облегчает коммуникацию вашего бренда с клиентами. Многие компании, от спортивных команд до корпораций, используют только два цвета в течение многих лет.
— Памела Уилсон.
Как подобрать несколько цветов для логотипа?
Простейший способ подобрать нужные цвета для логотипа — использовать цветовые схемы.
Есть много онлайн сервисов по подбору отличных цветовых схем. В этой вы можете найти несколько.
Например Adobe Kuler или русскоязычный сервис Colorscheme.
Дизайнеры часто используют привило 60-30-10. Оно заключается в том, что вы выбираете 3 разных цвета и используете их в соотношении 60%, 30% и 10%. Это правило обеспечивает простой способ создания профессиональной цветовой схемы для вашего бренда.
— Джаред Кристоферсон, Yellowhammer
Где найти вдохновение для логотипа?
Часто очень трудно сделать первый шаг, когда мы имеем дело с чем-то незнакомым. Например, с созданием логотипов. Можно провести сутки, а то й недели, раздумывая и делая чертежи логотипа, что очень выматывает.
К счастью, есть неплохой способ как можно скорее избавиться от ступора и сделать первый шаг менее болезненным. Например, набраться вдохновения от других логотипов и работ дизайнеров.
Для этого мы отобрали 10 лучших сайтов
, где вы можете подсмотреть идеи для своего логотипа.
Logo Pond
Logo Moose
Сообществом этого сайта собраны самые лучшие логотипы профессиональных дизайнеров логотипа со всего мира.
Logofi был создан, чтобы вдохновить дизайнеров и других творческих людей. На этом сайте вы можете увидеть роботы не только профессиональных дизайнеров, но и простых посетителей, которые загрузили свой логотип.
Logo Gala
LogoGala один из наиболее выдающихся ресурсов для поиска вдохновения. На сайте можно выбрать фильтр логотипов по цвету.
Logospire — это галерея логотипов. Но основное отличие этого сайта от других в том, что вы можете увидеть самые лучшие логотипы дизайнеров. На сайте есть рейтинговая система и каждый месяц составляется список самых лучших логотипов.
Logo Heroes
Здесь собраны лучшие логотипы в Интернете.
Logo Fury
Еще одна галерея логотипов, которая регулярно пополняется свежими работами. На сайте есть удобный поиск по тегам, поэтому найти логотип на нужную тематику очень удобно.
Logo Faves
Один из наиболее популярных сайтов. На сайте собраны логотипы многих знаменитых дизайнеров. Есть поиск по тегам, чтобы найти нужный логотип.
Ошибки при создании логотипа
Чтобы логотип получился действительно хорошим, нужно избегать определенных ошибок.
Ниже мы собрали наиболее популярные из них.
Ошибка 1. Использование растрового изображения
Использование растровых изображений в логотипах нежелательно, потому что может привести к проблемам при воспроизведении логотипа. При значительном увеличении растрового изображения оно будет выглядеть мозаичным, что сделает его непригодным к использованию.
Поэтому стандартной практикой при разработке логотипа является использование программ, работающих с векторной графикой — Adobe Illustrator или Corel Draw. Векторная графика состоит из точек, рассчитанных с математической точностью, что обеспечивает единообразие визуального восприятия, независимо от размера изображения.
Основные преимущества использования векторной графики при разработке дизайна логотипа:
1. Логотип можно масштабировать до любого размера без потери качества.
2. Значительно облегчается последующее редактирование логотипа.
3. Векторное изображение легче подстроить под другие носители, чем растровое.
Ошибка 2. Следование трендам
Тренды приходят и уходят. В конце концов, они превращаются в клише. Хорошо разработанный логотип должен быть долговечным. Этого можно достичь, если не полагаться на новомодные уловки и приемы.
Чтобы создать уникальную идентичность для своей компании, лучше полностью игнорировать тренды в создании логотипов.
На сайте Logo Online Pros есть огромный раздел, где ежегодно обновляются текущие тренды дизайна логотипов. Важно, чтобы вы знали о последних причудах и любой ценой избегали их. — Smashingmagazine
Ошибка 3. Чрезмерная сложность
Изображение, содержащее слишком много деталей, плохо воспринимается в печатном виде или при визуальном просмотре уменьшенной версии.
Детали сложного дизайна будут утеряны, а в некоторых случаях он будет выглядеть грязным или, что еще хуже, восприниматься неправильно.
Например, рисунок отпечатка пальца на выдуманном логотипе Smashing можно увидеть только при очень близком рассмотрении. При уменьшении детали теряются.
Посмотрите на корпоративные знаки Nike, McDonald’s и Apple. Каждая из этих компаний имеет очень простое изображение, которое легко можно воспроизвести в любом размере.
Ошибка 4. Зависимость от цветовых эффектов
Без цвета ваш великолепный логотип может утратить свою идентичность. Верно?
Нет! Это очень распространенная ошибка. Дизайнерам не терпится добавить несколько любимых цветов, многие даже полностью полагаются на него.
Выбор цвета должен быть последним из ваших решений, поэтому лучше всего начинать разработку с черно-белого варианта.
Ошибка 5. Плохой выбор шрифта
Когда речь идет о создании логотипа, выбор правильного шрифта – это самое важное решение, которое вы должны принять. Из-за неудачного выбора шрифта логотип, чаще всего, проигрывает (в нашем примере показан печально известный Comic Sans).
Подбор идеального шрифта для вашего логотипа заключается в том, чтобы шрифт соответствовал стилю изображения. Но здесь могут быть хитрости. Если соответствие слишком близкое, изображение и шрифт будут конкурировать друг с другом за внимание зрителя. Если наоборот, то зритель не поймет, на чем сосредоточить внимание. Главное – найти правильный баланс.
Весь посыл бренда окажется холостым выстрелом, если выбранный шрифт не отображает характеристики изображения.
Ошибка 6. Разработка логотипа для себя, а не для клиентов
Часто, создавая логотип, возникает желание использовать свой любимый шрифт, цвет и т.д. Не делайте этого!
Спросите себя, действительно ли этот шрифт и цвет подходит для моего бизнеса?
Например, великолепный современный типографский шрифт, который вам так нравится, вряд ли подойдет для такого серьезного клиента, как юридическая компания.
Ошибка 7. Типографический хаос
Типография может вознести или погубить логотип, поэтому жизненно важно знать основы типографского дела. Логотип должен оставаться как можно более простым, но, в то же время, передавать заданный посыл. Чтобы этого добиться, нужно учитывать все типографические аспекты дизайна.
Не используйте слишком много шрифтов или вариантов толщины (максимум — два). Не используйте предсказуемые, вычурные или слишком тонкие шрифты. Внимательно следите за кернингом, интервалом и размером. А самое главное — убедитесь, что выбрали правильный шрифт(ы) для данного проекта.
Ошибка 8. Создание монограммы
Одной из наиболее распространенных ошибок непрофессионального создания логотипов является попытка создать монограмму из начальных букв названия предприятия (например, B & H для компании Bob’s Hardware). Хотя на первый взгляд это выглядит изобретательно, но с помощью инициалов компании трудно добиться убедительности или передать необходимый посыл. Вы, конечно же, можете попробовать, но не останавливайтесь на этом, если есть другие варианты дизайна логотипа.
Постарайтесь также не превращать название предприятия в аббревиатуру, если она не стала общеупотребительной, и это не соответствует поставленным целям.
HP, FedEx, IBM и GM не начинали свой путь с аббревиатур; таковыми они стали через много лет после обретения высококлассной репутации.
Ошибка 9. Использование визуальных штампов
Лампочка как символ идеи, облачко с текстом — дискуссия, штрихи – динамизм и т.п. Эти идеи первыми приходят в голову при мозговом штурме, и по этой же причине от них первых нужно отказаться.
Как может ваш дизайн быть уникальным, если во многих других логотипах присутствует та же идея? Не допускайте визуальных штампов и предложите оригинальную идею и дизайн.
Ошибка 10. Копирование, кража или заимствование дизайна
Грустно, что приходится говорить об этом, но в наши дни такая практика является распространенной. Разработчик логотипа видит идею, которая ему нравится, немного преобразует ее, меняет цвета или слова, и выдает эту идею за собственную. Это неэтично, незаконно, глупо и вы будете пойманы на этом рано или поздно.
Как создать логотип – пошаговое руководство
Почти все, что вам нужно знать о создании логотипа, мы уже рассказали.
Теперь осталось разложить полученную информацию по полочками.
Взгляните еще раз на:
Шаг 1. Создайте несколько черновиков
На ранней стадии создания логотипа, у вас может появиться несколько идей, которые вы хотите выразить в логотипе. Не стоит ими пренебрегать, лучше записать, возможно, некоторые вам пригодятся при создании окончательного варианта логотипа.
Шаг 2. Нарисуйте набросок дизайна логотипа
Эскиз представляет собой быстрый и простой способ реализации идей на бумаге, где вы можете оценить их более легко.
Не стирайте и не выбрасывайте эскизы. Проектирование не линейный процесс. Все идеи могут быть ценными, даже если вы не думаете так сразу.
Если вы не умеете рисовать, не огорчайтесь. Вы можете попробовать создать набросок логотипа с помощью скриншотов. Зайдите на сайты несколько онлайн генераторов, галереи иконок и т.д. Попробуйте найти нужные изображения, которые вам нравятся, и сохраните их. Затем вы сможете их использовать при создании вашего уникального логотипа.
Шаг 3. Выберите инструменты для создания логотипа
Создать логотип можно с помощью:
— графических программ — Adobe Illustrator, Inkscape, Photoshop;
— платформ по заказу логотипов — 99Designs:
— онлайн сервисов и конструкторов —
, Logaster
. Очень полезный сервис, советую!
Если вы уверенно работаете с графическими программами, без сомнения используйте их для создания логотипа.
Но не следует пренебрегать и онлайн сервисами. Их можно использовать для поиска вдохновения или тестирование идей.
Шаг 4. Создайте логотип
Шаг 5. Тестируйте логотип
Вы создали логотип и решили, что он идеален? Возможно, это не так. Эффективнее будет показать логотип коллегам, друзьям, некоторым клиентам и получить обратную связь. Задайте им несколько вопросов: что они думают о логотипе, нравится ли он им? Если ответы вас устраивают, значит, вы все сделали правильно.
Однако осторожны с отзывами друзей и родственников. Если они не профессиональные дизайнеры, их советы могут быть для вас не совсем полезны или даже ложными.
Шаг 6. Проверьте масштабируемость логотипа
Проверьте изображение логотипа в различных вариантах — в газетных объявлениях, на визитке, на своем сайте. Логотип должен хорошо смотреться, независимо от того воспроизводится ли он в большом или малом формате.
Несколько советов:
— Если логотип имеет много деталей или линий, которые являются тонкими, то логотип может выглядеть слишком суетливым при малых размерах.
— Если логотип создается для визитки или сайта, то он будет, как правило, выглядеть неуклюжим при больших размерах.
— Используйте графические программы, такие как Adobe Illustrator или Inkscape, они позволяют вам проверить масштабируемость вашего лого.
Шаг 7. Создайте несколько форматов логотипа
Возможно, вы с самого начала создавали логотип в графической программе, например, Adobe Illustrator. Если это не так, вам нужно перенести эскиз логотипа с бумажного в электронный вид.
Несколько советов:
— Сохраняйте логотип не только в .
Последний позволит с легкость масштабировать ваш логотип без потери качества. Если у вас уже есть логотип в растровом формате, можете конвертировать его в векторный с помощью сайта vectormagic.com.
— Используйте логотип в формате PNG, JPEG для интернета и в PDF, EPS, SVG для печати.
— Сохраните вариант логотипа в черно-белом варианте для печати логотипа, например, на пакетах, ручках, канцелярских изделиях.
Шаг 8. Продолжайте получать обратную связь
Даже после того, как вы создали логотип, все равно нужно оставаться открытым для обратной связи. Используйте различные инструменты, такие как социальные сети, комментарии клиентов, мнения экспертов, чтобы убедиться, что ваш логотип идеально смотрится.
Шаг 9. Делайте редизайн
Ничто не вечно, и логотип не исключение. Если ваш логотип перестал со временем быть актуальным, лучше перерисовать его. Стоит сделать небольшие правки, оставляя место для ключевой идеи в логотипе, ведь радикальные изменения вряд ли будут уместны.
Действительно ли ваш логотип отличный? [Чек лист]
И так, наверное, вы уже создали логотип. Поздравляем!
Но действительно он хороший? Будет ли он отлично смотреться в различных размерах? Что ж, давайте проверим эффективность вашего логотипа с помощью нашего чек-листа.
Пройдитесь по каждому вопросу и ответьте “да” или “нет”.
1. Логотип выглядит привлекательным хотя бы для трех человек
2. Логотип хорошо смотрится в черно-белом исполнении
3. Логотип узнаваем в перевернутом положении (виде)
4. Логотип узнаваем, если изменен его размер
5. Отсутствуют сложные детали
6. Логотип визуально уравновешен — иконка, шрифт, цвет гармонично смотрятся вместе
7. Не используется слишком много шрифтов, цветов, эффектов
8. Логотип заметный среди других логотипов
Как мы уже писали, очень важно выделиться на фоне других компаний, тем более конкурентов.
Соберите логотипы ваших конкурентов и разместите ваш где-то между ними.
Он заметен? Заметный на фоне других? Если да, все отлично!
9. Логотип адаптивный
Адаптивность означает, что логотип будет отлично смотреться на любом объекте или поверхности — футболке, сайте, дорожном знаке, и т.д.
10. Логотип запоминаемый
Покажите ваш логотип друзьям или любому человеку и попросите нарисовать его изображение через несколько часов или дней. Если он может приблизительно точно схематично нарисовать ваш логотип, значит все хорошо и ваш логотип будет запоминаемым.
11. Логотип универсальный
Универсальность логотипа означает, что он воспринимается одинаково для широкого круга людей. Все люди разные и главное, чтобы логотип сохранял единый смысл для всех его зрителей.
12. Логотип легко читается
Представьте, что ваш логотип размещен на баннере, а вы едете на машине со скоростью 70-80 км в час. Вы смогли бы прочитать текст вашего логотипа? Если да, все в порядке. Если нет, возможно, стоит поработать над шрифтами.
13. У вас есть векторные форматы логотипа
Очень важно иметь файлы логотипа в векторе (AI, EPS, SVG, PDF). Это позволит вам печатать логотип в любом масштабе без потери качества, а также редактировать его. Например, сделать логотип другого цвета.
Надеемся, наши советы будут вам полезны и вы сможете создать отличный логотип!
Как создать логотип – пошаговая инструкция от А до Я обновлено: Март 11, 2019 автором: admin