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

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

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

Это еще один урок по винтажному логотипу в видеоформате. Дизайн занимает менее 10 минут и использует широкий спектр инструментов и эффектов Illustrator для создания потрясающего винтажного логотипа.

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

Посмотрите эту коллекцию из 10 красивых логотипов от Envato Elements, разработанных в винтажном и ретро-стиле.Шаблоны — отличный выбор, когда вам в крайнем случае нужен дизайн логотипа.

Логотипы Monogram сложны и элегантны. Из этого видеоурока вы узнаете, как создать успешный логотип с монограммой и как сделать это самостоятельно с помощью Illustrator. Узнайте, как использовать инструмент для создания фигур и как добавить глубины и текстуры вашему логотипу с монограммой.

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

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

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

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

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

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

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

Как экспортировать окончательные логотипы из Adobe Illustrator — обновление 2020

После всех поисков вдохновения, набросков, раундов доработок, клиентских сражений / побед и последних небольших настроек вы готовы экспортировать логотипы для своего клиента и уже хвастаться ими в своем портфолио.Вот как мы это делаем в Hoodzpah (мы — студия брендинга, поэтому для нас это обычный танец). Этот метод направлен на то, чтобы сэкономить ваше время и рассудок, а также предугадать потребности и вопросы вашего клиента. В нашем примере мы будем экспортировать логотипы для нашего клиента Skip.

К концу этого руководства вы экспортировали логотипы из Illustrator в следующих цветовых режимах и форматах файлов:

Для печати (CMYK и Pantone): EPS
Для цифровых (RGB): JPG, PNG, SVG
Для каждого из этих форматов файлов и цветовых режимов мы сохраняем версии логотипа для: Цвет, Обратный цвет и 1-цвет. Чернить.

Шаг 1. Создайте последнюю папку, в которой вы будете сохранять логотипы.

В основной папке проекта создайте новую папку, в которой вы сохраните только окончательные логотипы, которые вы дадите клиенту. Это позволяет легко сжимать, связывать WeTransfer или Dropbox только одну папку для отправки клиенту после того, как вы закончите экспорт логотипов из Illustrator.
Назовите его «[Client-Name] Logos». В нашем примере мы назовем его «Пропустить логотипы»

Шаг 2. Создайте два документа Adobe Illustrator: один для логотипов печати (CMYK и Pantone), а другой — для цифровых (RGB).

В Illustrator создайте новый документ («Файл»> «Создать» или «Command + N»). В диалоговом окне «Новый документ»:

1. Выберите «Печать» на верхней вкладке предустановок документа. Это даст нам цветовой режим CMYK и разрешение 300 точек на дюйм. В этот файл мы поместим наши логотипы CMYK, а также логотипы Pantone, если мы их экспортируем.

2. Назовите файл «[Имя клиента] — [Печать]» (в нашем примере «Skip-Print.ai»). Не добавляйте лишних слов.Вы поймете почему, когда мы перейдем к экспорту.

3. На данный момент вы можете оставить размер монтажной области по умолчанию и выбрать 1 монтажную область.

4. Чтобы контролировать точные значения цвета для ваших логотипов RGB, вместо экспорта в RGB по умолчанию из файла CMYK, создайте другой главный документ Illustrator, который использует предустановку документа RGB, и разместите там свои логотипы RGB. Назовите этот файл «[Client-Name] — [Digital] .ai» (в нашем примере «Skip-Digital.ai»).

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

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

1. Выберите инструмент Artboard Tool и щелкните один раз на каждом варианте логотипа (просто убедитесь, что все части логотипа сгруппированы для каждого варианта, иначе монтажная область может привязываться только к части логотипа).Illustrator автоматически подгонит монтажную область к точным размерам сгруппированного логотипа.

2. Или выберите инструмент Artboard Tool и щелкните и перетащите монтажные области. Если вы пойдете по этому пути, обязательно отцентрируйте логотип на монтажной области, используя инструменты выравнивания. Если логотип смещен по центру, будущие дизайнеры не смогут правильно выровнять логотип в своих проектах с помощью инструментов выравнивания.

3. Удалите монтажную область документа по умолчанию, когда монтажные области вашего логотипа созданы.

Размеры артборда:

Для цифрового документа RGB мы обычно стремимся к ширине от 250 до 600 пикселей (в зависимости от формы логотипа).

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

Название артборда:

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

Шаг 4. Если вы еще не сделали этого, нарисуйте штрихи, обведите текст, убедитесь, что цвет правильный, и упростите сложные, наложенные друг на друга фигуры.

Выделите все живые шрифты и нажмите Cmd + Shift + O, чтобы выделить все шрифты. Или выберите все живые шрифты и перейдите в меню «Тип»> «Создать контуры». Это превращает редактируемый текст в векторную форму.Поэтому, если вы хотите сохранить рабочую версию шрифта, сохраните другой файл с меткой «Рабочий» или «Редактируемый» в папке проекта (но не в этой папке окончательных логотипов).

Почему этот шаг? Таким образом, вы гарантируете, что тип логотипа никогда не изменится, даже если кто-то другой откроет файл, у которого нет шрифта.

Выберите любую обводку или контур и перейдите в «Объект»> «Контур»> «Обводки контура».
Почему этот шаг? Чтобы сохранить точный внешний вид вашего дизайна в будущем.Если у другого дизайнера, использующего ваши файлы, нет вашей кисти или он масштабирует логотип штрихом, не включив параметр «Пропорционально масштабировать», он может изменить логотип и создать несоответствие бренда.

Дважды проверьте, что цвета, которые вы используете, соответствуют тем, которые вы согласовали с клиентом, и соответствуют ли они всем логотипам (вы не хотите, чтобы случайно использовались два разных синего цвета, хотя они должны быть одинаковыми). Если вы сохраняете версии логотипа CMYK и Pantone, создайте собственный образец цвета для цвета Pantone.В модальном окне «Новый образец» выберите «Плашечный цвет» вместо «Обработка», назовите образец после имени Pantone и введите значения CMYK для цвета Pantone.

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

Если вы сделали значок из множества различных векторных фигур, выберите все фигуры одного цвета и используйте инструменты Pathfinder, чтобы объединить их вместе.Если вы показывали отрицательное пространство в логотипе с помощью белой формы, то используйте инструмент «Минус», чтобы фактически выбить эту форму. Иногда, когда вы объединяете или вычитаете фигуры с помощью инструмента «Обработка контуров», цветовая заливка или обводка теряются в процессе. Если это произойдет, просто повторно выберите составной контур и повторно примените желаемый цвет.

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

Шаг 5: Экспорт окончательных файлов

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

.png (прозрачный фон)
.jpg
.svg (вектор)
Вы можете экспортировать все сразу, выбрав «Файл»> «Экспорт»> «Экспорт для экранов».

В диалоговом окне «Экспорт для экранов»:

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

2. В разделе «Экспорт в» в правой части диалогового окна щелкните значок папки и выберите созданную вами папку «[Client-Name] Logos». Затем создайте новую подпапку с именем «Цифровой» и нажмите «Выбрать».

3. В разделе «Экспорт в» отметьте / выберите «Создать подпапки» и «Форматировать», чтобы при экспорте файлов они группировались в папки по форматам JPG, PNG, SVG.

4. В разделе «Форматы» добавьте форматы для JPG, PNG и SVG. Нажмите кнопку «Добавить масштаб», чтобы продолжить добавление дополнительных форматов в различных масштабах. JPG-100, JPG-80 и т. Д. Относятся к различным параметрам качества для JPG. Чтобы сохранить логотипы в точном размере, выберите масштаб 1x. Чтобы также включить увеличенные версии изображений логотипа, вы можете выбрать «Добавить масштаб» и выбрать 2x (в 2 раза больше исходного размера) или указать размер в раскрывающемся списке «Масштаб». Приятно включать для клиента варианты изображения точного и большего размера (особенно если у него нет в штате дизайнера, который мог бы сделать это позже).SVG не предлагает вариантов масштабирования, поскольку это векторный формат, который можно бесконечно масштабировать.

5. Щелкните «Экспорт монтажной области».

6. Перейдите в папку, в которую были экспортированы файлы, и систематизируйте файлы, создав подпапки для Color, Black и Reverse; а также вложенные папки для различных масштабов / размеров. В разделе «JPG» вы можете полностью удалить параметры «Обратный просмотр», так как JPG-файлы плоские на белом фоне и не отображаются.

Экспортируйте эти форматы файлов логотипов из файла Print Illustrator:

.eps (vector)
Экспортируйте их, выбрав «Файл»> «Сохранить как».

В диалоговом окне «Сохранить как»:

1. Выберите «Illustrator EPS (eps)» в качестве формата.

2. Обязательно отметьте / выберите «Использовать монтажные области» и отметьте / выберите «Все», чтобы экспортировать все отдельные монтажные области.

3. В папке Final Logos создайте подпапку с именем «Печать» и нажмите «Сохранить».

4. Перейдите в папку, в которую были экспортированы файлы, и очистите ее, создав подпапки для Color (с подпапками для «Стандартная печать CMYK» и «Печать Pantone»), Black и Reverse.Это поможет вашему клиенту в будущем, когда ему нужно будет выбрать, какой файл использовать.

Вуаля! Ваша последняя папка с логотипом будет выглядеть примерно так!

Если у вас есть Dropbox, вы можете отправить ссылку клиенту для загрузки. Или вы можете создать Zip-файл папки и отправить его своему клиенту через WeTransfer. Убедитесь, что клиент знает, что он несет ответственность за хранение копии своих файлов в безопасном месте. Вы можете сказать это красиво, например так: «Пока мы стараемся сохранять резервные копии всей работы наших клиентов, вы должны сохранить версию этих окончательных файлов на своих серверах.Если по какой-то ужасной причине наши серверы выйдут из строя или будут уничтожены в результате случайного пожара, вам понадобится собственная копия. Так что сохраните их на своем жестком диске, на резервном диске и, возможно, даже на флэш-накопителе для хорошей меры ».

Вот как сделать логотип в Illustrator

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

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

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

Чтобы начать, нажмите кнопку « Создать новый » в левой части экрана. Затем выберите предустановки Letter . Большинство предустановок идеально подходят для базового логотипа, но быстро дважды проверьте, что ваши предустановки следующие:

• Ориентация: портретный режим
• Цветовой режим: CMYK Color
• Растровые эффекты: высокий

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

В Illustrator есть повторяющаяся тема: иногда первый шаг к пониманию того, как создать логотип, — это выбор правильных настроек.

Но когда вы думаете о том, как создать логотип в Illustrator, мы будем простыми и будем использовать рабочее пространство Painting . Для этого щелкните значок Workspaces в верхнем правом углу экрана и выберите Painting.

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

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

Ах да, ваш логотип. Давайте сделаем настоящий рисунок.

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

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

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

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

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

Белый — отличный цвет, и когда вы думаете о том, как создать логотип, это может быть правильный цвет . Но давайте поиграем с несколькими другими цветами с помощью Swatches.

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

Теперь давайте добавим несколько линий, для которых нам нужно будет создать новый слой. Чтобы создать новый слой, перейдите в меню Layers и щелкните значок + . Это поместит ваш новый слой в верхнюю часть меню, что нам и нужно.

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

Чтобы добавить линию, выберите инструмент Pen Tool в главном меню. Затем наведите указатель мыши на центр изображения, пока не увидите слово «центр» маленьким фиолетовым текстом. Найдя центр значка, , удерживая клавишу Shift, щелкните .Чтобы создать линию, просто выберите край значка, который вы хотите провести, и щелкните край значка. Когда вы нарисовали линию, нажмите V, чтобы закончить. Повторите это столько раз, сколько хотите.

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

Хотите верьте, хотите нет, но это на самом деле дает вам хорошую основу для начала изучения того, как создать логотип в Illustrator. На скриншоте ниже вы увидите, что мы сделали именно это — только шаги, которые мы здесь рассмотрели. (Примечание: мы думали, что исходный цвет в слое 1 выглядел странно, поэтому мы изменили его на сплошной оранжевый цвет).

Итак, мы добавили несколько линий и форм в наш логотип. Это отличное начало, но разве это конец нашего руководства по созданию логотипа? Нет, пора добавить текст.

Для начала выберите инструмент Type Tool в главном меню. Затем перетащите его через раздел документа, чтобы открыть редактор.

Конечно, мы никогда не будем использовать стандартный текст lorem ipsum, который генерирует Illustrator. В только что созданном поле введите текст, который вы хотите включить в свой логотип. Затем выберите шрифт и размер шрифта в меню «Символ» в верхней части экрана.

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

Так как мы использовали сплошной цвет для большей части нашего изображения, мы также сделаем текст белым. Для этого выделите текст и вернитесь в меню «Внешний вид». Теперь измените цвета Stroke и Fill на белый.

Важно отметить, что мы рассмотрели лишь несколько основ и лишь прикоснулись к тому, как создать логотип в Illustrator. Но, как видите, освоение основ — это первый шаг.Оттуда? Посмотрите, куда вас приведет ваше творчество.

Изучение каллиграфии в Adobe Illustrator

Дизайн логотипа Brushpen: разработайте свой фирменный стиль .

Как создать логотип в Adobe Illustrator

Из этого урока вы узнаете, как создать логотип в Adobe Illustrator.

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

Окончательное изображение

Как всегда, это последнее изображение, которое мы будем создавать:

Подробности руководства

• Программа : Adobe Illustrator CS5
• Приблизительное время выполнения: 45 минут
• Сложность: Начальный-Средний

Шаг 1

Давайте сначала создадим новый документ. Обязательно установите размеры 500 x 500 пикселей, а цветовой режим — RGB.

Шаг 2

Начнем с инструмента «Многоугольник». Выберите его на панели инструментов и нажмите на монтажную область. Появится диалоговое окно «Параметры многоугольника». Установите Радиус на 150 пикселей и Стороны на 5 и нажмите кнопку ОК. Цвет заливки не важен.

Шаг 3

Нам нужно немного изменить наш многоугольник. Выделите желтую фигуру и в разделе «Эффект» выберите «Стилизация»> «Скругленные углы».

Шаг 4

Убедитесь, что форма расширена.Выберите «Объект»> «Разобрать оформление». Это превратит объект в редактируемую форму.

Шаг 5

Следующее, что нам нужно сделать, это создать «дыру» в нашем модифицированном пятиугольнике. Для этого мы снова воспользуемся инструментом Polygon Tool. Возьмите его на панели инструментов и нажмите на монтажную область, чтобы открыть окно параметров многоугольника. Установите параметры, как показано на рисунке ниже, и нажмите кнопку ОК.

Шаг 6

Убедитесь, что обе формы выровнены.Выделите их и под панелью выравнивания нажмите одновременно Horizontal и Vertical Align Center.

Шаг 7

Теперь нам нужно создать «дыру» в нашем многоугольнике. Выделите обе формы и под панелью Pathfinder нажмите кнопку Minus Front. Это вырежет среднюю часть многоугольника.

У вас должно получиться что-то вроде этого.

Шаг 8

На этом этапе мы попытаемся создать определенные ленты, которые будут составлять наш логотип.Для этого нам нужно разделить только что созданную форму на 5 частей. Один из возможных способов сделать это — создать определенные пути с помощью Pen Tool (P). Поскольку у некоторых людей возникают трудности с этим инструментом, мы постараемся избежать этого, используя небольшую хитрость.

Дублируйте (Ctrl / Cmd + C, Ctrl / Cmd + F) желтую фигуру и измените цвет заливки копии. Щелкните правой кнопкой мыши и выберите «Изолировать выбранный составной путь». Таким образом, мы сможем изменить розовую форму, не испортив остальную часть нашего дизайна.

Шаг 9

Выберите инструмент Direct Selection Tool (A) на панели инструментов, выберите и удалите (нажав клавишу Delete на клавиатуре) точки привязки, как показано на рисунке ниже.

Шаг 10

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

Шаг 11

Возьмите Selection Tool (V) на панели инструментов и переместите путь, который мы только что создали, как показано на рисунке ниже.Вы также можете увеличить эту часть иллюстрации, выбрав инструмент «Масштаб» (Z) на панели инструментов. Таким образом, вы сможете разместить путь в нужном месте.

Шаг 12

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

Шаг 13

Выберите все элементы, которые мы создали до сих пор, и под панелью Pathfinder нажмите кнопку Divide.Он разделит нашу желтую фигуру на 5 полос, которые мы очень скоро превратим в красивые красочные ленты.

Шаг 14

Разгруппируйте (Shift + Ctrl / Cmd + G) только что созданную форму. Если есть какие-то мелкие частицы, созданные неправильным расположением элементов, обязательно удалите их. Кроме того, вам следует удалить все нежелательные опорные точки с помощью инструмента «Удалить опорную точку» (-).

У вас должно получиться что-то вроде этого.

Шаг 15

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

У вас должно получиться что-то вроде этого.

Шаг 16

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

Мы продублируем (Ctrl / Cmd + C, Ctrl / Cmd + F) каждую из пяти сторон логотипа. С помощью инструмента Direct Selection Tool (A) выберите все опорные точки, которые нам не нужны, и удалите их, нажав клавишу Delete на клавиатуре (чтобы не испортить остальную часть иллюстрации, войдите в режим Изолировать выбранный путь. Вы найдет его при щелчке правой кнопкой мыши). По сути, идея состоит в том, чтобы получить прямой путь на внутреннем крае логотипа.

Шаг 17

Удалите цвет заливки и установите цвет обводки на # FA91FA.Мы установим ширину обводки на 1 пиксель, но вы можете настроить ее по своему усмотрению. Просто убедитесь, что для профиля установлен профиль ширины 1.

Шаг 18

Повторите предыдущий шаг для остальных четырех сторон логотипа. У вас должно получиться что-то вроде этого.

Не забудьте превратить контуры в редактируемые формы, выбрав «Объект»> «Разобрать оформление».

Шаг 19

На этом этапе мы создадим красивую мягкую тень для нашего логотипа.Для этого мы будем использовать инструмент Blend Tool.

Сначала мы выберем все элементы, которые мы создали до сих пор, и продублируем их (Ctrl / Cmd + C, Ctrl / Cmd / Cmd + F). Под панелью Pathfinder нажмите кнопку Unite. Он объединит все элементы в одну форму, размещенную на том же месте, что и наш логотип, идеально отцентрованную.

Не забудьте установить цвет заливки для новой формы на серый (# 666666).

Шаг 20

Удерживая нажатой клавишу Alt / Opt на клавиатуре, щелкните серую фигуру и перетащите ее вниз.Это создаст копию серой формы. Обязательно удерживайте клавишу Shift на клавиатуре для прямого перетаскивания.

Шаг 21

Установите непрозрачность новой формы на 0%.

Шаг 22

Убедитесь, что серая фигура с полной непрозрачностью размещена наверху (Shift + Ctrl / Cmd +]). Выделите обе формы и под объектом выберите Blend> Make.

Шаг 23

Выберите «Объект»> «Переход»> «Параметры перехода».Установите Интервал на Указанные шаги и значение 30. Это создаст 30 новых фигур между ними, которые будут выглядеть как плавный переход от одной формы к другой.

У вас должно получиться что-то вроде этого.

Шаг 24

Убедитесь, что вы разместили только что созданную форму под нашим логотипом (Shift + Ctrl / Cmd + [).

Шаг 25

Давайте установим красивый фон для нашего окончательного дизайна.Возьмите инструмент «Прямоугольник» (M) на панели инструментов и щелкните где-нибудь на монтажной области. Появится диалоговое окно «Параметры прямоугольника». Установите размеры 500 x 500 пикселей.

Шаг 26

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

Готово!

Поместите фон под наш логотип, отрегулируйте размер тени, которую логотип отбрасывает на фон, и вуаля!

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

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

Все, что вам нужно знать о создании логотипов в Illustrator

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

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

Элементы логотипа

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

Логотип представляет собой иллюстрацию или графику.

Логотип — это типографская обработка слова или фразы. Большинство логотипов каким-то образом стилизованы, но есть и такие, которые созданы с использованием оригинального шрифта или даже созданы вручную. Качества, отображаемые в логотипе, также говорят о бренде и его послании.

В качестве примера возьмем логотип Nike:

Логотип Nike состоит из двух отдельных элементов: галочки и слова «Nike».«Галочка — это логотип, а« Nike »- это логотип.

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

Стилизованный логотип «NIKE». Логотип Nike не оставляет сомнений в том, что бренд — это уверенность и смелость.

Некоторые бренды выбирают только одно или другое. Например, Apple и Twitter выбрали логотип, а Canon — только логотип. FedEx пошла с логотипом, но таким образом, чтобы создать дополнительную форму, создав стрелку из отрицательного пространства между буквами E и x.

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

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

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

Подумай об этом; вам не нужно ничего видеть, кроме этой галочки, чтобы знать, на какую марку снаряжения вы смотрите. А сколько раз вы видели толстовки с надписью «Nike»?

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

Вот еще несколько примеров логотипов, которые вы все равно узнаете без текста:

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

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

Например, логотип Starbucks появляется на вывесках, упаковке и многом другом.

Зачем создавать свой логотип с помощью Illustrator?

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

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

Когда вы работаете в Illustrator, вы работаете с векторами.

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

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

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

Шаги по созданию логотипа

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

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

Мы предлагаем следующий метод:

1. Проведите исследование

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

2.Понять миссию

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

Ожидает ли клиент нескольких форматов файлов? Ожидают ли они разных размеров для использования в социальных сетях? Сколько изменений вы хотите внести? Какой крайний срок? Все это следует продумать заранее.

Помимо логистики, для бесперебойной и успешной работы вам необходимо понимать их бренд: какой продукт или услугу предлагает компания? Кто их целевая аудитория? Кто их конкуренты?

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

3. Начало работы с бумагой

Если вас не устраивает Illustrator или цифровой дизайн, начните с бумаги. Каждый может набросать идею карандашом или ручкой. Чистый лист бумаги может быть менее пугающим, чем пустой экран. Набросайте несколько разных идей. Наличие нескольких вариантов — это хорошо, особенно если вы имеете дело с клиентом.

4. Перейти в Illustrator

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

5. Представить, исправить, доставить

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

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

У дизайнера Аарона Драплина есть отличное видео о процессе создания логотипа, которое вы можете просмотреть ниже:

Создание логотипа в Illustrator

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

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

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

Инструмент «Форма»

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

Видео ниже — отличное введение в инструмент Фигура для начинающих:

Инструмент «Перо»

Инструмент «Перо» (сочетание клавиш P) — один из наиболее сложных инструментов для использования в Illustrator, который отлично подходит для создания фигур произвольной формы.

Вы можете использовать игру Безье, чтобы точно понять, как работает инструмент «Перо».

Инструмент «Линия»

Добавьте тонкие или толстые линии в свой дизайн с помощью инструмента «Отрезок линии» (горячая клавиша \), отрегулировав размер штриха.

Инструмент Type

Добавьте свой логотип с помощью инструмента «Текст» (сочетание клавиш T).

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

С помощью инструмента «Текст» вы можете не только выбрать шрифт, но и отрегулировать интервал между буквами (кернинг) и интервал между строками (интерлиньяж).

Инструмент создания контуров

Помните, как я упоминал, что Illustrator отлично подходит для логотипов, потому что позволяет создавать векторы? Если вы хотите векторизовать свой текст, вы можете сделать это, щелкнув текст правой кнопкой мыши и выбрав Create Outlines .

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

Это также означает, что если вам нужно поделиться логотипом с кем-то, у кого нет шрифта, который вы использовали, это не имеет значения.

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

Инструмент для создания формы

Если вы хотите создать свой логотип полностью вне форм, инструмент Shape Builder Tool ( Shift + N ) — ваш новый лучший друг.Вы можете использовать это, чтобы эффективно комбинировать формы.

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

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

Следопыт

Если инструмент Shaper Tool вас сбивает с толку, панель Pathfinder ( Windows> Pathfinder ) предлагает более простой, но менее надежный метод объединения и вычитания объектов.

Инструмент цвета

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

Управление версиями вашего логотипа в Illustrator

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

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

Увидеть все вместе

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

Что делать, если у вас нет иллюстратора?

Продукты Adobe дорогие.Если вы хотите начать карьеру в дизайне, вы, вероятно, захотите инвестировать в учетную запись Creative Cloud. Но если вы просто хотите создать одноразовый логотип, есть альтернативы, которые стоит рассмотреть.

Вы можете создать логотип с помощью Microsoft Word или с помощью бесплатных онлайн-генераторов логотипов. Несколько онлайн и настольных альтернатив Illustrator предложат вам аналогичные возможности.

Кроме того, вы можете получить Photoshop и Lightroom намного дешевле, чем весь пакет Adobe CC, поэтому вместо этого вы можете использовать Photoshop для создания логотипа.Только не забывайте, что Photoshop использует пиксели, поэтому ваш дизайн не будет масштабируемым.

Хотите быстро создавать другие типы визуальных эффектов? Попробуйте PicMonkey, чтобы получить мощные инструменты для дизайна и редактирования фотографий.

Командная строка по-прежнему остается мощным инструментом Windows.Вот самые полезные команды CMD, которые должен знать каждый пользователь Windows.

Читать далее

Нэнси — писатель и редактор, живущая в Вашингтоне.Ранее она работала редактором по Ближнему Востоку в The Next Web, а в настоящее время работает в аналитическом центре по коммуникациям и социальным сетям в Вашингтоне.

Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться