Как сделать логотип nike в illustrator
Добавил пользователь Morpheus Обновлено: 05.10.2024
Статьи по дизайну
Для многих дизайнеров Illustrator является программным обеспечением для разработки логотипов. Это стандартное программное обеспечение позволяет легко создавать потрясающие логотипы для любой отрасли, любого стиля и любого носителя, будь то печать, видео или цифровая печать. Что бы вы ни хотели придумать, вы должны знать, как создать логотип в Illustrator.
Логотип пивоваренного завода CBT
Великолепный дизайн логотипа Illustrator в вашем будущем. Итак, налейте себе напиток, и давайте посмотрим, что мы будем изучать.
1. Начните с творческого задания
2. Найдите ваши ключевые слова
3. Сделайте набросок ваших идей
4. Уточните свою работу
5. Получите отзывы клиентов
6. Оцифруйте свой эскиз
7. Добавить текст
8. Добавить цвет
9. Представьте свой логотип
10. Экспорт окончательных файлов
Как создать логотип в Illustrator
—
1. Начните с творческого резюме
Прежде чем вы даже откроете Illustrator, вам нужно иметь хорошо написанное резюме от вашего клиента. Без этого вы будете бродить в темноте, пытаясь угадать, чего хочет клиент.
Начните с вопросов. И помните, вы никогда не сможете спросить слишком много! Вот лишь несколько примеров, с которых можно начать:
- Чем занимается бизнес? На кого ориентирован бренд?
- Какова история компании? Имя имеет более глубокий смысл?
- Каковы ценности бренда?
- К каким типам дизайна и визуальных тенденций обращается ваш клиент?
Обязательно поддерживайте открытую связь с вашим клиентом. И не забывайте, что вы профессионал, и вы обязаны консультировать клиентов и указывать им правильное направление в отношении их дизайна.
2. Найдите ваши ключевые слова
Как только вы получите всю необходимую информацию от своего клиента, вы можете превратить их в работающий логотип!
Начните с составления списка всех релевантных ключевых слов для проекта. Запишите каждое слово, которое приходит на ум, когда вы думаете о бренде, и не беспокойтесь о том, чтобы придать смысл или создать что-то красивое. В любом случае, вы никогда не покажете это никому!
Мки
3. Сделайте набросок ваших идей
Теперь используйте ваши ключевые слова для вдохновения и начните рисовать. Имейте в виду запросы вашего клиента, но не бойтесь немного сходить с рельсов и пробуйте что-то другое, если чувствуете, что у вас есть для этого веская причина.
Mky
Когда вы чувствуете, что исчерпали все идеи, поместите Отложите бумагу в сторону и оставьте до следующего дня. Иногда вам нужно сделать шаг назад и увидеть свои эскизы свежим взглядом. Вы можете поймать ошибки, которые вы не видели, получить новые идеи или даже увидеть новый потенциал в концепциях, которых вы не видели раньше.
4. Уточните свои эскизы
Еще раз взгляните на все свои наброски, на этот раз с критическим взглядом. Ищите ошибки, находите пути для улучшения и выбирайте любимые биты. Затем выберите несколько набросков, которые вам нравятся больше всего, и делайте их снова и снова. Рисовать одно и то же несколько раз кажется пустой тратой времени, но на самом деле это очень полезно. Каждая версия будет становиться все лучше и лучше, и вы можете просто нарисовать идеальную версию на своей 10-й попытке!
5. Получите отзывы клиентов
Отправляйте только черно-белые наброски в первом туре. Добавление цвета заставляет людей сконцентрироваться на этом, и на данном этапе вам нужно только одобрение концепции.
6. Оцифруйте свой эскиз
После того, как ваш клиент выберет тот, который ему нравится больше всего, пришло время перенести вашу концепцию в Illustrator!
В зависимости от того, какую эстетику вы хотите достичь, существует несколько различных способов создания логотипа в Illustrator: отслеживание в реальном времени в Illustrator после рисования от руки на бумаге или в Photoshop или рисование пером Illustrator. Ни один из этих методов не лучше другого, но один из них лучше всего подойдет для вашего текущего проекта.
Вариант 1: трассировка в реальном времени
Это более простая техника: сначала рисование от руки, а затем отслеживание в реальном времени с помощью Illustrator.
Откройте ваше любимое приложение для рисования (например, Photoshop) или подготовьте ручку и чернила. Нарисуйте свой логотип как можно точнее. Используйте черный или темный цвет, чтобы сделать его как можно более четким. Помните, это уже не эскиз, а настоящий логотип!
Использование этой техники придаст вашему логотипу ощущение ручной работы. Ваш логотип будет выглядеть немного неровно и органично. Вернитесь к списку ключевых слов, чтобы решить, подойдет ли этот вид вашему проекту!
by Mky
Mky
Mky
Используйте ползунок порога, чтобы сделать изображение светлее (слева) или темнее и смелее (справа).
by Mky
Когда вы довольны результатом, выберите изображение и нажмите "Развернуть" на панели инструментов в верхней части экрана.
by Mky
Теперь у вас будут все элементы вашего логотипа в виде отдельного вектора формы. Не стесняйтесь перемещать элементы и перемещать их, пока вы не будете довольны результатом.
Вариант 2: Рисование
Выберите Pen Tool и начните трассировку эскиза.
Mky
Если вы также отслеживаете буквы, старайтесь держать все ручки вертикально или горизонтально, нажимая клавишу Shift при построении точек. Это даст вам больше контроля над вашими фигурами, если вам понадобится редактировать их позже.
Mky
Хотя мне нравятся мягкие края на слева я предпочитаю более точные надписи справа. Итак, давайте посмотрим, как усовершенствовать второе изображение: и конус, и надпись. Нет никакого способа сделать это, так что доверяйте своим инстинктам и немного развлекайтесь.
Мки
Обратите внимание, насколько мягкими стали края? Это делает весь логотип более дружелюбным и органичным!
7. Добавить текст
Теперь, когда у вас есть логотип, такой, какой вы хотите, пришло время добавить слоган, если он у вас есть. Там нет правильного места, чтобы поместить слоган, но, возможно, самое простое, чтобы добавить его под логотипом с чистым шрифтом, который соответствует стилю.
Для нашего примера, мы собираемся поместить его над логотипом на изогнутой дорожке, чтобы закрыть композицию и сделать ее немного похожей на значок.
by Mky
При выборе шрифта найдите тот, который подходит и дополняет свою иллюстрацию, и убедитесь, что они не будут конкурировать друг с другом. Ваш образ должен чувствовать себя гармонично. Не стесняйтесь пробовать шрифты с засечками, без засечек или шрифтов, а также последние тенденции шрифтов.
Если ваш дизайн логотипа представляет собой слово, тип логотипа, который содержит только название бренда, вам придется выражать ценности и эстетику бренда только с использованием типографики. В этом случае будьте особенно осторожны с выбором шрифта, потому что сами персонажи будут иметь столько смысла и индивидуальности. Обратите внимание и играйте с контрастом, расстоянием и весом. Объедините несколько букв, добавьте тонкое значение к некоторым буквам или добавьте контейнер или какой-либо разделитель. Измените буквы, удалив или добавив к ним, или даже создайте свой собственный новый набор букв.
Mky
Обратите внимание на то, что каждая их версия имеет различное настроение и выражает разные эмоции? Работая с надписями, найдите надписи, которые очень выразительны, а эстетика очень тесно связана с тем, что делает бренд.
8. Добавить цвет
Когда вы начнете добавлять цвет, убедитесь, что цвета, которые вы используете, имеют смысл для бренда. Начните с изучения цветов логотипа, теории цвета и цветовых тенденций, а затем выберите сочетания цветов, которые дополняют друг друга. Великолепные цвета логотипа должны выделяться, но они не всегда должны быть перенасыщенными. Вы можете добиться отличного контраста, используя только пастели.
Так как же именно вы добавите цвет к своему логотипу?
Mky
Mky
В нашем примере клиент специально упомянул, что он хотел бы использовать лаванду и мяту…
Мки
… поэтому я создал великолепную пастельную палитру на основе этого направление.
9. Подарите свой логотип
Когда ваш логотип выглядит идеально, составьте приятную презентацию для вашего клиента. Убедитесь, что вы показываете каждую итерацию логотипа, включая разные цветовые версии. Помните, что каждую версию логотипа, показанную в презентации, вы должны будете предоставить клиенту!
Mky
Вам не нужно сходить с ума от презентация и использование тонны модных макетов и эффектов. Держите это простым, чистым и ясным.
10. Экспорт окончательных файлов
Недостаточно иметь отличный дизайн логотипа. Вам также нужны правильные файлы для использования логотипа на нескольких носителях. Поэтому убедитесь, что вы отправляете своему клиенту каждый файл, который ему может понадобиться. Как правило, это включает горизонтальные и вертикальные версии, а также полноцветные, черно-белые, только черные и только белые версии.
Для каждой итерации логотипа вы хотите экспортировать эти 7 файлов:
- Файл Illustrator в цветовых профилях CMYK и RGB
- Файл EPS в цветовых профилях CMYK и RGB
- SVG-файл в цветовом профиле RGB
- Файл PNG (с прозрачным фоном) в цветном профиле RGB
- Файл JPG в цветном профиле RGB
Вы готовы сделать логотип с помощью Illustrator!
—
Может показаться сложным, как погрузиться в процесс разработки логотипа, если вы знаете, какие шаги предпринять, это просто увлекательный процесс! После нескольких завершенных проектов вы разработаете собственный уникальный рабочий процесс для создания логотипа в Illustrator, который сделает его еще проще для вас. Просто помните, что нужно быть смелым, осмеливаться пробовать что-то новое, выходить из своей зоны комфорта и, самое главное, веселиться!
В этом уроке вы узнаете, как создать глянцевый 3D-логотип в Illustrator. По ходу работы мы будем использовать инструменты Pen Tool (Перо) и Shape Builder Tool (Создание фигур), градиенты и различные эффекты, чтобы получить финальный вариант.
1. Подготовка основы
Шаг 1
Переходим File – New (Файл – Новый) и создаем рабочий документ размером 900 х 800 пикселей.
Шаг 2
Далее берем Ellipse Tool (L) (Овал) и рисуем окружность. После этого жмем Ctrl+C и Ctrl+F, чтобы скопировать фигуру и вставить дубликат поверх оригинала. Уменьшаем размер дубликата примерно на 60%.
Чтобы при масштабировании сохранились пропорции, удерживаем клавишу Shift.
Выделяем дубликат и оригинал и переходим на панель Window – Pathfinder (Окно – Обработка контуров), активируем параметр Minus Front (Минус верхний), чтобы вырезать внутреннюю часть большей окружности.
Шаг 3
Инструментом Selection Tool (V) (Выделение) выбираем окружность, зажимаем клавишу Alt и перемещаем ее вниз, чтобы дублировать. Разместите копию так, чтобы ее верхний край касался внешнего края внутреннего отверстия первой окружности, как показано ниже.
Шаг 4
При необходимости, увеличиваем окружности по размеру документа.
Выделяем их и заливаем серым цветом (BCBEC0).
Шаг 5
Берем Rectangle Tool (M) (Прямоугольник) и от центра верхней окружности с зажатой клавишей Shift рисуем квадрат.
Зажимаем клавишу Alt и тянем квадрат, чтобы дублировать его. Размещаем копию так, как показано ниже.
Шаг 6
Выделяем первый квадрат и верхнюю окружность, переходим на панель Pathfinder (Обработка контуров) и активируем Minus Front (Минус верхний). Затем делаем то же самое с нижней окружностью и вторым квадратом. Получаем фигуру в форме буквы S.
Шаг 7
Выделяем обе фигуры и на панели Pathfinder (Обработка контуров) активируем параметр Unite (Объединить). В результате обе окружности должны стать одной фигурой без швов. Обратите внимание, чтобы в месте их соединения не осталось швов.
2. Создаем контур
Шаг 1
Выделяем фигуру и отключаем заливку цветом. Активируем контур шириной 1 pt.
Шаг 2
Кликаем правой кнопкой по фигуре и выбираем Transform – Reflect (Трансформирование – Отражение). В появившемся окне устанавливаем Vertical (По вертикали) и жмем кнопку Copy (Копировать).
Шаг 3
Далее выделяем оригинал и применяем Object – Path – Offset Path (Объект – Контур – Создать параллельный контур).
Шаг 4
Выделяем обе фигуры и на панели Pathfinder (Обработка контуров) применяем Divide (Разделение), чтобы разрезать контур на части.
Шаг 5
Выделяем контур, к которому мы применяли Offset Path (Создать параллельный контур), кликаем по нему правой кнопкой мышки и выбираем Ungroup (Разгруппировать).
Далее мы должны удалить отдельные части обводки, чтобы на выходе получилась фигура, как показано ниже. Внимательно смотрим на скриншоты и работаем поэтапно.
Шаг 6
Выделяем весь контур и группируем его. Заливаем получившуюся фигуру серым цветом.
3. Создаем 3D-логотип
Шаг 1
Выделяем фигуру и переходим Effect – 3D – Extrude and Bevel (Эффект – 3D – Вытягивание и скос). В появившемся окне вводим следующие настройки и получаем 3D-объект.
Шаг 2
Отключаем контур. Переходим Object – Expand Appearance (Объект – Разобрать оформление). Затем кликаем правой кнопкой мышки и выбираем Ungroup (Разгруппировать). Проверьте, чтобы каждая часть логотипа была отдельным элементом, который можно независимо выделять и передвигать.
Шаг 3
Далее мы будем применять градиентную заливку.
Выделяем верхнюю часть и заполняем ее градиентом 000000-A7AAAD. Боковые части заполняем градиентом A7AAAD-000000-A7AAAD.
Для удобства можете создать обычные прямоугольники и каждый залить своим градиентом. Затем выделяете нужную часть логотипа и инструментом Eyedropper Tool (I) (Пипетка) кликаете по нужному квадрату с градиентом, чтобы скопировать его цвета.
Последние детали логотипа заливаем синим градиентом 0B3A49-19B6F2.
Шаг 4
Далее активируем инструмент Gradient Tool (G) (Градиент) и настраиваем положение градиента на каждой детали. Начинаем с верхней.
Продолжаем работу, пока не получим примерно вот такой результат:
Шаг 5
Берем Pen Tool (P) (Перо) и по нижнему краю логотипа рисуем вот такую фигуру.
Затем выделяем фигуру и верхнюю часть логотипа, активируем инструмент Shape Builder Tool (Shift+M) (Создание фигур), зажимаем клавишу Alt и стрелкой с минусом кликаем по выступающей части синей фигуры, чтобы ее удалить. В итоге у нас должна получиться аккуратная обводка на логотипе.
Шаг 6
Выделяем синюю фигуру и применяем к ней черную обводку толщиной 2 pt.
Шаг 7
Делаем то же самое в верхней части логотипа, только обводку отключаем.
Шаг 8
Дублируем получившуюся полосу и переносим дубликат ниже, чтобы с ним было удобнее работать.
Копируем еще раз эту линию и располагаем две копии слегка внахлест друг на друга. Затем инструментом Shape Builder Tool (Shift+M) (Создание фигур) удаляем лишнее, чтобы осталась тонкая полоска, как показано ниже.
Шаг 9
Переносим эту полоску на место оригинала и заливаем ее градиентом FFFFFF-656566.
Шаг 10
Отрезаем еще одну узкую полоску и заливаем ее градиентом FFFFFF-262626.
Шаг 11
С помощью Pen Tool (P) (Перо) и Shape Builder Tool (Shift+M) (Создание фигур) рисуем маленький черно-белый блик в нижней части логотипа. Затем применяем к нему черную обводку.
Дважды дублируем фигуру и отрезаем лишнее.
Шаг 12
Дублируем все три фигуры и переносим копии на верхнюю часть логотипа.
Шаг 13
На боковой части логотипа рисуем серый блик.
Делаем то же самое в нижней части. При необходимости, на панели Window – Transparency (Окно — Прозрачность) корректируем непрозрачность объекта.
Шаг 14
Рисуем подобную фигуру на нижнем синем элементе. Заливаем ее градиентом от белого к прозрачному и уменьшаем непрозрачность примерно до 50%.
Делаем то же самое на верхнем синем элементе.
Шаг 15
Выделяем весь логотип, жмем правой кнопкой мыши и выбираем Group (Сгруппировать).
4. Создаем фон
Шаг 1
Выделяем логотип и переходим Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень). Применяем настройки, как показано на скриншоте, и жмем ОК.
Шаг 2
Берем Rectangle Tool (M) (Прямоугольник) и рисуем прямоугольник на всю ширину документа. Заливаем его радиальным градиентом FFFFFF-8F8F91.
Кликаем правой кнопкой по прямоугольнику и переходим Arrange – Send to Back (Упорядочить – На задний план).
Получаем вот такой результат:
Синий цвет можно заменить на любой другой и получить вот такие варианты:
На этом все! Если вам понравился данный урок, поделитесь им в социальных сетях. Также не забывайте оставлять комментарии и делиться своими работами. Приятного творчества!
Легкий способ сделать эмблему состоит в том, чтобы использовать название компании, буквы и комбинацию инициалов, акронимы и т.д. Конечно, колесо было уже изобретено и очень возможно обнаружить, что кто-то уже использовал Вашу идею для эмблемы. В этом уроке Adobe Illustrator я использовал простые функции, доступные в Adobe Illustrator.
1. Найдите букву “P” в классическом шрифте. 2. Подрежьте левую сторону “P”, как показано на рисунке ниже. Для этого используйте новый прямоугольник и команду Devide в палитре Pathfinder:
3. Продублируйте свою новую “P” ( для этого ее можно перетащить мышкой, зажав Alt) . Пойдите в Effect>3D>Rotate. Укажите Positions = “Isometric right”.
4. Повторите п.3 для второй “P” , только в этом случае укажите Positions = “Isometric left”.
5. Наши буквы “P” выглядят как мы хотим, но мы не можем их использовать в таком виде. Для большей гибкости выделите их и пойдите в Object -> Expand appearance. Щелкните правой кнопкой по букве и выберите Ungroup, затем еще раз правой кнопкой по буквы и удалите обтравочную маску Сlipping mask и удалите лишний прямоугольник.
6. Заполните буквы различными оранжевыми цветами.
7. Выровняйте обе формы по левому краю, и убедиться, что выравнивание прекрасный даже при максимальном увеличении.
8. Сгруппируйте буквы, выделите, кликните правой кнопкой мыши и выберите Transform -> Reflect -> Vertical и нажмите Copy.
9. Заполните новые формы двумя различными серыми цветами. Выровняйте их по левому краю
оранжевых букв.
10. Если Вы хотите сделать тень для эмблемы, выберите все формы и объедините их и скопируйте. Заполните новую форму очень светло-серым цветом, и преобразуйте ее, используя инструмент Effect -> Distort & Transform -> Free Transform.
В этом уроке речь пойдет о том, как отрисовать текстовый логотип. То есть, превратить его из растрового в векторный.
Сделать это можно тремя разными способами, каждый из них подходит для для определенной ситуации.
В этом уроке будем использовать три разных по начертанию логотипа и программу Adobe Illustrator. Все описанные ниже способы также хорошо работают в Сoreldraw. Может отличаться название кнопок, инструменты рисования, но суть приемов остается той же самой.
Для удобства заблокируйте логотип нажав - Object/lock/Selection. Теперь логотип не будет случайно смещаться при рисовании. А также можете уменьшить прозрачность картинки для того, чтобы было лучше видно линию.
Трассировка из растрового изображения в векторное
Трассировка изображения - это самый простой и быстрый способ превратить растровый логотип в векторный. Этот инструмент выполняет всю работу автоматически. Компьютер сам распознаёт очертание букв и рисует векторные объекты.
Выделите изображение и нажмите кнопку "Image Trace".
Главный недостаток этого способа заключается в том, что не всегда он корректно работает. Мелкие детали могут получится кривыми, а острые углы сглаженными.
Режим трассировки будет хорошо работать на прописных шрифтах без острых углов и при достаточном разрешении картинки.
Подбор шрифта по картинке
Суть этого способа заключается в том, чтобы найти необходимый шрифт по картинке. Значительная часть логотипов используют обычные шрифты поэтому, есть вероятность их найти и сократить себе время на отрисовку, просто набрав текст на клавиатуре.
Попробуем найти шрифт для нашего логотипа "Audiomania" по картинке.
В сервисе поиска шрифта по картинке вы можете кадрировать изображение, убрать лишнее. Шрифт нашёлся, теперь необходимо его скачать, установить и набрать слово "Audiomania" этим шрифтом.
Шрифт очень точно накладывается, практически идеально, видимо его и использовали. Даже не понадобилось редактировать отдельные буквы.
Рисование пером и фигурами
Рисование вручную - это самый долгий и трудоемкий процесс, но он обеспечивает и самый качественный результат. Этот метод подойдет для самых сложных ситуаций, когда первые два способа не работают.
В логотипе "Subway" прямые симметричные буквы. Поэтому, здесь подойдёт способ рисования фигурами.
Например, букву U можно нарисовать тремя прямоугольниками со скругленными краями.
С помощью панели "Pathfinder" вырежьте прямоугольники один из другого, чтобы получилась буква U.
Старайтесь применять "правило сохранения энергии". То есть, не рисовать лишнего, замечать похожие буквы и копировать уже готовые элементы. Можно, например, отразить предмет, перевернуть предмет или увеличить. Это намного проще, чем рисовать всё заново.
В моём случае, одну нарисованную букву U можно использовать ещё на букве W и букве A.
Рисование с помощью фигур позволяет быстро делать очень ровные симметричные буквы.
Для следующего логотипа "Ford" подбор шрифта не подойдёт, так как шрифт прорисованный вручную, а трассировка будет плохо работать на низком разрешении.
Поэтому применим инструмент рисования перо.
Проведите линию по по контуру буквы. Работа с пером требует определенных навыков и понимания, как работает этот инструмент. Если вам удалось понять алгоритм и прочувствовать, как работает перо, то вы сможете нарисовать абсолютно любой элемент, как с острыми углами, так и с гладкими.
Чтобы было ровнее, пересекающиеся элементы лучше нарисовать потом отдельно.
Если где-то линия получилось немножко угловатая, её можно сгладить инструментом карандаш. Проведите карандашом по краю линии удерживая клавишу ALT.
Видео: 3 способа нарисовать лого
Смотрите подробный видео урок с описанием поэтапной отрисовки разных логотипов тремя способами.
Все эти способы прекрасно комбинируются. Например, можно трассировать текст и затем, дорисовать те элементы, которые криво получились. Или например, подобрать шрифт по картинке и дорисовать те детали шрифта, которых не хватает.
Читайте также: