10 уроков рисования крутых логотипов в Adobe Illustrator | Публикации
Начинающим и профессиональным веб-дизайнерам необходимо постоянно практиковаться. Существует множество ресурсов, рассказывающих «что и как» делать настоящему (!) дизайнеру. В них легко заблудится
Но одна вещь, которую важно, на наш взгляд, уметь делать
хорошему дизайнеру, – это создание логотипа.
Почему? Логотип – это ключевой элемент бренда. Он выступает своеобразным
гарантом качества продукции или сервиса, предоставляемого компанией.
Неудивительно, что дизайнеры столько времени посвящают его отрисовке.
Покопавшись в Сети, мы подготовили 10 высококлассных уроков для тех, кто хочет
создавать лого в Adobe Illustrator.
Здесь вы найдете новые идеи и сможете улучшить имеющиеся навыки:
1. Хотите научиться создавать логотипы с 3D-персонажами? Тогда вам сюда!
2. Интересуетесь процессом создания логотипа? Автор этого
обучающего материала поэтапно (поиск идеи, наброски и
дизайн) рассказал о процессе создания лого для английской компании LTD.
3. Мечтаете создавать винтажные логотипы. Не теряйте время –
переходите по
ссылке.
4. Мечтаете работать дизайнером в пивоваренной компании? Автор следующей статьи расскажет, как создать логотип, который увеличит продажи пенного напитка.
5. Мимо этой ссылки не сможет пройти ни один дизайнер, который хочет научиться использовать ретро-тексты при создании лого.
6. Автор
этой обучалки расскажет, как создавать запоминающиеся
логотипы с использованием «ленточной графики» — ярких тесемочек и
полосок.
7. Эффект создания «зеленого текста». Если вы работаете с
компанией, вовлеченной в защиту окружающей среды или просто сотрудничаете с
любой «зеленой» организацией, вам следует срочно
научиться создавать «зеленые лого».
8. Создание логотипов для фешн-брендов. Кира Пластинина или
Cosmopolitan – вот ваш будущий работодатель? Тогда быстро переходите по
ссылке.
9.
Здесь вы узнаете, как создавался логотип Vivid Ways.
10. Круглые ретро-логотипы. Как, например, эта очаровательная графика спортивного зала.
Как создать логотип в Illustrator
Для многих дизайнеров Illustrator является программным обеспечением для разработки логотипов. Это стандартное программное обеспечение позволяет легко создавать потрясающие логотипы для любой отрасли, любого стиля и любого носителя, будь то печать, видео или цифровая печать. Что бы вы ни хотели придумать, вы должны знать, как создать логотип в Illustrator.
Логотипы отражают ценности бренда через цвет и форму. Именно здесь словесное становится визуальным, и чем сильнее этот визуальный знак, тем громче становится сообщение! Являетесь ли вы новичком в Illustrator или опытным профессионалом, я здесь, чтобы помочь вам создать логотип в Illustrator шаг за шагом.
Великолепный дизайн логотипа Illustrator в вашем будущем. Итак, налейте себе напиток, и давайте посмотрим, что мы будем изучать.
1. Начните с творческого задания
2. Найдите ваши ключевые слова
3. Сделайте набросок ваших идей
4. Уточните свою работу
5. Получите отзывы клиентов
6. Оцифруйте свой эскиз
7. Добавить текст
8. Добавить цвет
9. Представьте свой логотип
10. Экспорт окончательных файлов
Прежде чем вы даже откроете Illustrator, вам нужно иметь хорошо написанное резюме от вашего клиента. Без этого вы будете бродить в темноте, пытаясь угадать, чего хочет клиент.
Начните с вопросов. И помните, вы никогда не сможете спросить слишком много! Вот лишь несколько примеров, с которых можно начать:
Обязательно поддерживайте открытую связь с вашим клиентом. И не забывайте, что вы профессионал, и вы обязаны консультировать клиентов и указывать им правильное направление в отношении их дизайна.
Как только вы получите всю необходимую информацию от своего клиента, вы можете превратить их в работающий логотип!
Начните с составления списка всех релевантных ключевых слов для проекта. Запишите каждое слово, которое приходит на ум, когда вы думаете о бренде, и не беспокойтесь о том, чтобы придать смысл или создать что-то красивое. В любом случае, вы никогда не покажете это никому!
Теперь используйте ваши ключевые слова для вдохновения и начните рисовать. Имейте в виду запросы вашего клиента, но не бойтесь немного сходить с рельсов и пробуйте что-то другое, если чувствуете, что у вас есть для этого веская причина.
На этом этапе не думайте о том, чтобы рисовать «красиво». Делайте наброски быстро и не думайте об этом. Сосредоточьтесь исключительно на том, чтобы донести идеи от вашей головы до бумаги. Вы должны набросать как можно больше идей и концепций.
Когда вы чувствуете, что исчерпали все идеи, поместите Отложите бумагу в сторону и оставьте до следующего дня. Иногда вам нужно сделать шаг назад и увидеть свои эскизы свежим взглядом. Вы можете поймать ошибки, которые вы не видели, получить новые идеи или даже увидеть новый потенциал в концепциях, которых вы не видели раньше.
Еще раз взгляните на все свои наброски, на этот раз с критическим взглядом. Ищите ошибки, находите пути для улучшения и выбирайте любимые биты. Затем выберите несколько набросков, которые вам нравятся больше всего, и делайте их снова и снова. Рисовать одно и то же несколько раз кажется пустой тратой времени, но на самом деле это очень полезно. Каждая версия будет становиться все лучше и лучше, и вы можете просто нарисовать идеальную версию на своей 10-й попытке!
5. Получите отзывы клиентовВыберите лучшие эскизы для отправки клиенту. Мы рекомендуем отправить 2-3 исходных концепции, но это зависит от вас и от того, что вы договорились с вашим клиентом, прежде чем начинать проект.
Отправляйте только черно-белые наброски в первом туре. Добавление цвета заставляет людей сконцентрироваться на этом, и на данном этапе вам нужно только одобрение концепции.
Не забудьте также отправить подробное описание ваших концептуальных эскизов. Поговорите о своих идеях и о том, почему вы решили работать с этими конкретными концепциями, формами, элементами и композициями.
6. Оцифруйте свой эскиз
После того, как ваш клиент выберет тот, который ему нравится больше всего, пришло время перенести вашу концепцию в Illustrator!
В зависимости от того, какую эстетику вы хотите достичь, существует несколько различных способов создания логотипа в Illustrator: отслеживание в реальном времени в Illustrator после рисования от руки на бумаге или в Photoshop или рисование пером Illustrator. Ни один из этих методов не лучше другого, но один из них лучше всего подойдет для вашего текущего проекта.
Вариант 1: трассировка в реальном времени
Это более простая техника: сначала рисование от руки, а затем отслеживание в реальном времени с помощью Illustrator.
Откройте ваше любимое приложение для рисования (например, Photoshop) или подготовьте ручку и чернила. Нарисуйте свой логотип как можно точнее. Используйте черный или темный цвет, чтобы сделать его как можно более четким. Помните, это уже не эскиз, а настоящий логотип!
Использование этой техники придаст вашему логотипу ощущение ручной работы. Ваш логотип будет выглядеть немного неровно и органично. Вернитесь к списку ключевых слов, чтобы решить, подойдет ли этот вид вашему проекту!
by MkyКогда вы удовлетворены своим рисунком, откройте Illustrator и создайте новый CMYK документ. Импортируйте изображение, нажав «Файл»> «Поместить» или просто перетащите его на монтажную область.
Затем выберите изображение и нажмите «Трассировка изображений» в верхней части экрана.
MkyОткройте панель трассировки изображений и выберите один из вариантов из выпадающее меню, которое вам нравится больше всего. Опция «Силуэты», как правило, наилучшим образом отслеживает эскизы логотипа, но экспериментируйте и с другими вариантами!
MkyИспользуйте ползунок порога, чтобы сделать изображение светлее (слева) или темнее и смелее (справа).
by MkyКогда вы довольны результатом, выберите изображение и нажмите «Развернуть» на панели инструментов в верхней части экрана.
by MkyТеперь у вас будут все элементы вашего логотипа в виде отдельного вектора формы. Не стесняйтесь перемещать элементы и перемещать их, пока вы не будете довольны результатом.
Вариант 2: Рисование
Создайте новый документ CMYK и импортируйте изображение, нажав «Файл»> «Поместить» или просто перетащите его на монтажную область.
На панели «Слои» переименуйте слой, содержащий эскиз. Используйте ползунок непрозрачности, чтобы уменьшить непрозрачность изображения, и заблокируйте слой. Затем создайте новый слой сверху.
Выберите Pen Tool и начните трассировку эскиза.
MkyИнструмент Pen работает немного иначе, чем типичная ручка. Вместо того, чтобы рисовать, вы будете рисовать опорные точки с ручками, которые следуют направлению пути. Если вы не знакомы с инструментом «Перо», вы можете не знать, где разместить опорные точки. Представьте прямоугольник вокруг буквы, которую вы отслеживаете. Поместите ваши опорные точки там, где буква коснется этого прямоугольника. Используйте наименьшее количество точек, насколько это возможно — достаточно, чтобы контролировать форму.
Если вы также отслеживаете буквы, старайтесь держать все ручки вертикально или горизонтально, нажимая клавишу Shift при построении точек. Это даст вам больше контроля над вашими фигурами, если вам понадобится редактировать их позже.
Теперь давайте взглянем на разницу между отслеживаемым логотипом (слева) и логотипом, нарисованным с помощью инструмента «Перо» (справа):
MkyХотя мне нравятся мягкие края на слева я предпочитаю более точные надписи справа. Итак, давайте посмотрим, как усовершенствовать второе изображение: и конус, и надпись. Нет никакого способа сделать это, так что доверяйте своим инстинктам и немного развлекайтесь.
Небольшая хитрость, которую мне нравится использовать, заключается в расширении всего (Object> Expand) и добавлении к нему небольшого размытия (Effect> Blur> Gaussian Blur), обычно с радиусом, установленным на максимум 4 пикселя). Когда вы будете готовы, снова разверните его, нажмите «Трассировка изображений», выберите параметр «Силуэты» и настройте пороговый уровень.
МкиОбратите внимание, насколько мягкими стали края? Это делает весь логотип более дружелюбным и органичным!
7. Добавить текст
Теперь, когда у вас есть логотип, такой, какой вы хотите, пришло время добавить слоган, если он у вас есть. Там нет правильного места, чтобы поместить слоган, но, возможно, самое простое, чтобы добавить его под логотипом с чистым шрифтом, который соответствует стилю.
Для нашего примера, мы собираемся поместить его над логотипом на изогнутой дорожке, чтобы закрыть композицию и сделать ее немного похожей на значок.
Начните с создания линии или фигуры, которая обеспечит путь для лозунга. Затем щелкните инструмент «Тип на пути» и щелкните по самой строке. Затем начните печатать! Отцентрируйте текст и разверните его так, чтобы он подходил так, как вам нравится.
by MkyПри выборе шрифта найдите тот, который подходит и дополняет свою иллюстрацию, и убедитесь, что они не будут конкурировать друг с другом. Ваш образ должен чувствовать себя гармонично. Не стесняйтесь пробовать шрифты с засечками, без засечек или шрифтов, а также последние тенденции шрифтов.
Если ваш дизайн логотипа представляет собой слово, тип логотипа, который содержит только название бренда, вам придется выражать ценности и эстетику бренда только с использованием типографики. В этом случае будьте особенно осторожны с выбором шрифта, потому что сами персонажи будут иметь столько смысла и индивидуальности. Обратите внимание и играйте с контрастом, расстоянием и весом. Объедините несколько букв, добавьте тонкое значение к некоторым буквам или добавьте контейнер или какой-либо разделитель. Измените буквы, удалив или добавив к ним, или даже создайте свой собственный новый набор букв.
MkyОбратите внимание на то, что каждая их версия имеет различное настроение и выражает разные эмоции? Работая с надписями, найдите надписи, которые очень выразительны, а эстетика очень тесно связана с тем, что делает бренд.
8. Добавить цвет
Когда вы начнете добавлять цвет, убедитесь, что цвета, которые вы используете, имеют смысл для бренда. Начните с изучения цветов логотипа, теории цвета и цветовых тенденций, а затем выберите сочетания цветов, которые дополняют друг друга. Великолепные цвета логотипа должны выделяться, но они не всегда должны быть перенасыщенными. Вы можете добиться отличного контраста, используя только пастели.
Так как же именно вы добавите цвет к своему логотипу?
Сначала выберите элементы, которым нужен цвет. Затем щелкните инструмент «Построитель фигур» и наведите указатель мыши на области, в которых требуется цвет. Если это замкнутый путь, который может превратиться в форму, вы увидите светло-серый цвет заливки.
MkyКак только вы создали все фигуры, вы можете начать играть с цветами! Начните с группировки всех элементов, которые будут иметь одинаковый цвет. Это поможет вам позже изменить цвет. Затем выберите все элементы, которые вы хотите изменить, щелкните по функции «Перекрасить графический объект» на панели инструментов и начните настройку значений цвета.
MkyВ нашем примере клиент специально упомянул, что он хотел бы использовать лаванду и мяту…
Мки… поэтому я создал великолепную пастельную палитру на основе этого направление.
9. Подарите свой логотип
Когда ваш логотип выглядит идеально, составьте приятную презентацию для вашего клиента. Убедитесь, что вы показываете каждую итерацию логотипа, включая разные цветовые версии. Помните, что каждую версию логотипа, показанную в презентации, вы должны будете предоставить клиенту!
MkyВам не нужно сходить с ума от презентация и использование тонны модных макетов и эффектов. Держите это простым, чистым и ясным.
10. Экспорт окончательных файлов
Недостаточно иметь отличный дизайн логотипа. Вам также нужны правильные файлы для использования логотипа на нескольких носителях. Поэтому убедитесь, что вы отправляете своему клиенту каждый файл, который ему может понадобиться. Как правило, это включает горизонтальные и вертикальные версии, а также полноцветные, черно-белые, только черные и только белые версии.
Для каждой итерации логотипа вы хотите экспортировать эти 7 файлов:
- Файл Illustrator в цветовых профилях CMYK и RGB
- Файл EPS в цветовых профилях CMYK и RGB
- SVG-файл в цветовом профиле RGB
- Файл PNG (с прозрачным фоном) в цветном профиле RGB
- Файл JPG в цветном профиле RGB
Чтобы изменить цветовой профиль (CMYK для печати и RGB для Интернета), нажмите «Файл»> «Цветовой режим документа» и выберите нужный профиль. Наличие версий CMYK и RGB важно для печатного и цифрового использования.
Организуйте свои файлы, правильно назвав их. Используйте имена файлов, которые объясняют содержимое каждого файла, например «Kindred_FullColor_CMYK.eps».
Вы готовы сделать логотип с помощью Illustrator!
—
Может показаться сложным, как погрузиться в процесс разработки логотипа, если вы знаете, какие шаги предпринять, это просто увлекательный процесс! После нескольких завершенных проектов вы разработаете собственный уникальный рабочий процесс для создания логотипа в Illustrator, который сделает его еще проще для вас. Просто помните, что нужно быть смелым, осмеливаться пробовать что-то новое, выходить из своей зоны комфорта и, самое главное, веселиться!
Хотите, чтобы профессиональный дизайнер создал логотип для вас?
Работайте с нашими талантливыми дизайнерами, чтобы это произошло.
7 правил создания логотипа – как разработать логотип
Дизайн логотипа — это первый шаг в построении бренда. Большинство предпринимателей понимают необходимость профессионального подхода в бизнесе.
Как правильно сделать логотип? Поможет ли логотип повысить узнаваемость и лояльность потребителей?
Ответ на второй вопрос — однозначно положительный, а ответ на первый вопрос требует практического опыта в графическом дизайне и маркетинговых коммуникациях.
Креативное агентство IQBrand создало десятки брендов с нуля, и мы знаем, что логотип компании должен четко транслировать индивидуальность компании и её продукции.
Наша команда использует структурированный подход в создании логотипа. Итак, мы делимся с вами основными принципами дизайна логотипа.
1 Правило: Логотип обращается к целевой аудитории
Бренды концентрируют внимание на определённом сегменте рынка — по возрастному, ценовому, социальному или другим факторам.
Лидеры это делают особенно хорошо и в результате формируют лояльную аудиторию. Первый шаг — это четкое понимание целевой аудитории, для которой Вы работаете. Такое понимание даёт возможность смотреть на бренд глазами покупателей.
2 Правило: знайте свои преимущества
На этом этапе мы детально работаем с заказчиком чтобы понять компанию, её продукцию или услуги.
Наша задача — знать предложение заказчика в такой степени, что мы можем чувствовать эмоциональный багаж, ассоциируемый с брендом.
3 Правило: Шрифт логотипа имеет значение
Шрифт имеет большое значение в формировании имиджа бренда и является неотъемлемой частью работы при создании логотипа.
Правильно подобранный шрифт подчеркивает и усиливает выбранную стилистку композиционного решения.
В графическом дизайне присутствуют модные тенденции, течения, и шрифты — не исключение. Мы стараемся не использовать ультрамодный шрифт в угоду сиюминутной яркости проекта.
Существует большой риск срочной реконструкции логотипа и фирменного стиля в момент устаревания такого шрифта. Такой момент может произойти достаточно быстро.
Полагаясь на профессионализм наших специалистов по типографике, мы не рекомендуем использовать в сложносоставных решениях логотипов шрифты, выделяющиеся своей причудливостью или чрезмерной декоративностью. В таких случаях, как правило, шрифт отвлекает внимание, и разбивает общую композицию фирменного знака.
4 Правило: Используйте графическую динамику в логотипе
Логотип не только передаёт эмоциональный настрой, но и транслирует динамику, необходимую для конкретных целей компании.
В европейской культуре движение слева направо воспринимается как позитивное, связанное с ростом или прогрессом.
Вращение по оси передаёт ощущение гармонии, вспомним известный знак «инь-янь».При разработке логотипа следует учитывать динамику.
5 Правило: Эскиз логотипа, сначала черно-белый
Начальный поиск графических идей и разработка эскизов для логотипа происходит в черно-белом варианте. Такая максимальная тоновая контрастность является самым сложным приемом в композиции.
Взаимовыгодное контрастное противопоставление форм позволяет достичь наиболее выраженных линий и выявляет слабые места в композиции.
Далее начинается строгий отбор и детальная прорисовка эскизов. В результате начинает появляться форма логотипа.
6 Правило: Цвет логотипа — это наука
После создания формы логотипа мы переходим к выбору цветового решения. Задача — передать заданный посыл для аудитории.
Выбирая цвет для логотипа необходимо учитывать глубину воздействия цветов на человека. Из самых простых повседневных примеров видно, каким мощным невербальным инструментом является цвет — мы останавливаем автомобиль, когда видим красный цвет светофора, и переходим дорогу, когда видим зеленый. Мы обращаем внимание на цвет и окрас растений и животных, чтобы определить, безопасны ли они для нас.
Правильно подобранная комбинация цветов — это результат кропотливой работы по выбору главного цвета и поиску гармонии между несколькими цветами.
7 Правило: Адаптация цветовой модели
Почти без исключения у клиента возникает ситуация, когда логотип должен быть показан на темном фоне или наоборот. Это может быть новый каталог для выставки или рекламный макет.
На этапе разработки необходимо учитывать и этот фактор отображения логотипа. Для этого профессиональные дизайнеры должны проводить критическую оценку качества выбранной цветовой модели логотипа как на светлых, так и на темных фонах.
Резюме
Теперь Вы владеете основными правилами создания дизайна логотипа компании. Это — комплексный процесс, и он требует работы над многими деталями.
Хотите заказать разработку логотипа у профессионалов? — Обращайтесь в компанию IQBrand [email protected] или +7-495-961-7069.
Обрисовка растрового логотипа в CorelDRAW X6
8 — 2013Андрей Крылов [email protected]
На рис. 1 представлен логотип известного производителя электроники, воспроизведенный с не лучшим разрешением. И что делать, когда в дизайн-бюро отсутствует файл с четким изображением? Можно поискать в Интернете, отсканировать с бумажного носителя либо связаться с фирмой-производителем и ждать неопределенное время от их менеджеров векторного файла.
Рис. 1. Оригинал логотипа
Мы пойдем по пути обрисовки логотипа в графическом редакторе CorelDRAW X6 и создадим похожее изображение логотипа, которое вполне применимо для таких видов текущей работы дизайн-центра, как верстка визитки, бланка, календаря, макета стенда и т.п. Итоговый результат будет векторным, то есть любые изменения формата печати не приведут к появлению ступенчатой структуры линий и градиентных переходов, а это вполне технологично…
В начале работы разберем логотип на составляющие, которых всего пять:
- зеленая окружность большого диаметра;
- зеленая окружность меньшего диаметра;
- серая окружность с двумя деформированными окнами;
- «объемный» полутоновой блик на зеленом фоне;
- три блика в элементе «окно».
Хорошо если нужный логотип состоит из линий, даже цветных, — кропотливая операция обрисовки не кажется такой уж тяжелой. В нашем примере имеются полутоновые переходы, выполняемые «зелеными» градиентными заливками, однако CorelDRAW X6 отлично справился и с этим неудобством.
Рисуем правильную окружность с нажатой клавишей Ctrl и заливаем ее с помощью инструмента Интерактивная заливка, который выполняет динамическую заливку с применением маркеров в окне рисования для изменения угла, средней точки и цвета (рис. 2).
Рис. 2. Интерактивная заливка. Создание динамической заливки с применением маркеров в окне рисования для изменения угла (а), средней точки (б) и цвета (в)
Рис. 3. Переход векторной окружности в растровую
Рис. 4. Получение полутонового блика: а — выбор команды Размытость по Гауссу; б — получение «объемного» результата
Вторая правильная окружность меньшего диаметра создается так же. Точное выравнивание окружностей относительно друг друга по центру происходит с помощью их последовательного выделения с нажатой клавишей Shift и центрированием на странице — клавиша P или меню Упорядочить —> Выровнять и распределить (рис. 2в).
Полутоновой блик быстро получается из векторной окружности следующим образом. В меню Растровое изображение —> Преобразование в растровое изображение. В этой панели можно задать сразу же цветовой режим CMYK, разрешение 300 dpi и не забыть поставить галочку в опции Прозрачный фон (рис. 3). Так наша векторная окружность превратилась в растровую. В том же разделе меню выбираем команды Размытость —> Размытость по Гауссу (рис. 4а). Задавая радиус размытия равный 33 пикселам, получаем «объемный» результат (рис. 4б).
Умение терпеливо обрисовывать растровый объект пригодится на данном этапе работы, так как мы подошли к выполнению окружности с двумя окнами различных форм — овальной и каплевидной. С помощью инструмента Рисование сегмента прямых и кривых нарисуем овальное окно (рис. 5а), которое получается из окружности, превращенной с помощью Ctrl+Q (инструмент Преобразовать в кривую) в кривую. Наиболее точный результат достигается, когда под создаваемый векторный объект помещается растровый оригинал и происходит его обрисовка. Инструментом Изменение кривой с помощью перемещения углов доводим замкнутую линию до соответствия оригиналу. Второе окно «Капля» создается по такому же алгоритму (рис. 5б).
Рис. 5. Создание деформированных объектов: а — овального окна; б — каплевидного окна
Далее располагаем эти два элемента в предварительно залитой серый градиентом окружности с помощью одного из инструментов Подгонка —> Вырезать часть объекта по форме другого объекта (рис. 6а), а затем накладываем окружность с получившимися окнами на «зеленую» часть логотипа. Точное наложение по вертикали и по горизонтали обеспечивает уже упоминавшаяся команда из меню Упорядочить —> Выровнять и распределить (рис. 6б).
Рис. 6. Комбинирование полученных элементов в окружность (а) и наложение окружности на зеленую часть логотипа (б)
Рис. 7. Получение трех векторных бликов
Три векторных блика света, которые имеют четкую границу, получаем из двух окружностей правильной формы большего и меньшего диаметра. Средняя окружность получится точнее, если использовать опцию из меню Эффекты —> Перетекание. Число шагов Перетекание в нашем случае равняется одному. Также немного изменим, переместив вправо, движок настройки объекта (рис. 7). В результате средняя окружность переместится ближе к окружности меньшего диаметра.
Итоговый результат нашей 20минутной работы — логотип компании Sony Ericsson на темносером фоне — показан на рис. 8.
Рис. 8. Готовый логотип
КомпьюАрт 8’2013
Разработка логотипа в Москве, сколько стоит разработка логотипа у фрилансера на YouDo
Если вас интересует профессиональная фриланс разработка логотипа фирмы или предприятия в Москве, обратитесь к опытным исполнителям. На сайте Юду можно быстро найти рекламные агентства и частных специалистов, которые по доступной цене разработают бренд-бук организации, придумают узнаваемый потребителями слоган и выполнят отрисовку персональных логотипов в векторе. О цене вы можете договориться в индивидуальном порядке.
В какую сумму обойдется графическое изображение бренда
То, сколько стоят услуги по изготовлению фирменного логотипа торговой марки, вы согласуете с исполнителем сайта Юду при личном общении. Стоимость разработки креативных логотипов зависит от ряда факторов. К ним относится:
- отрисовка графического изображения
- создание уникального стиля
- работа над внешним видом упаковки и рекламной полиграфии торговой марки вашей компании
- нейминг и визуализация бренда для привлечения внимания целевой аудитории
Цена на дизайн логотипа будет зависеть также от необходимости регистрации нового бренда и получения авторских прав. Дизайнерский проект будет выполнен разработчиком, зарегистрированным на сайте Юду, в цвете и монохромном виде.
Вы сможете разместить готовые логотипы на web-сайте, а также выполнить печать рекламной продукции и визиток. В стоимость работы профессионала входит рисование нескольких эскизов и создание их в электронном варианте.
На сайте YouDo вы можете заказать индивидуальный логотип вашей компании и нейминг по приемлемым расценкам.
Как работает исполнитель Юду
Фриланс разработка логотипа компании будет выполнена профессионалом в кратчайшие сроки с учетом специфики вашей деятельности. Специалист из Москвы, зарегистрированный на сайте Юду, подготовит дизайнерский проект. Работа выполняется опытным мастером поэтапно:
- создание нескольких макетов
- отрисовка изображений в 3D-формате
- согласование версий
- правка изображений торговых марок
Поручите профессиональному фрилансеру, зарегистрированному на сайте Юду, представить вашу компанию целевой аудитории, заняться формированием имиджа и стиля. Опытный мастер подготовит графику с учетом ваших пожеланий.
Исполнитель сайта Юду приедет в любой район Москвы в назначенное время, чтобы обсудить визуальные коммуникации торговой марки. В портфолио профессионального дизайнера представлены примеры работ.
Разработка логотипа и необходимой документации будет выполнена мастером в оговоренный с вами срок. Электронный вариант включает в себя:
- векторные полноцветные изображения
- черно-белую версию логотипов
- объемный вариант картинки
- отображение вашего бренда на черном фоне
При необходимости исполнитель сайта Юду недорого поместит изображение бренда на указанном интернет-ресурсе.
Заказать услуги квалифицированного мастера можно сейчас на Юду. Оформите заявку и поместите ее на сайте. Вскоре вам поступят предложения от профессионалов. Выберите исполнителя Юду и согласуйте, на каких условиях будет проводиться креативная разработка логотипа.
15 лучших онлайн-курсов со созданию логотипов и фирменного стиля: платные и бесплатные уроки
Дизайнер логотипов – специалист, который разрабатывает фирменный знак и участвует в создании фирменного стиля компании. Он помогает компаниям и бизнесам найти «свое лицо» и получить средства позиционирования на рынке.
На онлайн-курсах по разработке логотипов вас обучат выбору определенных цветов, графических элементов, подбору шрифтов, работе в профессиональных графических редакторах. Кроме того, вы узнаете, что такое логобук, брендбук и гайдлайн. Вам расскажут, что нельзя изображать в логотипах и какие инструменты использовать.
Мы подобрали для вас курсы по созданию логотипов как бесплатные, так и платные. В ходе обучения вы сможете собрать собственное портфолио и приступить к работе.
Skillbox
Дизайнер логотипа и фирменного стиля
Вы на практике освоите все этапы дизайна логотипа: научитесь брифовать клиентов и разрабатывать знаки, создавать гайдлайны и презентовать проекты. Сделаете крутой кейс для Behance и станете востребованным специалистом в сфере графического дизайна.
Чему вы научитесь
- Брифовать клиента
Научитесь задавать правильные вопросы и придумывать дизайн-концепции, которые решают задачи бизнеса и попадают в ожидания клиента. - Работать с брендом
Узнаете, что такое позиционирование бренда и как передать его характер через айдентику. Сможете генерировать идеи в рамках брифа, анализировать бренд и работать с его метафорой. - Создавать логотипы и фирменные стили
Научитесь отрисовывать логотипы и анимировать их. Поймёте, как разрабатывать и иллюстрировать фирменный стиль. Сможете создавать брендбуки и гайдлайны под задачи бренда. - Презентовать работу
Научитесь делать эффектные презентации и наглядно представлять результаты работы. Узнаете, как правильно получать обратную связь от клиента и быстро работать с правками. - Работать в студии и на фрилансе
Разберётесь в плюсах и минусах работы в агентстве или на фрилансе. Узнаете, как искать клиентов и выстраивать с ними долгосрочные отношения. - Оформлять договор
Научитесь составлять договор, защищающий ваши интересы, и проверять материалы на интеллектуальную собственность. Узнаете, как обратиться в суд в случае проблем.
Udemy
Полный урок по разработке логотипа
На данном уроке вы получите богатый материал, который поднимет вашу квалификацию на высокий уровень. Материал подходит и для начинающих с нулевым уровнем, и для продвинутых дизайнеров.
Для начинающих курс позволит получить грамотный фундамент, в котором заложен 13-летний опыт.
Начиная с самого основного, как, с чего начать работу, что из чего состоит, что такое Logobook, Guideline, Brandbook, их структуры, чем отличаются, поэтапность работы дизайнера, сам логотип, его законы создания, каждому пункту дадут обоснование, затронете юридические стороны. Разберете плохие и хорошие примеры. Перейдете на шрифтографику, стили, апертуру, как структурировать их. После этого перейдете на виды логотипа и их роли.
Так же были добавлены практические уроки по разработке логотипа.
Будете рисовать один эскиз на разных программах, чтобы познакомиться с обеими программами:
- CorelDRAW
- Adobe illustrator
Чему вы научитесь:
- Теория. Основа дизайна, с чего начинать работу
- Logobook, Guideline, Brandbook. Этапы работы
- Законы разработки логотипа
- Запреты, что нельзя использовать в создании логотипа, технические правила
- Как проверить уникальность созданного логотипа
- Шрифтографика. Стили. Апертура
- Виды логотипа и их роли
- Древо профессий
- Практика. Логотип в CorelDRAW
- Практика. Логотип в Adobe illustrator
«Факультет Графического дизайна» в GeekUniversity
Сайт: https://geekbrains.ru
Телефон: +7 (800) 700-68-41
Стоимость: уточнять по телефону
На курсе научат разрабатывать логотип, подбирать цветовую гамму и шрифты, продумывать дизайн упаковки, полиграфических материалов, мерча и другой сувенирной продукции, рисовать иллюстрации.
Для поступления не требуется умение рисовать. Выпускники факультета могут успешно конкурировать с графическими дизайнерами уровня middle.
Студенты будут генерировать идеи, создавать элементы айдентики в графическом редакторе и превращать их в бренд-систему.
В течение всего обучения у вас будет личный помощник-куратор. С ним вы сможете быстро разобраться со всеми проблемами, на которые в ином случае ушли бы недели. Работа с наставником удваивает скорость и качество обучения.
Info-cast
Практический курс по созданию логотипов с нуля.
Вас научат использовать основные инструменты в программе CorelDraw для создания логотипов. Помогут развить фантазию и покажут откуда черпать вдохновение! Полностью практический курс. Минимум теории, 100 % практики!
Курс включает в себя более 10 часов учебного материала, а так же онлайн сопровождение (тариф с поддержкой автора). На протяжении прохождения всего курса, консультация профессионального дизайнера. Вам помогут создать ваше первое профессиональное портфолио.
После прохождения курса вы будете готовы к самостоятельной работе. С вами поделятся всеми профессиональными навыками и знаниями, накопленными за 12 лет работы.
Покажут и объяснят, как сделать уникальный логотип, соответствующий всем требованиям заказчика, научат как сделать правильный посыл для потребителя, который будет выделять данный продукт на рынке. И что не мало важно, научат вас правильно и профессионально презентовать вашу работу для заказчика.
Вы получите полную информацию по созданию логотипа с нуля. От сбора идей, развития фантазии и творческих навыков, до красивой профессиональной презентации для заказчика. Вы научитесь основам маркетинга и сможете самостоятельно разработать логотип с нужным посылом для потребителя, удовлетворяющий всем требованиям заказчика. На протяжении всего курса вы получите помощь от профессионала своего дела. Вы получите полный пакет практических навыков, необходимый для продуктивной работы, творческого роста и высокой заработный платы.
По окончанию полного прохождения курса у вас будет собственное портфолио из 26 логотипов. Вы больше не будете привязаны к месту и графику работы. Теперь вы сможете работать в любой точке мира, в удобное для вас время, получая при этом высокий доход.
Логомашина
Сайт: https://logomachine.ru
Телефон: +7 (800) 777-04-75
Стоимость: от 8999 р. за курс
Онлайн курс по созданию логотипов: вам расскажут и покажут всё, что знают о создании логотипов. Ты будешь перенимать опыт у лучших дизайнеров сферы.
Это интересная теория и захватывающая практика.
Что в итоге:
- выложишь кейс на behance
- ты узнаешь все о создании логотипов
- создашь 6 логотипов в разных стилистиках
Smartpeople
Курс состоит из 3 теоретических блока по работе над проектом. Вас ждет общий чат и личное общение с преподавателем.
Доступы к видео-урокам и материалам после окончания курса.
Что будете делать:
- Разрабатывать фирменный стиль на определенную тему
- Учиться решать проблему заказчика в рамках ограниченного времени и бюджета, работать в его мире, а не навязывать свое видение
- Вы не будете делать дизайн ради дизайна и фестивальные проекты, которые сложно применять в реальных условиях
Как проходят занятия:
- Поэтапно откроете блоки для изучения материала
- Первый технический блок предполагает выполнение тестового задания по созданию простой полиграфии. Блок был добавлен на основе топ-вопросов и проблем предыдущих курсов. Его прохождение исключит возникновение множества вопросов во время выполнения проектного задания
- В каждом блоке есть видеоуроки с теорией и практикой. После просмотра каждого блока выполняете задание. Получить ответы на возникшие вопросы можно в личном чате с преподавателем. После выполнения каждого блока будет снят разбор ошибок общий для группы по выполненным заданиям
- Важно не пропускать дедлайн! Доступ к урокам и методическим материалам останется у вас навсегда. Доработать проект можно в течение одного месяца после окончания курса
Что в результате:
- Научитесь разрабатывать макеты полиграфии с нуля и готовить их к печати
- Создадите полноценное портфолио и проекты: логотип, фирменную документацию к нему и мини руководство к фирменному стилю (гайдлайн), макеты для внтурикорпоративного использования, рекламную полиграфию и другие носители фирменного стиля
- Научитесь составлять бриф под свои требования, получать от заказчика техническое задание и главное оплату за свой труд
- Узнаете что учитывать при разработке фирменного стиля, чтобы заказчик мог его соблюдать
- Прокачаете свои навыки, создадите портфолио и убедитесь, сколько людей имеют одинаковые ассоциации
Международная школа дизайна
Сайт: https://designschool.ru
Телефон: +7 (495) 988-85-08
Стоимость: уточняется по телефону
Учебная программа дистанционного курса «Графический дизайн и реклама: логотип и фирменный стиль» призвана дать системные знания в области визуальных коммуникаций.
Система обучения выстроена таким образом, что вне зависимости от уровня своей подготовки вы получите полный набор знаний и навыков, необходимых графическому дизайнеру для работы. Обучение проходит в формате видео-уроков, что позволяет осваивать материал в удобное время.
Для кого:
- Вы хотите научиться творчески мыслить и визуализировать собственные идеи.
- Вы рассматриваете возможность получения новой перспективной профессии с нуля за минимальный срок.
- Вы работаете с креативной командой, ставите задачи дизайнерами, но не всегда получается говорить с ними «на одном языке».
- Вы живете в одном из регионов России или за рубежом и не имеете возможности посещать очные занятия.
- Вы проходили отдельные курсы по графическому дизайну, но хотели бы систематизировать свои знания.
Обучение в дистанционном формате – отличная возможность получить профессиональное образование в области графического дизайна, ориентированная на людей, не имеющих возможности посещать очные занятия, в том числе на тех, кто живет в регионах России или за рубежом.
К каждому студенту прикрепляется определенный куратор – это значит, что, несмотря на расстояние, индивидуальный подход к каждому обеспечен! После изучения учебно-методических материалов и выполнения практических заданий по теме, куратор отправляет каждому свои комментарии, разбирает ошибки и варианты их исправления.
Вы получаете даже больше, чем те, кто учится очно — вы можете повторно просматривать пройденные занятия во время всего периода обучения. По окончании обучения и успешной защиты итоговой работы вы сможете получить диплом о профессиональной переподготовке.
Данные о выданном дипломе заносятся в Федеральную государственную информационную систему «Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении».
Создание логотипов и фирменного стиля онлайн
Моментальное создание красивых логотипов и элементов фирменного стиля ОНЛАЙН.
Преимущества:
- Достаточно ввести название (+слоган) и указать сферу деятельности
- Не поверите, но вам потребуется всего несколько минут, чтобы создать свой шедевр логотипа! За чашечкой кофе
- Сотни красивых и уникальных вариантов лого на любой вкус за 5 минут
- Используйте для творчества компьютер, планшет или телефон! Моментальные логотипы за несколько минут
- За 4 шага вы сможете создать сотни вариантов ваших логотипов, выбрать и сохранить
- Вы получаете бесплатно PNG вариант выбранного лого для сайта
Kwork
Курс по созданию логотипа своими руками с нуля.
После просмотра вы будете уметь создавать логотип своими руками с нуля:
- У вас есть опыт создания логотипов
- У вас нету опыта создания логотипов
- Вы будете создавать логотип для своего дела
- Вы будете создавать логотип частным заказчикам
- Для любого варианта курс подойдет и научит вас профессионально создавать логотипы
Курс состоит из файлов PDF и видеоматериалов.
Я — дизайнер
Дизайн логотипов — одно из самых увлекательных занятий. Не смотря на кажущуюся простоту, в этом деле есть много подводных камней.
Изображение должно быть лаконичным и четким, чтобы его было хорошо видно даже при масштабировании.
Здесь подобран для вас 12 уроков по созданию логотипов а различных стилях. Будут использоваться такие программы как Illustrator, Photoshop, Corel Draw и даже Cinema 4D.
Controforma
Курс: ЛОГОТИП. МОДУЛЬНЫЙ И РУКОПИСНЫЙ.
Курс рассчитан на дизайнеров, иллюстраторов и всех тех, кто хочет освоить разнообразные приемы создания логотипов и почувствовать себя увереннее в каждом из них. На каждом стиле остановитесь подробнее и уделите много внимания практике.
Если у вас уже есть опыт в каллиграфии — это будет несомненным плюсом. Если же вы работали, в основном, с наборными шрифтами, то этот курс поможет вам лучше понять форму букв.
Участники приобретут практические навыки работы со шрифтом и смогут применить их в работе для создание собственных логотипов. Понимание и знание разнообразных стилистик позволит вам делать более точный выбор шрифта для ваших проектов в брендинге или графическом дизайне, в целом. Курс приоткроет двери в мир, где использование фирменных шрифтов и надписей является большим преимуществом.
Курс для самостоятельного обучения состоит из 5 модулей. Вы получите доступ в личный кабинет курса и сможете проходить занятия в удобном для вас темпе. Для учебы вам понадобится компьютер с программой AI или Corel для векторизации логотипа, а также много бумаги и брашпен или круглая кисть для отработки прописей.
Выполняя все задания на курсе, вы сможете создать несколько логотипов, используя рукописный и модульные принципы создания шрифтовых надписей.
«Дежурка»
Логотип—важнейший элемент имиджа компании. Он отображает её поле деятельности и является гарантией качества товара, поэтому неудивительно, что у дизайнеров слишком много времени уходит на процесс создания логотипа.
Здесь представлена подборка уроков, которые помогут вам при разработке логотипа и вдохновят вас на новые идеи.
Grafix School
Интенсивный курс для дизайнеров, которые хотят получить масштабную базу знаний по логостроению, обновить портфолио и выстроить работу с клиентом.
Преимущества:
- 1 МЕСЯЦ ОБУЧЕНИЯ
- 5 модулей, которые охватывают все этапы создания логотипа и взаимодействия с заказчиком
- Закрытая платформа для обучения
- 16 упражнений на оттачивание техники, 15 упражнений на закрепление теории
- С проверками домашних заданий, вебинарами и обратной связью в зависимости от выбранного тарифа
- В формате лекций как в ВУЗе и коротких мастер-классов непосредственно в графической программе
- С примерами, разборами и советами
ОБУЧАЯСЬ НА КУРСЕ, ВЫ:
- НАУЧИТЕСЬ СОЗДАВАТЬ ЛОГОТИПЫ. Изучите, откуда берется идея логотипа, разложите по полочкам процесс создания концепции, поймете, как отбирать лучшие эскизы.
- НАУЧИТЕСЬ РАБОТАТЬ С ФОРМОЙ. Узнаете, как развить эскиз в готовый продукт, разберетесь в композиции, как применять цвет, как рисовать шрифтовой логотип.
- ОФОРМИТЕ ПРОЕКТ В ПОРТФОЛИО. Сделаете проект, оцените свое портфолио, если будете последовательно смотреть уроки и выполнять задания.
- СОЗДАДИТЕ ОБРАЗ. Узнаете, как создать успешный образ, стиль, оформите профиль, подготовите продающее описание, спланируете программу действий.
- СТРУКТУРИРУЕТЕ РАБОТУ. Разложите по полочкам процесс взаимодействия с клиентом: документы, ценообразование, брифинг и т. д.
- ПОВЫСИТЕ ДОХОДЫ. Последовательно выполняя понятные шаги, вы сможете трудоустроиться или повысить доходы на фрилансе.
Lettering-school
Самый полезный онлайн Интенсив по созданию логотипов от Lettering School.
Что будет:
- 4 урока формате интенсива
- 1 бонусный урок
- Домашние задания
- Возможность научиться делать логотипы от скетча до готовой работы
Преимущества:
- Бриф по работе с заказчиком
- Доступ к обучающей платформе
- Общий чат в Telegram
- Доступ к материалам 90 дней
- Без обратной связи
- Доступ к урокам открывается сразу после оплаты
Фабрика логотипов в Illustrator от Kursof
Сайт: https://spb.kursof.ru
Телефон: +7 (812) 309-00-48
Стоимость: от 15900 р. за курс
На курсе вы научитесь:
- Работать в Adobe Illustrator
- Генерировать отличные идеи для логотипов
- Рисовать быстрые скетчи
- Работать со шрифтами и текстами
- Настраивать цвет и формат
- Собирать базу картинок и скетчей с идеями
- Искать шрифты
- Создавать уникальные символы
- Научитесь презентовать итоговую работу заказчику
Как создать логотип в CorelDRAW
CorelDRAW — это профессиональный графический редактор, предназначенный преимущественно для векторной графики. Используется как для полиграфических макетов, так и в web-разработке. Отдельной сферой можно выделить создание фирменного стиля, основными компонентами которого являются название, товарный знак, слоган, символ, цветовое решение и, конечно же, логотип. Рассмотрим, как создать логотип в CorelDRAW, не обладая художественными навыками и опытом.
Перед началом работы над логотипом в Кореле изучите основные элементы программы, простейшие операции и инструменты. Почитайте темы о цветовых сочетаниях, пропорциях, основах рекламного дизайна. Это в случае, если вы хотите его своей профессией и изучить основы рисования досконально. Но не забывайте, что лучшая теория — это практика, начиная с простого, вы интуитивно освоите и мудрёные правила графики.
Что такое логотип и зачем он нужен
Под логотипом понимают графическое изображение компании или торговой марки, которое призвано привлечь внимание, запомниться, создать положительное впечатление. Это «лицо» марки, то, что покупатели видят в первую очередь. Неудивительно, что компании придают такое важное значение его разработке.
Прежде чем начать создание логотипа в КорелДРАВ, разберём характеристики, которые должны быть присущи фирменному символу:
- Информативность, т. е. способность донести информацию о компании до потенциального клиента;
- Выразительность, т. е. он должен произвести впечатление на человека, причём вызывать положительные эмоции;
- Запоминаемость: когда в следующий раз люди увидят этот знак, то должны чётко проассоциировать его с компанией или товаром;
- Оригинальный стиль, отличающий от конкурентов;
- Уникальность, новизна идеи;
- С технической точки зрения, символ должен быть исполнен в виде, позволяющем его масштабировать, изображать на различных носителях.
Именно последний пункт объясняет, почему создавать изображение нужно в векторе. Только он позволяет без потерь качества сколько угодно увеличивать или уменьшать изображение. Будь то символ на шариковой ручке или на баннере на стене многоэтажки.
Начало работы
Перед тем как сделать логотип в CorelDRAW, обратите внимание на следующее:
- Определитесь, будет это текст, буква, изображение либо какие-либо вариации всего этого. Изучите сферу деятельности компании, её товары, чтобы лучше понимать потребности людей и то, что может их привлечь.
- Поищите уникальную характеристику компании или товара, чей символ вы рисуете. Вы должны сделать не просто интересную форму саму по себе, а именно в привязке к деятельности фирмы. Будет странным изобразить, например, кофе, для компании, торгующей кормами для животных.
- Помните, что цель любого коммерческого дизайна — это продать. Заказчик обратился к вам именно для высокого спроса, завоевания рынка, а не за эстетическим удовлетворением.
- Символ не должен быть слишком сложный и нагруженный, создающий негативный отклик.Нужно добиться того, чтобы его было легко изобразить и повторить.
Теперь, зная основные моменты, на которые нужно опираться, перейдём непосредственно к созданию логотипа в КорелДРАВ.
Рисование запоминающегося фирменного знака в Кореле
Решив, что и каким образом мы будем изображать, приступим к технической части. Предполагается, что примитивные действия в КорелДРАВ вы выполнять умеете, поэтому слишком углублённо вдаваться в них не будем. Для начала создаём новый документ в цветовом формате CMYK, именно он в основном используется в программе, его же использует и принтер. Разрешение пусть будет 300 dpi, размер не столь важен.
Отрисовка изображения
Создаём графическую часть, то есть рисунок. Это может быть изображение цветка, животного, предмета либо абстрактная геометрическая форма. Можно, но не желательно, найти готовую картинку в интернете и отредактировать её. Или нарисовать вручную. Для этого обычно используют либо геометрические фигуры, либо перо и кривую Bezier.
К геометрическим формам относят прямоугольник, эллипс, многоугольник, звезду, разные выноски, блок-схемы и др. Создание логотипа в CorelDRAW предполагает экспериментирование с разными режимами наложения (пересечение, исключение). Пересечение делает новую форму из пересекающихся частей фигур, а исключение удаляет общие части. Например, если изобразить квадрат, а внутри его ещё один поменьше, то при исключении получаем квадратную рамку. Панель режимов находится над документом. Путём комбинирования различных фигур можно получить интересные рисунки, не имея художественных навыков.
Пером и кривой Bezier пользуются опытные дизайнеры. Требуют некоторого умения рисовать, аккуратности и кропотливости. Позволяют точно рисовать любые кривые. Основные правила, как сделать логотип в CorelDRAW с помощью этих инструментов:
- Выберите инструмент, левым щелчком мыши поставьте на документе точку и ведите курсор, не отпуская кнопку. Появится синяя стрелка. Это касательная к окружности, которую образует линия.
- Отпустите кнопку, поставьте ещё точку на некотором расстоянии. Появится линия. В случае, если вы используете перо, то кривую вы увидите сразу, до того, как поставите точку.
- По аналогии завершите рисование. Чтобы закончить работу, сделайте двойной щелчок на последнем этапе.
- Теперь нарисованную кривую можно редактировать при помощи кнопки «Фигура». Удалить узел, изменить расстояние и многое другое.
Ещё вариант, как отрисовать логотип в Кореле, это использовать растровое изображение. Откройте, например, фотографию, и поверх неё рисуйте инструментом Перо или кривая Безье. Можно отрегулировать толщину и цвет линии, добавить художественное оформление, заливку. Затем удалите растровое основание и получите оригинальный логотип.
Добавление текста
Редко когда дизайнер ограничивается просто рисунком. Как правило, завершающим этапом является создание и стилистическое оформление текста. Он должен органично сочетаться с картинкой и составлять с ней единое целое как по форме, так и по цветовому решению. Добавить к нашему фирменному знаку текст можно следующим образом:
- Выбираем подходящий шрифт и стиль шрифта. Он должен быть соразмерен картинке и легко читаться.
- Пишем сам текст, далее с помощью инструмента Форма можно поменять расстояние между буквами и другие параметры.
- Стилистически оформляем. Можно добавить контурную обводку с помощью инструмента Контур, снаружи или внутрь букв. Сам контур теперь тоже можно редактировать, добиваясь интересных цветовых сочетаний. Главное, не нагромождать слишком большим количеством цвета, сложностью форм.
Таким образом, различные логотипы можно легко рисовать в Кореле, многофункциональном графическом редакторе. Помните, что главное — это стиль, лаконичность, чёткость, простота дизайна для лёгкого восприятия эмблемы людьми и побуждения к положительным эмоциям.
Artistic Free Logo Maker — шаблон логотипа онлайн-эскиза
Описание
Шаблон логотипаDesign Free Art Sketch Online
Вам нужен креативный логотип Art Sketch, который подойдет вашему бизнесу, но вы не знаете, с чего начать? Наконец, вы можете сделать это с помощью нашего онлайн-инструмента для создания логотипов. Также получите доступ к тысячам оригинальных креативных красочных векторных шаблонов. Самое приятное то, что вам не нужно быть опытным графическим дизайнером или обращаться за помощью, прежде чем вы сможете использовать эти дизайны.
Например, используйте этот особый нарисованный от руки минималистский рисунок символа абстрактных линий, чтобы создать современный и креативный бренд. Кроме того, использование символа креативности и инноваций станет отличным решением для брендов креативных и инновационных брендов. Кроме того, он используется для продуктов Paint, художника, декоратора, веб-дизайнеров и графических дизайнеров, типографии, художественных классов, школьных учреждений, сетевых компаний и т. Д. Кроме того, эти абстрактные линии отлично подходят для брендинга визажистов, парикмахерских и маникюрных салонов. .Это позволит вам максимально просто создать свой современный бизнес-бренд.
Конструктор абстрактных логотипов бесплатно
С DesignFreeLogoOnline Art Logo Maker, никаких обязательств и регистрации не требуется! Управление на 100% в ваших руках. Выберите лучший бесплатный шаблон дизайна логотипа и создайте столько образцов, сколько вам нужно.
Мгновенно создавайте идеи для логотипов с красочными художественными эскизами
Более того, используя онлайн-приложение для создания логотипа, вы мгновенно создаете свои собственные идеи логотипа Colorful Art Sketch.Вам не нужно быть художником-графиком или иметь какой-либо опыт дизайна. Благодаря многочисленным цветам и оригинальным шрифтам легко создать собственный художественный логотип. Наши дизайнеры создали векторные шаблоны с высоким разрешением на выбор из каталога. С более чем тысячами оригинальных шаблонов легко найти идеальную минималистичную абстрактную иконку для вашей компании.
Создайте любой цветной логотип Art Sketch всего за несколько кликов
Воспользуйтесь бесплатным онлайн-конструктором логотипов и бесчисленными векторными значками, чтобы настроить удивительный логотип Colorful Art Sketch, который подойдет для вашего лейбла.Для начала следуйте приведенным ниже инструкциям.
- Просмотрите удивительные шаблоны и выберите тот с художественным символом, который больше подходит для вашего бизнеса.
- Настройте выбранный вами значок с помощью средства создания логотипов art Logo Creator , не платя ни копейки и без регистрации. Просто введите название своей компании, шрифты и цвета.
- Исследуйте как можно больше идей минимализма, пока вы не будете довольны своим дизайном. Вы можете произвести оплату только в том случае, если результат вас устроит.
Мгновенно загрузите индивидуальный логотип Colorful Art Sketch
После того, как вы разместите заказ, загрузите свой новый художественный логотип. Он готов к использованию, так как был разработан вами. Кроме того, вы в равной степени получите все специальные обновления по электронной почте в течение 24 часов. С нашими графическими дизайнерами это не проблема.
Подходит для любых рекламных нужд
Воспользуйтесь им немедленно. Продвигайте свой новый логотип Colorful Art Sketch в блогах, на веб-сайтах, в Facebook, YouTube, Pinterest и Twitter.Распечатайте его также на фирменных бланках, визитных карточках и т. Д.
- Лицензия — неисключительный шаблон
- Форматы для печати и Интернета — PNG прозрачный, JPG, PDF
Художественная пастель Эскиз логотипа
Как цвет влияет на идентичность вашего бренда?
Когда мы говорим о брендинге, мы просто говорим об уникальном процессе, который ваша компания предпринимает, чтобы убедиться, что ваш правильный имидж донесен до ваших клиентов. Обычно это не одноэтапный процесс.Но тот, который включает в себя много шагов. Например, выбрав цвета вашего логотипа Online Art Sketch Logo. Тем не менее, процесс создания бренда обычно приводит к одной конечной цели — созданию фирменного стиля компании. Цвет не только помогает вашей аудитории быстро запомнить ваш бренд, но и влияет на ее настроение и эмоции. Согласно принципам теории цвета, цвет, используемый брендом, может вызывать у людей определенные чувства. Давайте рассмотрим несколько необычных способов, которыми цвет вашего бренда может влиять на его идентичность.
Влияние на вашу целевую аудиторию
Несомненная правда в том, что цвет нравится людям. Разные цвета вызывают у людей разные чувства и могут помочь сформировать то, как они воспринимают бренд. Например, оба пола имеют свой уникальный способ восприятия цветов. Мужчины и женщины не всегда сходятся во мнениях по цветам. Например, женщины предпочитают яркие цвета, а мужчины предпочитают темные и нежные цвета.
Это означает, что цвет вашего бренда должен максимально соответствовать вашей целевой аудитории.Вы должны решить, какой цвет использовать, исходя из целевой аудитории, на которую вы ориентируетесь. Ваша аудитория — мужчины или женщины, молодежь или пожилые люди? В чем их проблема и как вы собираетесь удовлетворить их потребности? Все это должно повлиять на тип цвета, который вы выберете для своего бренда.
Влияние на культуру
Нравится вам это или нет, но цвет также имеет культурные коннотации. Тип цвета, который вы выбираете для своего бренда, должен соответствовать индивидуальности вашего бренда в зависимости от его культурного значения.Например, в США белый цвет означает невинность и чистоту, а в Китае — просто траур. Поэтому вы не хотите окрашивать свой логотип Online Art Sketch в белый цвет, если вы продаете товары китайским покупателям.
Это одна из причин, по которой, когда бренды рассматривают возможность выхода на международный рынок, им необходимо убедиться, что их бренд передает одно и то же сообщение в разных странах. При выборе цвета бренда учитывайте расу, религию, этническую принадлежность и язык людей, на которых вы ориентируетесь. Вы не хотите, чтобы ваша целевая аудитория плохо воспринимала ваш бренд, поэтому цвет вашего бренда должен соответствовать им наилучшим образом.
Влияние на категорию вашего продукта
Еще одна вещь, которая влияет на тип цвета, который вы выбираете для своего бренда и логотипа Online Art Sketch, — это категория вашего продукта. Определенные цвета связаны с конкретными продуктами и предметами. Например, когда вы думаете о брендах продуктов питания, вы должны думать о таких цветах, как красный или желтый. Такой цвет, как зеленый, точно такому бренду не подходит. Это потому, что зеленый цвет напоминает вам о испорченных продуктах, грибке или тошноте. Так что зеленый цвет не подходит для продуктового бренда.Однако туристическое агентство или туристический бренд будут рады, что выберут зеленый в качестве своего фирменного цвета. Цвета, такие как коричневый и синий, также отлично подойдут для такого бренда.
Шаблон логотипа Blue Art Sketch Online
лучших приложений для создания эскизов логотипов, рисования и раскрашивания
Любишь искусство? Вы любите рисовать и рисовать в свободное время? Независимо от того, является ли рисование вашим хобби или вы любите рисовать логотипы и зарабатывать себе на жизнь рисованием, было выпущено несколько замечательных новых приложений, которые позволяют вам практиковать свой любимый вид искусства каждый день.Иногда бывает трудно понять, какие приложения действительно хороши, а какие — пустая трата вашего времени. Ниже представлен краткий обзор некоторых из наших любимых приложений для рисования и рисования на iPad. Наслаждаться!
Эскизы Таясуи
Это бесплатное приложение для iPad — отличный инструмент для любителей рисовать. Это не самое мощное приложение на рынке, но это отличное приложение для тех, кто рисует логотипы, и даже для тех профессионалов, которым нужно что-то набросать в спешке.Пользовательский интерфейс превосходен, а базовое бесплатное приложение Tayasui Sketches поставляется с широким спектром фантастических бесплатных инструментов. Если вы ищете более продвинутую версию этого приложения, подумайте о покупке версии Pro, которая поставляется с дополнительными функциями, такими как дополнительные узоры и текстуры, которые вы можете добавить в свою работу.
Бамбуковая бумага
Созданное Wacom, это классное приложение позволяет легко рисовать сколько душе угодно. С простыми в использовании инструментами это приложение также имеет удобную функцию записной книжки, которая позволяет вам систематизировать ваши работы в виде записных книжек.Это отличный инструмент для рисования логотипов на ходу.
ASЭскиз
Если вы предпочитаете рисовать углем, это приложение станет для вас идеальным приложением для создания эскизов логотипов. Это отличное приложение для iPad, доступное за 3,99 доллара, очень интересно использовать. В отличие от некоторых других приложений для рисования на iPad, в этом приложении используются интуитивно понятные мультитач-жесты, которые помогут вам легче приступить к выполнению поставленной задачи и просто рисовать.
Sketchbook Pro
Если вы ищете более продвинутое приложение для рисования и рисования на iPad, Sketchbook Pro — отличный выбор.Это приложение для iPad отлично подходит для всех вас, профессионалов, поскольку оно очень мощное, мощное и гибкое. Это приложение включает в себя множество инструментов для рисования и рисования профессионального уровня, а его чувствительные к давлению элементы управления действительно позволяют создавать оригинальные произведения искусства, к которым вы привыкли. Лучше всего то, что любую работу, выполненную с помощью этого приложения, можно экспортировать в виде многослойных файлов Photoshop, что еще больше упрощает адаптацию и адаптацию вашего искусства по мере необходимости в будущем.
Procreate
Это еще одно отличное приложение для iPad для всех художников, которым нужен более продвинутый инструмент для своих проектов.Это приложение для iPad, самое популярное для рисования и рисования, очень мощное и точное. Это современное приложение для iPad позволяет создавать потрясающие произведения искусства где угодно, не вставая с колен.
, если вам больше нравятся логотипы, обязательно ознакомьтесь с потрясающей и доступной коллекцией логотипов на веб-сайте Pixellogo.com. Спасибо, что зашли!
Free Cool Logos To Draw, Download Free Cool Logos To Draw PNG images, Free ClipArts on Clipart Library
крутых логотипов для рисования
mercedes benz логотип рисунок
человек паук рисунок паук
логотипов easy cool
таман бунгкуль
семян
Бэтмен черно-желтый логотип
сердитые птицы чиби
белый монстр логотип png
кругов анимадос негров
татуировка силуэт божья коровка
бэтмен логотип фан арт
рисунок черепа легко
фольксваген фаэтон
фотошоп дизайн логотипа
tribal tattoo клипарт
Логотипnhl buffalo sabers
логотип дизайн быка логотип
крутых логотипов, которые легко нарисовать
мультяшный баскетбольный рисунок
классных шрифтов для пошагового рисования
Раскраскишлем морских ястребов
логотип калтекс
крутой логотип png
печатный логотип супергероя
прикольных логотипов к рисункам
lengua dibujo
Оклахома Сити Гром логотип png
мультяшных дельфинов раскраски
логотип чикаго буллз
логотип университета джорджа вашингтона
розыгрыш
логотип volkswagen
иллюстрация
племенной волк бежит
мультфильм
футболка
лига мечты лига чемпионов по футболу
мультфильм раскраски мозга
Пакет приложений для Android
corel дизайнер
нью-йорк янки
прозрачный логотип eminem png
логотип нхл 2019
простых уникальных крутых рисунков
белых крутых логотипов для рисования
Цинциннати Бенгалс логотип
логотип linux
раскраски милый дракон
Как сделать логотип в Illustrator
Для многих дизайнеров Illustrator — лучшее программное обеспечение для создания логотипов.Это стандартное программное обеспечение позволяет легко создавать потрясающие логотипы для любой отрасли, любого стиля и любого носителя — будь то печать, видео или цифровой формат. О чем бы вы ни мечтали, вы должны знать, как сделать логотип в Illustrator.
Логотипы выражают ценности бренда через цвет и форму. Здесь вербальное становится визуальным, и чем сильнее этот визуальный знак, тем громче становится сообщение! Независимо от того, впервые вы пользуетесь Illustrator или опытный профессионал, я здесь, чтобы помочь вам шаг за шагом создать логотип в Illustrator.
Логотип пивоварни CBTВеликолепный дизайн логотипа Illustrator в вашем будущем. Итак, налейте себе напиток, и давайте посмотрим, что мы будем изучать.
1. Начните с творческого задания
2. Найдите ключевые слова
3. Набросайте свои идеи
4. Уточните свою работу
5. Получите отзывы клиентов
6. Оцифруйте свой набросок
7. Добавьте текст
8. Добавьте цвет
9 . Представьте свой логотип
10. Экспорт окончательных файлов
Как сделать логотип в Illustrator
—
1.Начните с творческой записки
Прежде чем вы даже откроете Illustrator, вам нужно получить хорошо написанное брифинг от вашего клиента. Без этого вы будете блуждать в темноте, пытаясь угадать, чего хочет клиент.
Начните с вопросов. И помните, никогда нельзя просить слишком многого! Вот лишь некоторые из них, с которых можно начать:
- Чем занимается бизнес? На кого нацелен бренд?
- Какова история компании? Имеет ли имя какое-то более глубокое значение?
- Каковы ценности бренда?
- Какие типы дизайна и визуальные тенденции привлекают вашего клиента?
Обязательно поддерживайте открытое общение с вашим клиентом.И не забывайте, что вы профессионал, и вы обязаны проконсультировать клиента и направить его в правильном направлении относительно их дизайна.
2. Найдите ключевые слова
Получив от клиента всю необходимую информацию, вы можете превратить ее в работающий логотип!
Начните с составления списка всех релевантных ключевых слов для проекта. Записывайте каждое слово, которое приходит на ум, когда вы думаете о бренде, и не беспокойтесь о том, чтобы придать смысл или создать что-то красивое.В любом случае вы этого никому не покажете!
автор: Mky3. Набросайте свои идеи
Теперь используйте свои ключевые слова в качестве вдохновения и приступайте к рисованию. Помните о запросах вашего клиента, но не бойтесь немного сбиться с пути и попробовать что-то другое, если вы чувствуете, что у вас есть для этого веская причина.
На этом этапе не думайте о том, чтобы рисовать «красиво». Делайте наброски быстро и не переусердствуйте. Сосредоточьтесь исключительно на переносе идей из головы в бумагу. Вы должны набросать как можно больше идей и концепций.
by MkyКогда вы чувствуете, что исчерпали все идеи, отложите бумагу и оставьте на следующий день. Иногда нужно сделать шаг назад и посмотреть на свои наброски свежим взглядом. Вы можете обнаружить ошибки, которых не видели, получить новые идеи или даже увидеть новый потенциал в концепциях, которых у вас не было раньше.
4. Уточните свои эскизы
Взгляните еще раз на все свои наброски, на этот раз критически. Ищите ошибки, ищите способы улучшить и выбирайте свои любимые моменты.Затем выберите несколько набросков, которые вам больше всего нравятся, и нарисуйте их снова и снова. Рисовать одно и то же несколько раз кажется пустой тратой времени, но на самом деле это очень полезно. Каждая версия будет становиться все лучше и лучше, и вы можете просто нарисовать идеальную версию с 10-й попытки!
by MkyДелая наброски, сохраняйте то, что вам нравится, и исправляйте то, что вам не нравится. Вкладывайте все больше и больше усилий в каждый набросок, доводя его до совершенства, но не теряйте слишком много деталей. Мы усовершенствуем их, как только перенесем изображение в Illustrator.
5. Получите отзывы клиентов
Выберите свои лучшие эскизы для отправки заказчику. Мы рекомендуем прислать 2–3 исходных концепции, но это зависит от вас и того, что вы согласовали со своим клиентом, прежде чем начинать проект.
Присылайте только черно-белые наброски в первом туре. Добавление цвета заставляет людей сосредоточиться на этом, и на данном этапе вам нужно только одобрение концепции.
Не забудьте также прислать подробное описание своих концептуальных набросков.Расскажите о своих идеях и о том, почему вы решили работать с этими конкретными концепциями, формами, элементами и композициями.
6. Оцифруйте свой набросок
После того, как ваш клиент выберет тот, который ему больше всего нравится, пора перенести вашу концепцию в Illustrator!
Мы только что отправили вам бесплатную электронную книгу с логотипом.
В зависимости от того, какой эстетики вы хотите добиться, существует несколько различных способов создания логотипа в Illustrator: живая трассировка в Illustrator после рисования вручную на бумаге или в Photoshop или рисование с помощью инструмента «Перо» Illustrator.
Ни один из этих методов не лучше другого, но один из них лучше всего подходит для вашего текущего проекта.
Вариант 1. Отслеживание в реальном времени
Это более простая техника: сначала рисование от руки, а затем отслеживание его в режиме реального времени с помощью Illustrator.
Откройте свое любимое приложение для рисования (например, Photoshop) или подготовьте перо и чернила. Нарисуйте свой логотип как можно точнее. Используйте черный или темный цвет, чтобы сделать трассировку как можно более четкой. Помните, что это уже не эскиз, а настоящий логотип!
Использование этой техники придаст вашему логотипу ощущение ручной работы.Ваш логотип будет выглядеть немного неровным и органичным. Вернитесь к списку ключевых слов, чтобы решить, подойдет ли этот вид вашему проекту!
автор: MkyКогда вы будете довольны своим рисунком, откройте Illustrator и создайте новый документ CMYK. Импортируйте изображение, щелкнув «Файл»> «Поместить», или просто перетащите его на монтажную область.
Затем выберите изображение и щелкните Image Trace в верхней части экрана.
by MkyОткройте панель трассировки изображения и выберите в раскрывающемся меню вариант, который вам больше всего нравится.Параметр «Силуэты» обычно лучше всего отображает эскизы логотипов, но поэкспериментируйте и с другими вариантами!
by MkyИспользуйте ползунок порога, чтобы сделать изображение светлее (слева) или темнее и жирнее (справа).
by MkyКогда вы довольны результатом, выберите изображение и нажмите «Развернуть» на панели инструментов вверху экрана.
by MkyТеперь у вас есть все элементы вашего логотипа в виде отдельных векторных фигур. Не стесняйтесь перемещать элементы и перемещать их, пока не будете довольны результатом.
Вариант 2: Чертеж
Создайте новый документ CMYK и импортируйте изображение, щелкнув «Файл»> «Поместить» или просто перетащив его на монтажную область.
На панели «Слои» переименуйте слой, содержащий ваш набросок. Используйте ползунок непрозрачности, чтобы уменьшить непрозрачность изображения и заблокировать слой. Затем создайте новый слой поверх.
Выберите инструмент «Перо» и начните обводить эскиз.
by MkyИнструмент «Перо» работает немного иначе, чем обычное перо.Вместо того, чтобы рисовать, вы будете рисовать опорные точки с помощью маркеров, которые следуют направлению пути. Если вы не знакомы с инструментом «Перо», возможно, вы не знаете, где разместить точки привязки. Представьте прямоугольник вокруг буквы, которую вы обводите. Поместите точки привязки там, где буква будет касаться этого прямоугольника. Используйте как можно меньше точек — ровно столько, чтобы контролировать форму.
Если вы также отслеживаете надписи, постарайтесь, чтобы все ручки оставались вертикальными или горизонтальными, нажимая Shift при нанесении точек.Это даст вам больше контроля над вашими фигурами, если вам понадобится отредактировать их позже.
Теперь давайте посмотрим на разницу между нарисованным логотипом (слева) и логотипом, нарисованным с помощью инструмента «Перо» (справа):
by MkyХотя мне нравятся мягкие края слева, я предпочитаю более точные буквы справа. Итак, давайте посмотрим, как улучшить второе изображение: конус и надпись. Для этого нет никакого способа, поэтому доверьтесь своим инстинктам и повеселитесь.
Небольшой трюк, который мне нравится использовать, — это растянуть все (Object> Expand) и добавить к нему немного размытия (Effect> Blur> Gaussian Blur), обычно с максимальным радиусом 4px).Когда будете готовы, разверните его снова, нажмите «Трассировка изображения», выберите параметр «Силуэты» и настройте пороговый уровень.
by MkyОбратите внимание, насколько мягкими стали края? Это делает логотип более удобным и органичным!
7. Добавьте текст
Теперь, когда у вас есть логотип именно таким, каким вы хотите его видеть, пора добавить слоган, если он у вас есть. Нет подходящего места для размещения слогана, но, возможно, проще всего добавить его под логотипом с чистым шрифтом, соответствующим стилю.
В нашем примере мы разместим его над логотипом на изогнутой дорожке, чтобы закрыть композицию и сделать ее похожей на значок.
Начните с создания линии или формы, которая укажет путь для слогана. Затем щелкните инструмент «Текст на контуре» и щелкните саму линию. Тогда начните печатать! Выровняйте текст по центру и разверните его по размеру.
by MkyПри выборе шрифта найдите тот, который подходит и дополняет вашу иллюстрацию, и убедитесь, что они не будут конкурировать друг с другом.Ваш образ должен казаться гармоничным. Не упустите возможность попробовать шрифты с засечками, без засечек или скриптовые шрифты, а также последние тенденции в области шрифтов.
Если ваш проект по разработке логотипа представляет собой словесный знак, тип дизайна логотипа, который содержит только название бренда, вам нужно будет выразить ценности и эстетику бренда только с использованием типографики. В этом случае будьте особенно осторожны с выбором шрифта, потому что сами символы несут в себе много смысла и индивидуальности. Обратите внимание и поиграйте с контрастом, интервалом и весом.Комбинируйте несколько форм букв, добавьте тонкое значение некоторым буквам или добавьте какой-либо контейнер или разделитель. Измените буквы, удалив или добавив к ним, или даже создайте свой новый набор букв.
by MkyОбратите внимание на то, что каждая их версия имеет разное настроение и выражает разные эмоции? Работая со словесными знаками, ищите супер выразительные формы букв с эстетикой, которая очень тесно связана с тем, что делает бренд.
8. Добавьте цвет
Когда вы начинаете добавлять цвета, убедитесь, что цвета, которые вы используете, соответствуют бренду.Начните с изучения цветов логотипа, теории цвета и цветовых тенденций, а затем выберите сочетания цветов, которые дополняют друг друга. Хорошие цвета логотипа должны выделяться, но они не всегда должны быть чрезмерно насыщенными. Вы можете добиться отличного контраста, используя только пастель.
Так как же именно добавить цвета к своему логотипу?
Сначала выберите элементы, которым нужен цвет. Затем щелкните инструмент «Построитель фигур» и наведите указатель мыши на области, требующие цвета. Если это замкнутый контур, который может превратиться в фигуру, вы увидите светло-серый цвет заливки.
by MkyСоздав каждую форму, можно начинать играть с цветами! Начните с группировки всех элементов одного цвета. Это облегчит вам изменение цвета позже. Затем выберите все элементы, которые вы хотите изменить, щелкните функцию «Перекрасить обложку» на панели инструментов и начните настраивать значения цвета.
by MkyВ нашем примере клиент специально упомянул, что хотел бы использовать лаванду и мяту…
by Mky… так что я создал великолепную пастельную палитру, основанную на этом направлении.
9. Покажите свой логотип
Когда ваш логотип будет выглядеть идеально, подготовьте красивую презентацию для вашего клиента. Убедитесь, что вы показываете каждую итерацию логотипа, включая разные цветовые версии. Помните, что каждую версию логотипа, показанную в презентации, вы должны предоставить клиенту!
by MkyНе нужно сходить с ума с презентацией и использовать массу модных мокапов и эффектов. Сделайте это простым, чистым и понятным.
10. Экспорт окончательных файлов
Недостаточно иметь отличный дизайн логотипа.Вам также понадобятся подходящие файлы для использования логотипа на нескольких носителях. Поэтому убедитесь, что вы отправляете своему клиенту все файлы, которые могут ему понадобиться. Обычно это горизонтальная и вертикальная версии, а также полноцветная, черно-белая, только черная и только белая версии каждой из них.
Для каждой итерации логотипа вам нужно экспортировать эти 7 файлов:
- Файл Illustrator в цветовых профилях CMYK и RGB Файл
- EPS в цветовых профилях CMYK и RGB
- Файл SVG в цветовом профиле RGB
- Файл PNG (с прозрачным фоном) в цветовом профиле RGB
- Файл JPG в цветовом профиле RGB
Чтобы изменить цветовой профиль (CMYK для печати и RGB для Интернета), щелкните «Файл»> «Цветовой режим документа» и выберите нужный профиль.Наличие версий CMYK и RGB важно для печати и цифрового использования.
Организуйте файлы, дав им правильные имена. Используйте имена файлов, которые объясняют содержимое каждого файла, например «Kindred_FullColor_CMYK.eps».
Вы готовы создать логотип в Illustrator!
–
Каким бы сложным ни казалось погружение в процесс разработки логотипа, если вы знаете, какие шаги нужно предпринять, это превращается в увлекательный процесс! После нескольких завершенных проектов вы разработаете свой собственный уникальный рабочий процесс для создания логотипа в Illustrator, который упростит вам задачу.Просто не забывайте быть смелым, смело пробуйте новое, выходите из своей зоны комфорта и, самое главное, получайте удовольствие!
Хотите узнать больше о дизайне логотипов? Ознакомьтесь с нашей статьей о том, как создать логотип.
Хотите, чтобы профессиональный дизайнер разработал для вас логотип?
Работайте с нашими талантливыми дизайнерами, чтобы это произошло.
Как рисовать логотипы | Turbologo
Большинство предпринимателей начинают задумываться о нанесении логотипа, увидев идентичность других.Есть две вещи, которые мешают им это сделать. Во-первых, они не умеют легко рисовать логотип. И это то, о чем мы расскажем вам сегодня. И второе — это неуверенность и вера в то, что без продвинутых навыков рисования невозможно получить крутой логотип.
Создайте свой собственный логотип с помощью программы создания логотипов Turbologo. Это занимает менее 5 минут и не требует навыков проектирования.
Перейти в Logo MakerЗачем вообще рисовать логотип, если ты плохой на него? Что ж, на самом деле это очень важно.Нет никого лучше тебя в понимании своего дела. Мнение нанятого художника или дизайнера оказывается поверхностным. Все производители для них — лишь работодатели, и все дизайнеры для вас всего лишь сотрудники. Наемный художник наверняка нарисует свое личный взгляд на ваш бизнес. И вы наверняка знаете особенности своего бизнеса лучше.
Именно поэтому рисование логотипа самому стоит времени и усилий, даже если у вас нет навыков рисования. В конце концов, использование вашего дизайна не обязательно.Его можно использовать как основу для дальнейшего профессионального проектирования. Вы также можете прибегнуть к помощи онлайн-разработчиков и выбрать какой-нибудь шаблон, который уже разработан. Это самый простой способ получить логотип мечты!
Пошаговое рисование логотипа
Не спешите к доске для рисования, просто еще! Сначала вам нужны мысли и идеи. Вы должны определить основные цвета, надписи и само изображение. Надпись и текст — самые простые вещи чтобы получить Это на самом деле название вашей компании. Если у вас возникли проблемы с именованием, мы Предлагаем вам прочитать нашу статью о том, как сделать аббревиатуру логотипа.Вы также можете найти тонны полезного относительно выбора цвета логотипа и их значения. Изображение конечно, должно быть связано с вашим бизнесом. А вот и бонусная идея для ты! Попытайтесь объединить начальную букву наименования и изображение, сделав их единым целым пункт.
Итак, вы определили основной элементы. Может быть, пришло время рисовать? Пока нет. Ни дизайнера, ни художник рисует лишенный вдохновения! И именно вдохновение позволяет чтобы передать эмоции покупателям. Логотипы, лишенные эмоций, часто называют пустой, унылый и бездушный.Вы хотели бы создать что-то подобное и вы готовы продолжать поиск вдохновения.
Как найти энтузиазм?
Итак, что нужно сделать в первую очередь, чтобы получить вдохновение? Что ж, для начала вам нужно создать мудборд. Это доска, на которой собрано все, что вызывает в памяти какие-то воспоминания и эмоции. И ни в коем случае не размещайте там логотипы, иначе вы будете обречены использовать те же идеи. Вам понадобится что-то совсем другое. Это могут быть значимые фотографии или предметы, связанные с вашим первым делом.Это может быть фотография покупателя, держащего один из ваших товаров, или другие изображения, характеризующие ваш бизнес. Бешеный порыв, рациональный подход или радостные эмоции? Тебе решать!
И теперь, когда вы определили стиль, суть и некоторые определяющие черты, можете переходить к рисованию. Следуйте за своими ассоциации на этот раз. Если ваша компания производит действительно прочные винты, которые способны пробить любой материал, обязательно отразите это на своем рисунке. Если у вас частный детский сад. Почему бы не нарисовать скворечник или гнездо с милые птенцы? Если вы производите сок, не рисуйте еще одно яблоко или апельсин.Недостаточно выделить вас среди тысяч конкурентов. Думайте глубже. Может, стоит поиграться с неймингом и придумать уникальный описание? Используйте обычные элементы, такие как соломинки или капли, чтобы создать что-то новое.
Обработка нарисованного логотипа
Нанесение вашего логотипа — это даже близко не к результату. Вы должны нарисовать как минимум 10 его вариаций. А дальше дело в композиции. Постарайтесь объединить текст и изображение в своем логотипе. Возможно, вам также стоит добавить несколько новых деталей.Например, вы можете добавить фигуру на заднем плане. Может быть, вам стоит сформировать все это в восьмиугольник или просто расположить все элементы по кругу.
Дальнейшая обработка требует оцифрованного изображения. Карандашный рисунок — это всего лишь набросок. Ты можешь использовать какое-нибудь стандартное программное обеспечение, такое как Paint или Word, для обработки эскиза. Однако если вам нужно нечто большее, чем простая обработка, вам нужно продвинутое программное обеспечение. И графический планшет обязательно придет пригодится конечно.
Вы не должны использовать растровое программное обеспечение, такое как Photoshop, при доработке вашего логотипа.Вам понадобится его векторное изображение, чтобы получить качественный отпечаток. Illustrator или Coral Draw — лучшая программа в этой области. Конечно, без дизайнерских навыков сделать такой логотип за один день невозможно. Будьте готовы либо потратить много времени, либо просто воспользоваться онлайн-конструктором.
Я продуктовый и графический дизайнер с 10-летним стажем. Пишем о брендинге, создании логотипов и бизнесе.
Эскизы логотипов известных брендов и способы их создания
Вы когда-нибудь задумывались, какие грубые наброски логотипов лежат в основе известных брендов? Вы можете быть удивлены, как появились эти культовые логотипы.
Скетчинг — это место, где наука — а это все, чему мы научились в ходе разработки стратегии бренда — встречается с искусством. На этом этапе мысли и чувства обретают форму.
Создание эскизов — это интуитивное исследование концептуальных проектных решений.
Некоторые дизайнеры используют салфетку для рисования, некоторые используют альбом для рисования, а третьи начинают сразу же за компьютером.
В процессе разработки я набрасываю идеи своего логотипа вручную — с помощью карандашей, ручек, фарфоровых маркеров или кистей и часто корректирующей жидкости, линейок и циркулей.
Рисование логотипов на бумаге или кальке — это лучший способ для меня, как и для многих успешных дизайнеров.
В конечном итоге все дело в идее, верно?
Лучшие эскизы логотипов:
- I Love NY
- Chase Bank
- Citi Bank
- Exxon
- Virgin
- Mobil
- WWF
- Nike
1. I Love NY
Логотип The I love NY был разработан в 1977 году известным американским дизайнером Милтоном Глейзером.
Милтон Глейзер придумал логотип «Я люблю Нью-Йорк», нарисовав его в такси.
Сердце помещено там, чтобы обозначить слово «любовь».
Я люблю Нью-Йорк — набросок логотипа.Зачем Нью-Йорку понадобился логотип?
В начале 1970-х годов Нью-Йорк был на грани банкротства, дела шли неважно, городу нужны были деньги, и отличный способ заработать деньги — это реклама туризма.
Рекламная компания придумала слоган «Я люблю Нью-Йорк», на котором позже они построили целую рекламную кампанию.
Затем был нанят Милтон Глейзер, и он придумал логотип, который будет использоваться в кампании, — объясняет он в интервью.
2. Chase Bank
Логотип Chase был разработан в 1961 году культовым американским дизайнером Томом Гейсмаром.
Том Гейсмар задался целью создать смелую абстрактную восьмиугольную форму.
Логотип Chase bank олицетворяет движение и активность.
Chase Bank — эскиз логотипа.Зачем Чейзу понадобился логотип?
Логотип был создан в результате слияния Chase National Bank и Bank of the Manhattan Company в Chase Manhattan Bank.
В то время несколько американских корпораций использовали абстрактные символы для своей идентификации.
Считающийся радикальным в этом контексте символ Chase пережил ряд последующих слияний и стал одним из самых узнаваемых товарных знаков в мире.
«Изначально не всем в банке нравился новый логотип, но через несколько месяцев начальство, которое когда-то скептически относилось к нему, стало носить его на галстуках и запонках. «
Саид, Том Гесимар, в своем интервью.
3.Citi Bank
Логотип Citi Bank был разработан Полой Шер из Pentagram и стоил 1,5 миллиона долларов
Эскиз логотипа Citi Bank был сделан Полой Шер за 5 минут на салфетке.
Зонтик в логотипе Ситибанка предназначен для защиты клиентов от финансовых потрясений.
Сити Банк — эскиз логотипа.В 1998 году Citigroup объединился с потребительским подразделением, известным как Citibank, и потребовался новый логотип.
Прежде чем Паула Шер и команда Pentagram смогли приступить к разработке логотипа, они встретились с руководством Ситибанка, чтобы обсудить свои проблемы и то, что они надеются получить от взаимодействия.
Слушая, Паула начала лениво рисовать на салфетке. Через 5 минут она сказала: «Вот ваш логотип» — и все.
У Ситибанка была суть того, что должно было стать их новым брендом. Менее чем за 5 минут, но все еще за 1,5 миллиона долларов.
Сейчас 1,5 миллиона долларов на логотип могут показаться большими деньгами, но на самом деле для такой большой компании, как Citi, стоимость логотипа оправдывает затраты.
Узнайте больше о логотипе на салфетке стоимостью 1,5 млн долларов.
4. Exxon
Логотип Exxon и название были разработаны Раймондом Лоуи.
Лоуи сделал семьдесят шесть набросков карандашом, сделав акцент на двойном «x».
Два x подсознательно напомнили «s» в Esso и, таким образом, помогли облегчить переход от старого названия к новому ».
Exxon — эскиз логотипа.На листе показаны испытания и отклонения, когда Лоуи создал новый логотип для Standard Oil Company.
Из восемнадцати дизайнерских идей, представленных на странице, Леви отметил свой окончательный выбор «хорошо».
Дата показывает 1966 год, но официально название Exxon не менялось до 1972 года.
Узнайте полную историю логотипов на веб-сайте ExxonMobile.
Лоуи также разработал логотип Shell 1971 года, который используется до сих пор.
5. Virgin
Легенда гласит, что Ричард Брэнсон пригласил молодого дизайнера в свой плавучий дом, чтобы обсудить варианты дизайна логотипа и в какой-то момент во время обсуждения:
Дизайнер нарисовал ставшую теперь знаковой подпись на бумажной салфетке во время открытия фаза.
Ричарду Брэнсону он понравился за его простоту, привлекательность и энергию.С небольшими изменениями, внесенными в течение многих лет, логотип сохранился до сих пор.
Virgin — эскиз логотипа.Этот рукописный логотип, вдохновленный панком, используется до сих пор и представляет захватывающий, постоянно разрушающий мир Virgin и украшает все, от самолетов и поездов до клубов здоровья и банков.
Я всегда говорю о «каракули на салфетке» своим новым клиентам, чтобы объяснить, как может происходить творческий процесс мозгового штурма.
Такая грубая вещь, как несколько слов, нацарапанных на салфетке, может привести к очень великим вещам.
Узнайте больше о логотипе Virgin.
6. Mobil
В середине 1960-х архитектор Элиот Нойес разработал концепцию современной заправочной станции, а Chermayeff & Geismar разработали новый логотип и фирменный стиль для Mobil Oil Corporation.
Логотип Mobil был нарисован Томом Гейсмаром в 1964 году с целью создать чистый и современный стиль.
Компания Mobil провела комплексную программу проектирования, изначально сосредоточив внимание на разработке радикально более чистых, современных и привлекательных станций обслуживания.
Mobil — эскиз логотипа.Красная буква «о» подчеркивает концепцию дизайна, заключающуюся в использовании круглых навесов, насосов и элементов дисплея для создания отличительного и привлекательного внешнего вида.
Он также помогал людям правильно произносить имя (Mo-bil, а не Mo-bile).
И, наконец, добавить один запоминающийся и отличительный элемент к этому очень простому стилю букв.
Логотип был разработан Томом Гейсмаром.
7. WWF
Когда основатели WWF осознали необходимость сильного, узнаваемого символа, они пришли к выводу, что большое пушистое животное станет отличным логотипом.
Британский художник Джеральд Уоттерсон сыграл ключевую роль в создании оригинального логотипа панды, создав первоначальные эскизы.
Вдохновение пришло от Чи-Чи: гигантской панды, которая прибыла в Лондонский зоопарк в 1961 году.
WWF — набросок логотипа.Фирмой, ответственной за текущую работу над логотипом, был офис Landor в Сан-Франциско.
«Мы рассмотрели дюжину способов добавить детали к глазам, прежде чем осознали очевидное — сплошные черные формы были наиболее привлекательными и открытыми для интерпретации.- сказал Джерри Кайпер, директор по дизайну.
Логотип WWF в виде панды с тех пор стал символом движения за сохранение природы в целом и не менялся с 1986 года.
Также проверьте мою другую статью, где я рассказываю о лучших логотипах некоммерческих организаций.
8. Nike
Фил Найт (основатель Nike) знал, что Дэвидсон ищет дополнительных средств, поэтому он попросил Дэвидсона помочь ему с изображением, которое можно было бы разместить на боковой стороне обуви.
Кэролайн Дэвидсон придумала Nike Swoosh — плавную форму галочки, обозначающую движение и скорость.
Логотип Nike был разработан студенткой дизайна Кэролайн Дэвидсон в 1971 году на общую сумму 35
долларов Nike — эскиз логотипа.Изображение также напоминает крыло и намекает на торговую марку Nike, названную в честь греческой богини победы.
Найт изначально говорил, что ему не нравится логотип, но он «вырастет в нем» и с тех пор стал одним из самых известных брендов спортивной обуви и экипировки всех времен.
Дэвидсон утверждает, что она не знает, как долго она работала над Nike Swoosh, но что она взяла с Найта только 17 долларов.5 часов работы — в итоге зарплата составила 35 долларов.
Узнайте больше о логотипе Nike за 35 долларов.
Как рисовать логотипы
Это вопрос личного выбора, но я считаю, что рисование эскизов вручную дает дизайнеру возможность непосредственного художественного выражения.
Рисование карандашом на бумаге дает вам непосредственного художественного выражения.
Это идеальное интуитивное продолжение творческих порывов. Вот почему я и многие известные дизайнеры логотипов начинаем каждый проект с рисования от руки.
Эскизы логотипов.На этом этапе создания логотипа я ищу наиболее прямую связь между идеей и созданием формы.
На ранней стадии концептуального проектирования заранее запрограммированные функции компьютера часто просто мешают.
Время для размышлений
Создание эскизов логотипов может занять много времени, и по этой причине перерывы так же важны, как исследования и краткое описание дизайна.
Когда вы делаете перерыв и отдыхаете, ваши идеи созревают и развиваются в вашей голове.
Очень легко застрять и устать от проекта, поэтому дизайнеры логотипов делают перерывы.
Отражение после наброска.Когда вы вернетесь к своему проекту, вы снова почувствуете энтузиазм, понимание и возможности.
Вы, наверное, слышали о том, что обычно лучшие идеи приходят в самые неожиданные моменты.
Пока ваше сознание занято другими задачами (например, вождение автомобиля или даже принятие душа), вы в бессознательном состоянии придумываете необычные идеи — эврика!
Выбор концепций логотипа
Я сужу свои первоначальные идеи по трем основным критериям успешного дизайна логотипа:
- Соответствующий — хорошо подходит для клиента и его бизнеса
- Отличительный — выделяется, но легко распознается и запоминается
- Гибкость — работает в разных размерах и в разных контекстах
Например, логотип некоммерческой организации должен отличаться от логотипа банка.
Дизайн должен быть запоминающимся, чтобы его можно было нарисовать после того, как его увидели всего несколько раз.
Окончательная доработка проектов
Черновые проекты затем сканируются и переводятся в цифровые изображения.
Этот процесс включает в себя множество настроек вручную.
Затем я распечатываю рисунки, обрисовываю их, переделываю вручную, снова сканирую и так далее.
В результате концепция логотипа очень быстро улучшается и укрепляется.
В итоге я выбираю перспективные направления, по которым буду двигаться дальше.
Помните, что логотип должен быть очень простым, а вот его разработка — нет.
Все дело в идее, но даже если у вас есть величайшая идея, вы должны знать, как ее хорошо реализовать.
За каждой отличной концепцией дизайна логотипа стоит масса набросков, мозговых штурмов и исправлений, чтобы добраться до этой замечательной концепции.
Если вы вспомните только одну вещь из этой статьи, я хочу помнить, что лучший способ набросать идеи вашего логотипа — это начать с ручки на бумаге — и вы никогда не должны идти прямо за компьютером.
После того, как у вас будет четкое представление о том, что вы хотите выполнить в цифровом виде, тогда и только тогда вы можете открыть иллюстратор и начать изучать этот конкретный эскиз логотипа в цифровом виде.
Также проверьте мой процесс разработки логотипа, где я более подробно описываю другие этапы (помимо набросков).
Вы были удивлены, увидев эти грубые наброски известных логотипов?
Как вы набросаете идеи логотипа?
Поделитесь этой статьей в социальных сетях и оставьте комментарий ниже.
Узнайте, как создать векторный логотип в Sketch 3
Академический директор Aquent Gymnasium Джереми Осборн любезно разрешил нам перепечатать его статью, ранее опубликованную на Medium.Мы надеемся, что вам понравится и вы пройдете его уроки Sketch, когда он появится в сети!
В ожидании моего бесплатного курса Sketch в Aquent Gymnasium (который будет выпущен в 2015 году) я выпускаю это руководство о том, как создать логотип от начала до конца. Это, вероятно, займет у вас от 20 до 30 минут, в зависимости от вашего предыдущего опыта работы в Sketch и / или других творческих приложениях. Чтобы продолжить, загрузите файл изображения здесь. В моем предстоящем курсе основное внимание будет уделено возможностям UX и пользовательского интерфейса Sketch, тогда как в этом руководстве рассматриваются некоторые основы создания оригинальных изображений в Sketch.
Я настоятельно рекомендую использовать последнюю версию Sketch, которая на момент написания этой статьи — 3.2. Если у вас более ранние версии, вероятно, он будет работать нормально, но в пользовательском интерфейсе могут быть некоторые отличия.
Готово, готово, поехали!
Импорт графики
(Отсканированный логотип, который вы будете обводить с помощью векторных инструментов в Sketch) Сильная сторонаSketch — векторная графика, но вы также можете импортировать и редактировать растровые изображения. Например, вот нарисованный от руки набросок, который был отсканирован и преобразован в файл PNG, который вы будете импортировать для обучения.Трассировка нарисованных от руки эскизов для получения чистых векторных изображений в Sketch довольно распространена и проста в выполнении. Опять же, если вы хотите выполнить это упражнение, вы можете скачать изображение здесь. Этот рисунок называется «vectorflo-handrawn.png».
- Запустите Sketch, появится пустой документ. Выберите «Файл »> «Сохранить », назовите этот файл vectorflo-logo и нажмите «ОК».
- Выберите «« Вставка »>« Изображение », найдите файл vectorflo-handrawn.png и нажмите« ОК ».Графика появится на вашем холсте. Давайте кратко рассмотрим рабочее пространство. В Sketch ваша панель инструментов находится вверху, список слоев — слева, холст — в центре, а инспектор — справа.
- В Инспекторе щелкните поле «Ширина», а затем нажмите стрелку вниз на клавиатуре. Это уменьшает размер логотипа на один пиксель за раз. Если вы хотите ускорить процесс, нажмите и удерживайте клавишу Shift , и теперь он будет масштабироваться вниз на 10 пикселей за раз.(Вы также можете масштабировать изображение вручную, щелкнув любой угол и перетащив его в центр.) Попрактикуйтесь с этим и уменьшите ширину изображения до 1000 пикселей.
Этот трюк с использованием стрелок вверх и вниз работает в * любом * поле в Sketch. Давайте попробуем с непрозрачностью.
- Щелкните внутри поля «Непрозрачность» и нажмите Shift, + стрелку вниз, пока не достигнете 50% . Затухание этого изображения создает виртуальную «кальку», которая позволит вам легко накладывать векторные фигуры поверх.
- Найдите меню «Упорядочить» вверху экрана и выберите «Заблокировать слой». Это предотвращает случайное перемещение или выбор изображения. Если вам когда-нибудь понадобится разблокировать его, щелкните значок замка в списке слоев (или вы можете щелкнуть фигуру правой кнопкой мыши и выбрать Unlock Layer из контекстного меню).
Добавление векторных фигур
Векторные иллюстрации и формы основаны на контурах , которые представляют собой математически определенные точки, линии и кривые, используемые для построения всего, что вы можете себе представить: элементы пользовательского интерфейса, иллюстрации и многое другое.По этой причине векторные изображения можно масштабировать без потери качества, сохраняя при этом очень маленький размер файла, что является довольно выигрышной комбинацией!
Один из способов создать путь — нарисовать его вручную. В Sketch основными инструментами для этого являются инструмент «Карандаш» и инструмент «Вектор» (который в других программах обычно называется «Перо»). Инструмент «Вектор» используется чаще всего, но с ним немного сложно справиться, и я не собираюсь описывать его здесь, главным образом потому, что он не подходит для этого проекта. Однако, если вам интересно, вот отличный урок о том, как использовать инструмент Vector в Sketch.
Чтобы создать этот логотип, вы собираетесь использовать комбинацию составных контуров и функции создания сетки. В частности, вы создадите несколько кругов, а затем объедините их в сложную форму, которую будет сложно нарисовать вручную.
Первый шаг — нарисовать круг, который соответствует кругу в верхнем левом углу нарисованного вручную логотипа. Нажмите кнопку «Вставить» в верхнем левом углу приложения, и появится всплывающее меню. Выберите категорию «Форма», а затем выберите «Овал».Теперь Sketch знает, что вы хотите создать какой-нибудь векторный овал!
- Поместите курсор в середину верхнего левого круга, а затем нажмите и удерживайте клавишу Option (при этом круг будет нарисован из центра), теперь медленно перетащите вверх и влево. Обратите внимание, что по умолчанию * не * создается идеальный круг, поэтому вытяните пальцы и одновременно нажмите и удерживайте клавишу Shift . Это ограничивает пропорции круга идеальным кругом.Продолжайте перетаскивать, пока внешняя граница не выйдет немного за пределы оригинала, у вас будет возможность изменить ее размер позже, поэтому не беспокойтесь о том, чтобы получилось идеально.
- В Инспекторе найдите параметры для заливок и границ, и если флажок для границы установлен, нажмите на него, чтобы отменить выбор. Вы будете работать с рамкой позже.
- Нажмите на образец цвета в разделе «Заливки» и выберите оттенок красного, чтобы не выжигать глаза.Этот цвет * не * будет последним цветом вашего произведения искусства, поэтому не тратьте слишком много времени на его выбор.
- Найдите ползунок «Непрозрачность» (над разделом «Заливки») и перетащите ползунок на 50%. Прозрачность вашего круга уменьшается вдвое, и теперь вы можете легко видеть нарисованные от руки изображения.
- Теперь измените размер и положение круга, если необходимо. Цель состоит в том, чтобы убедиться, что векторный круг полностью покрывает нарисованный от руки.
- Теперь вы дублируете этот круг несколько раз (3 в верхнем ряду и 3 в нижнем ряду).Для этого убедитесь, что круг выделен, а затем выберите « Arrange»> «Make Grid ». Введите 2 для строк и 3 для столбцов и измените поля для обоих на 0px . Это гарантирует, что каждый круг будет на одном уровне с другим. Нажмите OK, и теперь у вас есть 6 идеально выровненных кругов в двух рядах и трех столбцах!
Круги не обязательно будут совпадать с оригинальным нарисованным вручную логотипом, но это ожидается.Вы переходите от нечеткого наброска логотипа к геометрически точному.
Функция «Создать сетку», которую я вам только что показал, удивительно полезна, так много раз, когда вам нужно быстро дублировать и повторять объекты в структуре сетки. В главе 2 моего предстоящего курса я покажу вам, как использовать Make Grid для целых артбордов, что значительно упрощает создание нескольких экранов для прототипов.
Группировка и переименование объектов
Прежде чем вы начнете создавать логотип, вы должны сначала немного поработать, сгруппировав и переименовав слои.Если вы посмотрите на свой список слоев, вы увидите, что 6 кругов имеют имена и номера по умолчанию. Sketch не всегда называет их логично, поэтому вам, возможно, придется немного поработать. Назовем первый созданный вами круг «Овал 1», второй круг в верхнем ряду «Овал 2» и так далее.
Как оказалось, Овал 1 уже правильно назван, поэтому в Списке слоев дважды щелкните второй слой и переименуйте его в «Овал 2». Нажмите клавишу Tab , и будет выбрано имя следующего слоя.Продолжайте переименовывать оставшиеся круги в числовом порядке. В конце концов, ваш список слоев должен выглядеть как мой.
- Выберите все круги, щелкнув и перетащив их. Вы увидите, что все шесть овалов в списке слоев загорятся. Заметили, что нарисованный от руки эскиз не был выбран? Это потому, что вы заблокировали его раньше! (Вы правильно заперли его?)
- Теперь перейдите в меню «Упорядочить» и выберите Группировать слои (вы также можете использовать сочетание клавиш Command + G ).Дважды щелкните имя папки и переименуйте группу Круги . Пока вы находитесь здесь, нажмите на стрелку слева от папки, чтобы открыть ее. Вам понадобится доступ к содержимому через мгновение.
- Чтобы облегчить визуализацию следующего шага, поместите курсор в крайнюю правую часть группы «Круги». Вы увидите маленький значок глаза, щелкните по нему, чтобы отключить видимость группы. Щелкните еще раз, чтобы он появился снова. Сделайте это несколько раз, чтобы понять отношение векторных кругов к эскизу.
Работа с составными путями
Составные контуры не являются уникальными для Sketch (в Adobe Illustrator эти команды находятся на панели «Обработка контуров»), и в математической схеме составные контуры называются логическими операциями. Основная идея состоит в том, что вы объединяете две или более формы, чтобы создать новую форму. Две наиболее распространенные операции: Union и Subtract, , но есть также Intersect и Difference, ни одну из которых вы не будете использовать в этом упражнении.
Составные пути — это простая концепция в принципе, но на практике они могут быть сложными, если вы забудете правила. Следует помнить о двух ключевых моментах:
.- Для работы составных путей необходимо перекрывающихся путей .
- Сначала необходимо выбрать все пути, которые вы пытаетесь объединить.
Давайте посмотрим на пример, не связанный с вашим проектом: здесь мы видим прямоугольник, перекрывающий круг. Когда я выбираю их обоих и нажимаю Union , я получаю эту новую форму.
Затем давайте посмотрим на операцию вычитания, которая вычитает один путь из другого, обратите особое внимание на порядок слоев в следующих примерах: Верхний слой всегда вычитается из нижнего слоя. Итак, в первом примере ниже прямоугольник является верхним слоем и перекрывает круг, когда две формы выбраны и я нажимаю «Вычесть», мы получаем результирующую форму:
Если круг является верхним слоем и перекрывает овал, нажатие кнопки «Вычесть» приводит к совсем другой форме:
Теперь, когда вы поняли основную идею, примените ее к своей работе.Здесь вы будете использовать комбинацию методов Union и Subtract.
- Чтобы сделать следующие шаги как можно более понятными, я бы хотел, чтобы вы отключили видимость овалов 2, 4 и 6. Вы снова включите их позже. Обратите внимание на промежутки между 3 кругами. Чтобы «заполнить» эти пробелы, вам нужно проявить немного творчества.
- Дважды щелкните нижний круг (овал 5), чтобы выбрать его. Нажмите и удерживайте клавишу Option , а затем перетащите дублированный круг вверх и влево, пока не увидите «привязку», которая происходит с помощью интеллектуальных направляющих.
(Нажмите клавишу параметров, чтобы продублировать круг, а затем перетащите его в нужное место.)
- Повторите последний шаг, но перетащите этот дубликат вверх и вправо, пока не увидите эффект привязки. Вы видите, к чему вы клоните? Вы собираетесь выбрать эти 5 кругов, а затем объединить их с помощью Union, чтобы создать новую форму.
() Если вам интересно, почему на перекрывающихся контурах темно-красный цвет, это потому, что непрозрачность исходного круга была изменена на 50% ранее в руководстве, и вы видите смешение прозрачных цветов.) - Чтобы выбрать все 5 кругов, нажмите и удерживайте клавишу Shift , а затем щелкните каждый из них (не имеет значения, в каком порядке). (Если у вас возникли проблемы с выбором, вероятно, выбрана группа Круги, вам нужно будет выбрать любой из кругов в этой группе, а затем продолжить.) Вы можете дважды проверить, что все 5 выбраны, просмотрев список слоев . Теперь нажмите кнопку Union , и все 5 кругов объединятся в новую форму.
Следующая часть — самая сложная часть всей процедуры, поэтому действуйте осторожно.Теперь вы собираетесь использовать исходные круги (2, 4 и 6 соответственно), чтобы вычесть пути из вашей основной формы, которые вам не нужны.
- Начните с нажатия на глаз на верхнем слое (Овал 2), чтобы открыть его. Затем дважды щелкните Овал 2 на холсте, чтобы выделить его. Теперь Shift + щелкните эталонную форму на холсте, а затем нажмите «Вычитание». Это вычитает перекрывающиеся пути ниже, и у нас остается форма, которую мы хотим.
- Теперь просто промойте и повторите. Включите слой для овала 4, сначала выберите его, затем выберите основную форму и затем нажмите «Вычитание», чтобы удалить путь ниже.
Остался только один, но будьте осторожны, вас ждет ловушка!
Если вы прямо сейчас выбрали овал 5 и 6 и вычли, результат может вас удивить. (Продолжайте и попробуйте, если хотите, просто не забудьте нажать Отменить)
Ловушка заключается в том, чтобы не забывать, что верхний слой всегда вычитается из нижнего.В настоящее время ваша основная фигура (Овал 5) является верхним слоем, поэтому вычитание ее из слоя ниже — не лучшая идея. Вам нужно переместить овал 6, чтобы он стал верхним слоем, и , затем вычтите.
- Выберите «Овал 6», затем выберите « Упорядочить»> «На передний план» . Вы также можете просто перетащить слой в списке слоев наверх, но иногда при этом возможны ошибки, поэтому придерживайтесь команды.
- Теперь выберите оба слоя снова и нажмите Subtract .Теперь у вас есть готовый векторный логотип. Ура! Обязательно сохраните документ, вы не хотите потерять всю эту тяжелую работу!
Важное различие между Illustrator и Sketch
В Sketch есть важное поведение, связанное с работой составных контуров. В Sketch все пути, которые вы объединяете, всегда доступны для изменения впоследствии. Это сильно отличается от Illustrator, где составные контуры по умолчанию «сглаживаются» в один контур. Независимо от того, использовали ли вы ранее Illustrator или нет, важно понимать, как работают составные контуры Sketch и почему это важно.
- В списке слоев вы заметите стрелку слева от овала 5. Щелкните по нему, чтобы развернуть, и вы увидите все созданные вами круги. Кроме того, справа вы увидите маленькие значки, указывающие, какой тип составного пути применяется. На самом деле это больше, чем просто значок, это меню. Если вы нажмете на любой из значков, он покажет вам различные варианты составного пути, и вы можете изменить их на лету. Не стесняйтесь поэкспериментировать с ними, но не вносите никаких постоянных изменений.
Эта функция означает, что векторные изображения в Sketch невероятно гибкие. Вы всегда можете вернуться к своим путям и переместить их, или изменить их формы или операции, которые вы использовали. Это побуждает к экспериментам и упрощает рекомбинацию элементов вашего произведения искусства. При этом способ сглаживания составных контуров в Illustrator может быть реализован в Sketch (и иногда это имеет смысл). Если вы хотите увидеть это в действии, попробуйте выбрать Oval 5, а затем выбрать Layer> Paths> Flatten .(Просто не забудьте потом отменить).
Добавление заливки к вашему логотипу
Пора придать стиль вашему логотипу. В следующих нескольких упражнениях вы будете использовать заливки, границы и эффекты. Начнем со стандартной заливки.
- Исходный набросок, нарисованный от руки, на данный момент немного отвлекает, поэтому отключите его, щелкнув замок в слое «нарисованный от руки», а затем щелкните значок глаза, чтобы скрыть его. (Или, как вариант, вы можете Ctrl + Click или Right + Click слой и выбрать Hide Layer .)
- Еще вам нужно восстановить непрозрачность логотипа до 100%. Дважды щелкните логотип, чтобы выбрать его, затем измените непрозрачность на 100%. Это гарантирует, что цвет, который вы собираетесь выбрать, будет в полной мере.
Затем выберите свой логотип и щелкните образец цвета, чтобы открыть панель «Заливки». Появится панель с 6 вариантами заливки вверху. Слева направо шесть вариантов заливки: плоский цвет , линейный градиент , радиальный градиент , угловой градиент , узорная заливка и, наконец, шумовая заливка .Пока вы собираетесь сосредоточиться только на плоском цвете и линейных градиентах.
- Вы можете выбрать цвет по своему вкусу или следовать моему примеру. Я выбрал определенный оттенок зеленого, для которого значение красного составляет 99 , значение зеленого — 197 , а значение синего — 115 . Вы можете найти и обновить эти значения RGB в нижней половине панели «Цвет». Также обратите внимание на четвертое значение A или alpha . Давайте уделим немного времени изучению альфа-цвета, он станет ценным инструментом в вашем цветовом арсенале.
- Введите 10 в качестве значения A и нажмите return. Ваш логотип станет очень тусклым, потому что вы только что установили непрозрачность цвета на 10%. Важно не путать непрозрачность альфа-цвета со значением непрозрачности объекта. Чтобы уточнить: ваш логотип на самом деле имеет непрозрачность 100%, это просто цвет заливки, который установлен на 10% с использованием альфа.
- Введите 100 в качестве значения для A, и это вернет его к чистому цвету. Теперь вы добавите еще одну заливку поверх этой, но это будет градиент с немного большей сложностью.
- Щелкните значок «+», расположенный в дальнем правом углу панели «Заливки», чтобы добавить еще одну заливку. По умолчанию эта новая заливка скрывает первую, пока вы не измените ее непрозрачность!
Щелкните параметр линейного градиента (второй значок слева), и на вашем логотипе появится инструмент градиента с двумя цветовыми ограничителями. Кроме того, появится градиент по умолчанию.
( Скорее всего, ваш градиент будет похож на мой, но я считаю, что Sketch «запоминает» последний параметр, использованный для градиентов, поэтому ваш может быть другим)
Стоит изучить свойства градиента в Sketch, поскольку это может быть не сразу очевидно.Мой логотип, например, сначала светится вверху, а затем становится темным, а зеленый цвет заливки все еще виден, почему это так? (Вот подсказка, это связано со значением альфа-цвета, которое мы только что рассмотрели.)
(Значения RGB установлены на черный, но значение 50 для A (альфа) создает 50% прозрачность, что приводит к появлению серого цвета.)Щелкните нижний кружок редактора градиента и затем посмотрите на значения RGBA . Все значения для R, G и B равны 0, которые теоретически отображаются черным цветом, но если значение A установлено на 50 (как у меня), оно отображается как 50% черный или средний серый цвет.
- Теперь выберите любой цвет в палитре цветов или, если вы хотите продолжить, следуя моему примеру, введите 86 для R, 104 для G и 180 для B . Это дает оттенок синего с непрозрачностью 50%.
- Теперь нажмите и перетащите белый ограничитель вверху инструмента градиента в верхний левый угол вашего логотипа. Если значение Alpha в настоящее время составляет 50 , оставьте его в покое, в противном случае введите 50 сейчас.
Вы можете видеть, что комбинация прозрачного градиента и сплошной заливки создает красивый сложный цвет всего с двумя слоями.Имейте в виду, что это всего лишь царапина на поверхности: нет ничего удивительного в том, что три или четыре цвета заливки взаимодействуют друг с другом для создания уникальных эффектов. Преимущество здесь в том, что вы можете экспериментировать с одной из заливок, не влияя на другую. Чтобы поэкспериментировать с этим, попробуйте изменить базовый цвет заливки или отрегулировать градиент.
(Если у вас немного больше опыта, в Sketch также есть режимы наложения для цветных заливок, или вы можете создавать более сложные градиенты с помощью редактора градиентов.)
Работа с границами и другими эффектами
Веб-дизайн в настоящий момент находится в «плоской» эпохе, и это отражено в наборе функций Sketch. Например, вы не найдете огромного количества стилей слоев, которые использовались и злоупотребляли в Photoshop в течение многих лет (скос, тиснение, расплавленное стекло и т. Д.). Вы найдете варианты стилей, которые в целом транслируются непосредственно в функции. найдены в CSS , такие как границы, тени и размытие. Давайте пока просто посмотрим на границы и тени.Ранее в этом руководстве я предлагал вам полностью удалить границу с вашего логотипа, давайте добавим ее снова, а затем поэкспериментируем с некоторыми параметрами.
- Установите флажок слева от образца цвета в разделе «Границы». Вы можете не увидеть заметных изменений, потому что толщина по умолчанию установлена на 1. В дополнение к толщине у вас также есть цвет и положение.
Щелкните внутри поля Толщина и нажмите стрелку вверх на клавиатуре, чтобы увеличить размер границы до 20. Этот размер границы немного сложен, но он поможет вам лучше понять эффекты границы.
- Щелкните образец цвета «Границы» и поэкспериментируйте с разными цветами. Однако не стоит слишком увлекаться; скоро вы добавите градиентную границу.
- На панели «Цвет» выберите параметр линейного градиента. Теперь вы измените цвет и направление этого градиента, чтобы создать интересный эффект, похожий на фаску (но, возможно, с немного большей изощренностью!).
- Щелкните верхний ограничитель цвета в инструменте градиента, а затем перетащите его к верхнему краю верхнего левого круга. Измените цвет на сине-зеленый оттенок; Я использовал шестнадцатеричный цвет 38968F.
Теперь нажмите на ограничитель цвета в нижней части инструмента градиента и измените цвет на более светлый синий. Я использовал 92BBD7. Я не перемещал этот нижний ограничитель цвета, но вы можете поэкспериментировать с вашей версией.
Вы можете создавать довольно сложные эффекты, используя предыдущие методы, но давайте посмотрим на еще один инструмент в вашем арсенале: тени.
- Щелкните значок «плюс» в разделе «Внутренние тени», чтобы добавить тень по умолчанию. Если вы когда-либо работали с теневыми эффектами в других программах, варианты здесь будут вам знакомы. Значения X и Y позволяют расположить тень по горизонтали и вертикали. Свойство Blur позволяет управлять степенью размытия, а свойство Spread определяет «спад» тени с большими числами, создающими большую тень. Я использовал следующие значения: X = 7 , Y = 23 , Blur = 4 и Spread = 2.
Не стесняйтесь настраивать любой из различных атрибутов логотипа по своему вкусу, но на этом вы остановитесь и добавите текст для логотипа. Вы почти на финише!
Добавление текста
Текстовые функции в Sketch не такие сложные, как в Photoshop и Illustrator, но их достаточно для наших нужд.
- Щелкните значок глаза на слое «нарисованный от руки», чтобы снова отобразить его.
- Выберите Вставка> Текст , а затем щелкните один раз в начале нарисованного слова «vectorflo», и появится курсор вставки текста.
- Щелкните меню «Гарнитура» и, если у вас Helvetica Neue , выберите его. Если у вас нет Helvetica или Helvetica Neue, выберите Arial в крайнем случае, но никогда не используйте Arial для настоящих логотипов!
- Кроме того, если у вас есть Helvetica Neue, щелкните меню «Вес» и выберите Ultra Light , если доступно.
- Теперь введите слово vectorflo и установите размер шрифта 150.
Вы хотите, чтобы текст располагался по центру под логотипом, но не пытайтесь оставаться верным его набросанной версии. Щелкните и перетащите текстовый слой, пока не увидите, что появятся быстрые направляющие, указывающие на то, что он действительно отцентрован.
- Теперь, когда текст готов, нарисованный от руки слой официально отвлекает. Щелкните значок глаза, чтобы выключить его. Нет необходимости удалять слой, если вы не хотите немного уменьшить размер файла.
- В профессиональных логотипах редко бывает текст, не измененный каким-либо образом.Например (увеличьте масштаб, если вам нужно) посмотрите на пространство между буквой «r» и «f». Буквы соприкасаются, и это пространство можно немного приоткрыть. Изменение расстояния между отдельными символами называется кернингом, хотя Sketch предпочитает называть это межсимвольным интервалом.
- Выберите буквы r и f , а затем наведите курсор на слово «Символ» в разделе «Интервал». Когда вы видите, что ваш курсор изменился на двойную стрелку, это означает, что теперь вы можете щелкнуть и перетащить влево или вправо, чтобы изменить интервал.Поскольку вы хотите расширить пространство, вы должны перетащить вправо, пока значение не достигнет примерно 8 или любого другого значения, которое вы предпочитаете.
Обратите внимание, что в моем примере расстояние меняется не только между r и f , но и r , f и l. Если вы хотите отрегулировать только расстояние между r и f , выберите только r. (Спасибо @andreiandrosoff за то, что указали мне на это.)
Отличная работа! Осталось только экспортировать.
Экспорт графики
Экспорт — еще одна сильная сторона Sketch. В современной веб-среде с ее множеством экранов с высоким разрешением и мобильных устройств возрастает потребность в экспорте изображений различных размеров, разрешений и форматов. Чтобы увидеть, как Sketch справляется с этим, вы теперь экспортируете свой логотип несколькими способами, включая как растровое, так и векторное.
- Выберите « Файл»> «Экспорт », и Sketch автоматически определит рамку вокруг вашего логотипа.Это поле технически называется срезом, и вы можете видеть, что значок среза появился в вашем списке слоев. Sketch использует имя вашего документа в качестве имени фрагмента по умолчанию.
Sketch автоматически определит границы среза, но вы можете настроить вручную, щелкнув и перетащив края среза или введя значения в поле «Размер». Например, я хотел, чтобы мои высота и ширина были равны, поэтому я ввел 620 для высоты и 620 для ширины. Затем я изменил положение среза, чтобы обеспечить равномерное распределение пространства со всех четырех сторон.
- На панели «Экспорт» вы заметите, что есть настройки для размера, суффикса и формата. Значение по умолчанию для размера — 1x, суффикс в настоящее время пуст, а формат — PNG.
A 1x Size просто означает, что ваша графика будет экспортирована в размере 100% (который в настоящее время составляет 620 пикселей на 620 пикселей). Поле Суффикс позволяет добавлять автоматическое имя файла и обычно используется только при создании нескольких экспортов. Формат — это просто тип файла. Sketch может экспортировать следующие форматы растровых изображений: PNG, JPG, TIFF, а для векторных: SVG, EPS и PDF.
- Щелкните значок (+) в правой части раздела «Экспорт», и появится еще одна строка настроек. Теперь размер 2x , суффикс @ 2x , а формат по-прежнему PNG. Если вы выберете этот параметр, ваша графика будет экспортирована с удвоенным текущим размером (1240 x 1240), а к имени файла будет добавлен суффикс «@ 2x», чтобы отличить его от базового изображения.
- Щелкните (+) еще раз. Sketch автоматически добавляет 3-кратное значение, но это можно изменить.Щелкните меню «Размер» и выберите из списка 0,5x и обратите внимание, что суффикс отражает это изменение. При выборе этого параметра изображение будет на 50% меньше оригинала, то есть 310 x 310 пикселей.
- Щелкните (+) еще раз, а затем щелкните меню «Формат» и измените его на SVG. Поскольку это собственный векторный формат, меню «Размер» теперь неактивно. Выберите значение @ 3X в поле Суффикс и удалите его.
- Нажмите кнопку «Экспорт» в самом низу Инспектора, и появится окно «Экспорт».Нажмите кнопку «Новая папка» в левом нижнем углу и назовите ее vectorflo-exports , а затем нажмите «Экспорт». Если вы перейдете в эту папку, вы увидите три файла, три из которых являются файлами PNG, а один — файлом SVG.
Поздравляем! Вы дошли до конца урока. Надеюсь, вы знаете больше о создании иллюстраций в Sketch, чем когда начинали. Если вам понравился этот урок, ознакомьтесь с бесплатными курсами по таким темам, как UX, адаптивный веб-дизайн и многое другое в Aquent Gymnasium.Надеюсь увидеть тебя там.
Дополнительные ресурсы
Я собирался сам придумать некоторые ресурсы по Sketch, но я просто хочу указать вам на превосходный список, который здесь собрал Джеймс Янг (@jydesign).