Товаров: 0 (0р.)

Как создать свой шрифт в иллюстраторе: Как сделать шрифт с помощью Adobe Illustrator?

Содержание

Основы работы с текстом ~ Записки микростокового иллюстратора

Предыдущий урок: Трансформируем и перемещаем объекты

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

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

Печатаем, используя точечный текст

Чтобы напечатать текст из определенной точки, просто кликните на рабочей области, используя инструмент «Текст» (Type Tool), и печатайте свой текст. Такой «точечный» текст можно печатать только в одну строку без каких-либо ограничений текста.


Печатаем текст, используя область для печати

Используя область для печати, Вы получаете больше контроля над своим текстом. Чтобы создать область для печати, кликните по рабочей области инструментом «Текст» (Type Tool) и, удерживая правую кнопку мыши, растяните область печати до нужного Вам размера. Текст будет располагаться внутри этой области. Чтобы редактировать символы и размер шрифта, идем в Окно > Текст > Символ (Window > Type > Character).


Чтобы увидеть настройки для текстового абзаца, нажмите на вкладку «Абзац» (Paragraph). Вы можете попробовать применить к тексту разное выравнивание и отступы для абзацев.

Чтобы увидеть еще больше возможностей для редактирования текста, идем в Текст > Параметры текста в области (Type > Area Type Options). Попробуйте изменить цифру в графе «Колонки» (Columns), чтобы увеличить количество колонок в Вашем тексте.


Текст по контуру

Вы можете печатать текст по заданному контуру. Выберите инструмент «Текст по контуру» (Type on Path Tool), кликните на контуре в том месте, откуда хотите начать ввод текста, и печатайте!



Чтобы переместить текст, потяните за начальную точку с помощью инструмента «Выделение» (Selection Tool).
Преобразовываем текст в кривые

Если Вам нужно преобразовать текст в кривые, выделяете свой текст и выбираете Текст > Преобразовать в контуры (Type > Create Outlines). Это действие разобьет текст на контуры. Обратите внимание: после того как текст преобразован в кривые, Вы не сможете редактировать его с помощью инструмента «Текст» (Type Tool). Однако теперь Вы сможете применить к тексту градиентную заливку, а также редактировать опорные точки, используя инструмент «Перо» (Pen Tool).


Следующий урок: Цветовые и объектные переходы

Перевод: Анна Волкова
Источник: Vectordiary

Читать дальше…


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

КАК Я ДЕЛАЛА СВОЙ ПЕРВЫЙ ШРИФТ

В целом процесс создания шрифта выглядит следующим образом:

  1. Рисуется шрифт — все буковки — большие и маленькие, цифры, знаки пунктуации
  2. Будущий шрифт сканируется, обрабатывается в фотошопе (опционально) и иллюстраторе (трейс)
  3. Глифы — это общее название для всех элементов шрифта, будь то буквы, цифры, знаки пунктуации — экспортируются в выбранную программу для создания шрифта, как именно это делается зависит от конкретной программы
  4. Шрифт настраивается в программе — устанавливается спейсинг, делается кернинг и прочие манипуляции
  5. Шрифт тестируется на рендомном тексте, экспортируется и радует создателя 🙂

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


В случае с первым шрифтом было и того меньше — процентов пять времени я творила, остальные 95 — училась, мучилась, училаь и мучилась снова. Я нарисовала буковки — сухой кисточкой на бумаге — отсканировала, обработала (ровно так, как показывала в уроке про обработку леттеринга), перетащила буковки по одной в глифс мини. Тут мне очень помог урок на ютьюбе). Попробовала напечатать слово. Между буквами образовывались ямы, получалось очень страшненько. Ушла читать теорию.


Оказалось, что нужно настроить спейсинг (по сути количество пустого пространства слева и справа от буквы или символа) и кернинг (расстояния между конкретными парами). И тут я почему-то решила, что для того, чтобы грамотно все это дело настроить, нужно проверить все пары символов, букв, знаков препинания, цифр, — в общем, все пары всего алфавита. Через две недели мне не хотелось смотреть на все эти Aa, Ff, Io, Va, 1k и прочие комбинации (которые я, конечно, еще и собственноручно набивала), и мысль о том, чтобы создавать еще какой-то шрифт, вызывала физическую боль.


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


Осталось только экспортировать шрифт. Какая мелочь — выбрать в меню «экспорт» и получить классный .ttf файл. Но тут глифс мини выдал мне ошибку. Уже не помню ее код, но он вам все равно ни о чем не скажет 🙂


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


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

7 ЛАЙФХАКОВ ДЛЯ РАБОТЫ В ADOBE ILLUSTRATOR ⋆ fvdesign.org

Содержание

Adobe illustrator — Пропала панель инструментов

Одна из проблем с которой сталкиваются пользователи Adobe Illustrator – неожиданно пропала панель инструментов и люди теряются как ее вернуть.

Не стоит этого боятся, проблема решается очень просто:

· Если пропала боковая панель инструментов (слева), то вы ее сможете вернуть Окно – Инструменты – По умолчанию

· Если пропала верхняя панель управления то Окно – панель управления

Adobe illustrator — Вылезла сетка перспективы

Одна из неприятных и раздражающих мелочей, с которой сталкиваются многие. Что-то там такое нажали, случайно тыкнули в значок перспективы на панели инструментов и теперь не понятно как это фигню убрать…
Спокойствие, только спокойствие.

Запоминаем сочетание клавиш:

Ctrl + Shift + Iп

Adobe illustrator — Нужен текст в кривых

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

Adobe illustrator — Обтравочная маска

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

Иногда пользователи сталкиваются с проблемой, что не могут трансформировать или произвести другие действия с объектом, т.к. он какой-то не такой)))
Скорее всего перед вами обтравочная маска.
Выберите объект и щелкните правой кнопкой мыши – если в меню вы видите «отменить обтравочную маску», бинго
Обтравочные маски можно создавать только для замкнутых объектов.
Маской применяется объект, который находится сверхукогда все уже готово!

Adobe illustrator — Монтажные области

Еще один загадочный зверь, который не многим понятен. По сути монтажнве области – это листы вашего документа, на которых что-то изображено. При печати, экспорте или создании pdf именно они и видны.
Для управления существует целая панель – «Монтажные области» — она находится справа, если ее нет, то вы можете найти её:
Окно – монтажные области
Вы можете задавать любой размер областей, а так же выстраивать их в нужной последовательности. Первой считается область, которая находится сверху списка. Что бы проще понять, представьте, что перед вами стопка бумаги, самая верхняя – это первая страница, так же вы можете задать любой размер листу или перевернуть его.

Adobe illustrator — Экспорт из вектора в растр

Adobe Illustrator является векторным графическим редактором. И имеет свой формат файлов Ai. Для их открытия требуется наличие программы на компьютере, но если вы хотите показать свою картинку, распечатать, отправить в интернет, на печать и т.д., то применяют экспорт из векторного изображения в растровое.
Как правило, экспортируют в Jpg, png или Tiff , но можно выбрать и другие форматы.
Изображению нужно задать параметры dpi при сохранении, чем выше разрешение, тем качественнее картинка и тяжелее файл.
Png – поддерживает функцию прозрачности.
Можно экспортировать как объект, так и монтажные области.

Adobe illustrator — Создание PDF

Pdf – это уникальный универсальный формат. В нем можно сохранить как векторное, так и растровое изображение, с возможностью или без возможности дальнейшего редактирования.
Если вы сохраняете pdf, с возможностью дальнейшего редактирования, то информация сохранится в кривых, при этом многостраничный документ сохранится полностью, но открывать каждую страницу в редакторе придется по отдельность.
Страница в pdf – это монтажная область
Если хотите сделать максимально лёгкий файл, без возможности копирования, то уберите галочки с этого пункта и поставьте оптимизацию для Web.
В формат pdf мы не экспортирует , а сохраняем, поэтому нужно выбрать «сохранить как»

Основы работы с текстом в Illustrator | Уроки Adobe Illustrator

Изучите основы использования текста в проектах Adobe Illustrator, включая добавление текста, форматирование и стили.

Добавьте строку текста в свои проекты Illustrator.

Adobe Illustrator упрощает добавление текста в различные проекты, а также предоставляет несколько действительно мощных параметров форматирования. Чтобы начать работу с шрифтом, вы добавите одну строку текста с помощью инструмента «Текст» и примените к ней несколько основных параметров форматирования.Чтобы продолжить, вы можете открыть свой собственный документ Illustrator или этот файл из файлов практики для этого руководства. Если вы откроете этот файл, чтобы убедиться, что вы видите все иллюстрации в документе, выберите «Просмотр», «Уместить все в окне». Для начала выберите инструмент «Текст» на панели «Инструменты» слева. В пустой области монтажной области справа просто щелкните, чтобы добавить текст. После щелчка должна появиться небольшая строка текста. Этот тип текста называется точечным и идеально подходит для создания заголовка на плакате или строки текста, например, для логотипа.Текст, который вы видите, является текстом-заполнителем, и его можно заменить. Не снимая выделения с текста, введите «проекты». Чтобы увеличить текст, чтобы его было легче увидеть, выберите «Просмотр», «Увеличить» и сделайте это несколько раз, чтобы он казался немного больше. Теперь, чтобы вы могли перемещать текстовый объект, изменять его размер и выполнять с ним разные действия, выберите инструмент «Выделение» на панели «Инструменты» слева. Подойдите к углу рамки вокруг текста и перетащите. Обратите внимание, что вы растягиваете и текст, и поле. Это может быть действительно полезно, когда вы пытаетесь растянуть текст разными способами, например, для достижения определенного вида логотипа или заголовка для плаката.Чтобы отменить изменение размера текста, которое вы только что сделали, выберите «Правка», «Отменить масштаб». Теперь, чтобы продолжить ввод текста, дважды щелкните слово «дизайн», чтобы переключиться на инструмент «Текст». Установите курсор после слова «дизайн» и введите «made simple». Если бы вы продолжали печатать прямо сейчас, текст продолжался бы в одной строке, если вы не нажали Return или Enter, чтобы создать новый абзац. Чтобы снова увидеть обе монтажные области, выберите View, Fit All in Window. Выберите инструмент «Выделение», и текстовый объект по-прежнему должен быть выделен. Чтобы сделать текст немного меньше, на панели «Свойства» справа от документа вы должны увидеть параметр «Размер шрифта».Щелкните стрелку слева от размера шрифта, чтобы установить размер 11 pt. Теперь вы перетащите его в нужное место. Итак, наведите указатель мыши на текст и перетащите его в правый нижний угол монтажной области слева. Теперь, когда текст черный, а фон темный, вы измените цвет заливки текста, чтобы сделать его более читабельным. На панели «Свойства» щелкните цвет заливки. Убедитесь, что выбран параметр «Образцы», чтобы вы могли видеть некоторые цвета по умолчанию, которые поставляются с вашим документом, а затем выберите этот светло-зеленый цвет, и теперь вы должны увидеть текст.Вы можете нажать Escape, чтобы скрыть цвета, а затем щелкнуть вдали от текста, чтобы отменить его выбор. Теперь, когда вы знаете, как добавлять текст и вносить простые изменения форматирования, попробуйте добавить текст в один из ваших собственных проектов Illustrator, например, для веб-дизайна, значка или логотипа.

Что вы узнали: добавьте строку текста

  • Выбрав инструмент «Текст» на панели «Инструменты», щелкните, чтобы добавить в документ новый текст-заполнитель.Этот текст-заполнитель называется точечным типом. Если по умолчанию выбран текст-заполнитель, введите его вместо.
  • Выберите инструмент «Выделение» на панели «Инструменты». Вы увидите рамку вокруг текста. Это называется текстовым объектом. Перетащите угол текстового объекта, чтобы изменить размер текста внутри.
  • Перетащите текст, чтобы переместить его.

Добавьте абзацы текста в свои проекты.

В этом видео вы узнаете, как добавлять абзацы текста с помощью инструмента «Текст» и применять несколько основных параметров форматирования.Если вы хотите продолжить, откройте свой собственный документ Illustrator или этот практический файл из файлов этого руководства. Чтобы добавить абзац текста в этот документ, выберите инструмент «Текст» на панели «Инструменты» слева, а затем переместите указатель в пустую область монтажной области справа. Щелкните и перетащите, чтобы создать область для текста. Текст-заполнитель должен появиться в текстовом объекте и также быть выбран. Этот тип текста называется типом области и аналогичен тому, как вы создаете текст в Adobe InDesign.Так же вы создаете абзацы текста в Illustrator. Не снимая выделения с замещающего текста, введите текст, а я напечатаю: «Разрешите нам продвигать ваш бизнес». Быстрые, простые и элегантные дизайны, созданные нашими лучшими дизайнерами ». Если у вас есть текст, созданный в другой программе, вы можете скопировать и вставить этот текст в Illustrator или выбрать «Файл», «Поместить» для размещения документов Word, файлов RTF, текстовых файлов и многого другого. Теперь, чтобы переместить текст в нужное место в дизайне, выберите инструмент «Выделение» на панели «Инструменты» слева, перетащите его изнутри текста под этот заголовок.Чтобы изменить размер области шрифта в соответствии с дизайном, щелкните и перетащите угол области шрифта. Обратите внимание, что при перетаскивании текст обтекает. Если вы перетащите угол, сделав область шрифта слишком маленькой, в правом нижнем углу появится красный плюс, говорящий о том, что текст больше не подходит. Это называется вытесненным текстом. Перетащите этот угол, чтобы убедиться, что вы видите весь текст. Теперь, чтобы сделать текст немного меньше, на панели «Свойства» справа от документа вы должны увидеть параметр «Размер шрифта».Щелкните стрелку слева от размера шрифта, чтобы установить размер 11 pt. Затем щелкните в стороне от текста, чтобы отменить его выбор. Теперь вы можете добавлять текст во все виды создаваемых вами проектов, например, описательный текст для брошюры, копирование на веб-сайт или даже контент для вашего собственного дизайна упаковки.


Что вы узнали: добавьте абзац текста

  • Выбрав инструмент «Текст», перетащите его в окне документа, чтобы добавить в документ новый текст-заполнитель.Этот текст-заполнитель называется типом области. Если по умолчанию выбран текст-заполнитель, введите его вместо. Вы можете поместить (Файл> Поместить) текстовые документы (RTF, Word, TXT и т. Д.) В текстовый объект.
  • Перетащите угол текстового объекта, чтобы масштабировать текстовый объект и обернуть текст внутри. Текст, не помещающийся в текстовый объект, называется вытесненным текстом и обозначается красным плюсом в правом нижнем углу рамки.
  • Переместите текстовый объект с помощью инструмента «Выделение».

Изучите форматирование текста, например шрифты Adobe и размер шрифта.

Adobe Illustrator предлагает множество способов настройки внешнего вида текста в ваших проектах. В этом конкретном проекте вы создадите текст заголовка и примените параметры форматирования, такие как шрифты Adobe, размер и цвет, чтобы он выглядел лучше. Если вы хотите продолжить, откройте свой собственный документ Illustrator или этот файл из файлов практики в этом руководстве.Сначала вы добавите в проект текст. Итак, выберите инструмент «Текст» на панели «Инструменты» слева и в пустой области документа щелкните здесь и перетащите, чтобы создать область текста. Введите «Простые дизайны», чтобы заменить замещающий текст. Этот текст требует некоторой помощи по форматированию, он должен быть больше, иметь другой шрифт, чтобы придать ему другой вид, и еще несколько вещей. Чтобы применить форматирование, такое как шрифт и размер, вы выделите текст с помощью инструмента «Текст». Помните, что если ко всему тексту в области применено одинаковое форматирование, вы можете просто выбрать текстовый объект с помощью инструмента «Выделение», щелкнуть и перетащить весь этот текст, чтобы выделить его.Большая часть форматирования вашего текста находится на панели «Свойства» справа. Вы можете поэкспериментировать с множеством вариантов форматирования текста, включая шрифт, размер шрифта, начертание и многое другое. Теперь, чтобы изменить шрифт текста, щелкните здесь меню «Семейство шрифтов». Вы должны увидеть, что выделенный текст «Простые дизайны» отображается как образец текста, чтобы можно было легко просмотреть шрифт в тексте. Вы можете выбирать из списка шрифтов на вашем компьютере, но вы также можете просматривать шрифты Adobe из тысяч, доступных с вашим членством.Щелкните «Найти еще» в меню, чтобы отобразить шрифты Adobe. Ваш список доступных шрифтов может выглядеть иначе, и это нормально. Ваш список шрифтов зависит от типа вашего членства в Creative Cloud и от того, какие шрифты вы уже установили, и имейте в виду, что Adobe всегда добавляет шрифты для своих участников. Чтобы отсортировать шрифты по определенным свойствам, щелкните здесь. Фактически вы можете сортировать на основе шрифтов с засечками, без засечек, различного веса шрифта и т. Д. Мы можем просто выбрать шрифт, поэтому нажмите Escape, чтобы скрыть эти параметры.Прокрутите список шрифтов и найдите Lato. Щелкните стрелку, чтобы увидеть стили шрифтов, а затем щелкните значок справа от имени, чтобы синхронизировать Lato Black с вашим компьютером. В появившемся сообщении нажмите ОК. Шрифт теперь синхронизируется с вашим компьютером. Вы можете выполнить фильтрацию, чтобы увидеть синхронизированные шрифты Adobe в меню «Семейство шрифтов» здесь. Через некоторое время вы должны увидеть только что установленный шрифт Lato Black. Щелкните, чтобы применить его к тексту. Теперь вы измените размер шрифта, чтобы он стал больше. Итак, в меню «Размер шрифта» на панели «Свойства» выберите 36 pt.Вы можете обнаружить, что часть текста теперь скрыта. В этом случае выберите инструмент «Выделение» и перетащите угол текстового объекта, чтобы убедиться, что отображается весь текст. Затем, чтобы переместить текст в его окончательное положение, наведите на него указатель и перетащите сюда. Чтобы изменить цвет заливки, щелкните цвет заливки на панели «Свойства». Убедитесь, что выбран параметр «Образцы», а затем выберите этот зеленый образец. Вы можете нажать Escape, чтобы скрыть цвета, а затем щелкнуть вдали от текста, чтобы отменить его выбор.Как видите, Illustrator предлагает множество вариантов форматирования текста, которые вы можете изучить, от форматирования типа логотипа до тонкой настройки внешнего вида текста в дизайне приложения. Теперь вы можете форматировать свой собственный текст в соответствии с вашими потребностями дизайна.


Что вы узнали: Форматировать текст

  • Выберите инструмент «Текст» и вставьте курсор в текст. Проведите по тексту, чтобы выделить его.
  • На панели «Свойства» справа от документа измените форматирование текста, например семейство шрифтов и размер шрифта.
  • При выборе шрифта в меню «Семейство шрифтов» щелкните «Найти еще», чтобы просмотреть список шрифтов Adobe. Найдите шрифт в списке и нажмите «Активировать», чтобы синхронизировать этот шрифт Adobe с вашим компьютером. Чтобы увидеть синхронизированные шрифты, щелкните Показать активированные шрифты.
  • Измените цвет текста, выделив текст, щелкнув цвет заливки на панели «Свойства» справа от документа и выбрав цвет.

Узнайте, как добавить текст вдоль пути.

В Adobe Illustrator есть несколько методов и инструментов для творчества с текстом. В этом видео вы увидите, как добавить текст к пути. Вы можете добавить текст по краю контура, внутри или снаружи фигуры. Чтобы продолжить, вы можете открыть этот файл из файлов практики для этого руководства. Для начала вы добавите текст вокруг этого желтого круга. Для этого выберите инструмент «Текст» на панели «Инструменты» слева и переместите указатель на верхний край желтого круга.Теперь рядом с указателем появится кружок. Если вы это видите, это означает, что если вы щелкнете, любой набранный вами текст войдет в круг, а это не то, что вам нужно. Нажмите Option на Mac или Alt в Windows и, наведя указатель на край круга, щелкните. Желтая заливка фигуры исчезнет, ​​потому что теперь это текстовый объект. Введите заглавными буквами «БОББИ ЛАГЕРЬ». Чтобы выделить текст, щелкните и перетащите его, чтобы применить к нему форматирование текста. На панели «Свойства» справа от документа выберите размер текста и введите 20.Нажмите Enter или Return, чтобы увеличить текст. После изменения размера шрифта щелкните меню «Семейство шрифтов» и выберите другой шрифт. Я выбрал Arial Black. Теперь вы поверните текст так, чтобы он выглядел немного более центрированным в верхней части круга. Для этого вам нужно использовать инструмент «Выделение». Итак, выберите инструмент «Выделение», переместите указатель рядом с углом рамки по кругу и, когда увидите стрелки поворота, перетаскивайте, пока текст не будет находиться в центре логотипа. Затем щелкните пустую область, чтобы снять выделение с текста.На самом деле есть много способов проявить творческий подход к тексту, включая добавление текста по контуру. Теперь, когда вы знаете, как добавить текст на контур, вы можете создать креативный заголовок для плаката или добавить текст на контур в качестве элемента дизайна в любом создаваемом вами проекте.


Что вы узнали: размещение текста по траектории

  • Выбрав инструмент «Текст», нажмите клавишу «Alt» (Windows) или «Option» (macOS) и щелкните край контура, чтобы добавить текст.
  • Проведите по тексту, чтобы выделить его.На панели «Свойства» справа от документа измените параметры форматирования текста, например цвет заливки, шрифт и размер шрифта.
  • Выберите инструмент «Выделение», переместите указатель за угол текстового объекта и перетащите его, чтобы повернуть.

Измените форму текста творчески, используя контуры и инструмент «Прямое выделение».

В Adobe Illustrator вы можете проявить творческий подход к шрифту, включая редактирование отдельных букв для создания уникального стилизованного текста.Затем вы узнаете, как преобразовать текст в контуры, чтобы вы могли изменить его форму с помощью инструмента «Прямое выделение». Вы можете открыть этот файл из файлов практики для этого руководства, если хотите продолжить. При открытом файле практики вы, скорее всего, увидите диалоговое окно «Отсутствующие шрифты», так как в иллюстрации использовался шрифт Adobe. Доступ к библиотеке шрифтов Adobe включен в вашу подписку Adobe Creative Cloud. Теперь, чтобы исправить недостающие шрифты, нажмите «Активировать шрифты», чтобы синхронизировать шрифт Adobe с вашим компьютером.После того, как шрифт будет синхронизирован, вы можете нажать «Закрыть». Теперь, если по какой-то причине вы не можете синхронизировать шрифт, вы можете нажать «Закрыть», выделить текст и выбрать другой шрифт на панели «Свойства». Окончательный текст находится внизу монтажной области. Вы будете работать с текстом в верхней части монтажной области, чтобы он выглядел как окончательный текст. Выбрав инструмент «Выделение», проведите по всему тексту вверху монтажной области, чтобы выделить его. Это текст, что означает, что вы можете изменить шрифт, размер шрифта и другие параметры форматирования текста.Теперь, чтобы редактировать текст, как если бы мы рисовали фигуры, вам нужно преобразовать текст в векторные контуры. Для этого выберите «Тип», «Создать контуры». Текст теперь состоит из фигур, которые вы можете редактировать. Щелкните в стороне от содержимого, а затем щелкните, чтобы выбрать группу текстовых фигур uno. Чтобы отредактировать букву «о» в этих фигурах, как вы видите здесь на финальном рисунке, вы увеличите его. Итак, выберите View, Zoom In. Затем вы воспользуетесь инструментом «Прямое выделение», чтобы выбрать опорные точки и формы букв, а затем изменить буквы.Сначала убедитесь, что смарт-направляющие включены, выбрав «Просмотр», «Быстрые направляющие». Рядом с Smart Guides должна быть галочка. Умные направляющие помогут легко совместить буквы друг с другом при их изменении. Теперь выберите инструмент «Прямое выделение» на панели «Инструменты» и перетащите его через всю верхнюю половину буквы «o». Наведите указатель на одну из точек привязки, которую вы видите, и вы сможете определить, какие из них выбраны, потому что они сплошного синего цвета и цвета, и перетащите их вверх, чтобы выровнять их по верхнему краю буквы «r». После выравнивания на верхнем крае появится интеллектуальная направляющая пурпурного цвета.Теперь вы внесете некоторые изменения в «числовой» текст здесь. Чтобы выделить текст, выберите инструмент «Выделение» и щелкните текст, чтобы отредактировать его. После выделения текста он становится группой фигур. Чтобы перемещать буквы независимо, а не как группу, вы разгруппируете их. Итак, нажмите кнопку «Разгруппировать» в нижней части панели «Свойства» справа. Чтобы отменить выбор букв, щелкните пустую область. Теперь вы можете редактировать буквы независимо, поскольку они больше не являются частью группы. Щелкните, чтобы выбрать букву «u» и перетащите ее вниз.Умные направляющие пурпурного цвета появятся, когда они будут выровнены по исходному положению и с буквой «u» в «uno». Затем перетащите букву «n» вправо над буквой «u». И снова умные направляющие сообщат вам, когда он выровнен. Теперь вы отредактируете букву «м», растянув нижнюю часть буквы вниз. Выберите инструмент «Прямое выделение» и перетащите курсор через нижнюю часть буквы «m», чтобы выбрать опорные точки внизу. Переместите указатель на одну из выбранных опорных точек и потяните вниз, совместив его с нижней частью буквы «u».Если вы обнаружите, что перемещаете всю букву «m», вы можете выбрать «Правка», «Отменить перемещение», повторно выбрать опорные точки и убедиться, что вы перетаскиваете опорную точку. Чтобы увидеть окончательную иллюстрацию, выберите «Выбрать», «Отменить выбор». В Illustrator есть много способов проявить творческий подход к тексту, включая изменение формы букв. Теперь, когда вы знаете, как создавать контуры из текста и изменять его форму, вы можете создать действительно креативный текст для логотипа или любого другого элемента дизайна, о котором вы только можете подумать.

Что вы узнали: изменение формы текста

  • Выберите инструмент «Выделение» и щелкните, чтобы выбрать текстовый объект.
  • Выберите «Текст»> «Создать контуры», чтобы преобразовать текст в редактируемые контуры.
  • Нажмите кнопку «Разгруппировать» на панели «Свойства», чтобы иметь возможность перемещать буквы независимо.
  • С помощью инструмента «Выделение» перетащите каждую букву отдельно.
  • Выберите инструмент «Прямое выделение» и проведите пальцем по части буквы, чтобы выбрать опорные точки.
  • Перетащите одну из выбранных точек привязки, чтобы переместить все выбранные точки привязки и изменить форму буквы.

3 способа настройки стандартных шрифтов в Adobe Illustrator

Узнайте, как настроить шрифты с помощью трех простых приемов в Adobe Illustrator.

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

Прочтите, чтобы узнать о простых инструментах и ​​методах, используемых для настройки шрифтов в Adobe Illustrator.


1. Изменение стилей с засечками

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

Стили

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

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

Использование шрифта Josefin Slab. Текстуры из 50 Free Distressed Textures Pack.

Активируйте инструмент Type Tool (T) и используйте панель Character для просмотра различных стилей шрифтов.При необходимости отрегулируйте трекинг и кернинг, чтобы создать цельный вид.

Преобразуйте текст в редактируемые векторные контуры с помощью Object> Expand . Вы заметите, что каждая буква содержит точки привязки, определяющие ее общую форму. Перед тем, как манипулировать точками привязки, настройте линейку с помощью Command + R , затем щелкните и перетащите направляющие, чтобы обрамить каждый символ. Вы можете легко скрыть направляющие с помощью команды Command + ; .

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

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


2. Изменение формы клемм

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

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

Использование шрифта Abril Fatface. Фоновое изображение через Ивана Курмышова.

Начните с рисования формы вашего терминала. В этом случае я создал круглую форму с помощью инструмента Ellipse Tool (L) , чтобы имитировать шаровой наконечник.Перетащите фигуру поверх исходного текста и отрегулируйте ее размещение, чтобы оно точно соответствовало форме буквы. Я обнаружил, что настройка цвета или прозрачности фигуры помогает улучшить это выравнивание.

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


3.Интеграция штрихов в формы букв

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

Использование шрифта Banthers Free Font через Agga Swistblnk.

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

Использование шрифта Eldwin Script. Фоновое изображение через Washdog.

Сначала найдите букву с потенциалом автомата перекоса. Буквы с изогнутыми частями или нисходящими элементами идеальны. С помощью инструмента «Перо » (P) нарисуйте изогнутый путь, чтобы имитировать перекос. Отрегулируйте кривые Безье, чтобы они напоминали продолжение формы буквы. Выберите одну опорную точку с помощью инструмента прямого выбора (A) , затем нажмите и удерживайте клавишу Option для индивидуального управления синими маркерами.

Отрегулируйте размер штриха на панели Stroke , чтобы он точно соответствовал весу исходного шрифта. Если ваш шрифт сужается к концу, вы можете использовать инструмент Width Tool (Shift + W) , чтобы отрегулировать ширину штриха.

Преобразуйте контур в форму, перейдя в Object> Expand . Манипулируйте конечной точкой, чтобы имитировать стиль вашего шрифта; в этом случае я закруглил свою форму с помощью углов , находящихся под напряжением, . Затем u nite форма исходного текста с панелью Pathfinder .Ваш новый автомат перекоса теперь полностью интегрирован в форму буквы.


Хотите узнать о многих типографских функциях Illustrator? Ознакомьтесь с этими ресурсами:

Изображение на обложке через De Repente.

Как добавить шрифты в Illustrator

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

Шрифты и гарнитуры
Часто термины «шрифт» и «гарнитура» используются взаимозаменяемо, но на самом деле они относятся к различным аспектам типографики. Шрифты — это отдельные наборы символов, которые имеют одинаковый размер и стиль, например шрифт Times New Roman курсив 12 пунктов или полужирный шрифт Arial Bold 24 пункта. Между тем гарнитура — это целая коллекция шрифтов. Каждый размер и стиль в семействе шрифтов, например Times New Roman, включены в шрифт. В большинстве случаев вы будете добавлять коллекции шрифтов в Illustrator.

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

Если вы используете Windows, вы можете нажать Ctrl + щелчок, чтобы выбрать несколько файлов шрифтов, а затем щелкнуть их правой кнопкой мыши и выбрать «Установить».Шрифты будут автоматически добавлены в вашу библиотеку шрифтов, и Illustrator распознает их, когда вы снова воспользуетесь программой. Между тем, пользователи Mac могут копировать загруженные файлы шрифтов в свою папку «Fonts», расположенную в / Users / / Library / Fonts.

Наконец, запустите Illustrator и нажмите T, чтобы выбрать инструмент «Текст». Затем щелкните и перетащите на монтажную область, чтобы нарисовать новое текстовое поле. На верхней панели параметров вы увидите раскрывающееся меню «Символ» с полным списком установленных шрифтов в алфавитном порядке.Вы также можете получить доступ к этим шрифтам, выбрав «Тип»> «Шрифт» в верхней строке меню. Щелкните свой новый шрифт и начните печатать.

Организация шрифтов
Начиная с Illustrator CC 2017, теперь вы можете сохранять свои любимые шрифты, щелкнув значок звездочки рядом с названием семейства шрифтов. Это позволяет быстро получить доступ к используемым шрифтам между сеансами Illustrator. Вы также можете отфильтровать поиск шрифтов, указав, какой класс (например, Serif, Sans Serif и т. Д.) Вы ищете, или щелкните значок волнистой линии, чтобы найти шрифты, визуально похожие на ваш текущий выбор.

Как использовать Font Awesome в Illustrator и других приложениях »Martech Zone

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

Font Awesome предоставляет масштабируемые векторные иконки, которые можно мгновенно настраивать — размер, цвет, тень и все, что можно сделать с помощью CSS.

Шрифты

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

Font Awesome широко используется для добавления этих логотипов и других значков на веб-сайты, но вы можете не осознавать, что можете загрузить фактический шрифт для установки на свой Mac или ПК! Шрифт TrueType (файл ttf) является частью загрузки. Установите шрифт, перезапустите Illustrator, и все готово!

Нет необходимости запоминать каждый символ или искать нужный, вот как использовать шрифт:

  1. Откройте шпаргалку Font Awesome в своем браузере.
  2. Откройте Illustrator или Photoshop (или другое программное обеспечение).
  3. Установите шрифт Font Awesome .
  4. Скопируйте и вставьте символ из шпаргалки в свой файл.

Вот и все!

Как использовать Font Awesome в Illustrator, Photoshop и других платформах для настольных ПК.

Вот отличный видеообзор о том, как использовать Font Awesome с Illustrator (или другими настольными платформами).

Создание контуров для шрифта Fontawesome

Следует иметь в виду, что не следует использовать его на платформе, в которой шрифт не встроен и требуется его установка в системе.Например, использование его в Word потребует от получателя, чтобы шрифт был загружен в его систему, чтобы его увидеть. В Illustrator или Photoshop вы можете использовать «Создать контуры» для преобразования шрифта в векторное изображение.

  • В Illustrator можно использовать «Создать контуры» для преобразования шрифта в векторное изображение. Для этого используйте инструмент «Выделение» и выберите «Текст»> Создать контуры . Вы также можете использовать команду клавиатуры Ctrl + Shift + O (Windows) или Command + Shift + O (Mac).
  • В Photoshop, щелкните правой кнопкой мыши текстовый слой. Наведите указатель мыши на фактический текст в текстовом слое (не на значок [T]) и щелкните правой кнопкой мыши. В контекстном меню выберите Преобразовать в форму .

Скачать Font Awesome

Раскрытие информации: мы заказали визитные карточки у Moo и разместили нашу партнерскую ссылку выше.

Как создать портрет в стиле цифрового искусства и маркера с помощью Adobe Illustrator (Часть-1)

Последнее обновление: 5 декабря 2019 г.

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

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

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

Шаг 1. Сначала настройте свой документ Illustrator

Начните с распечатанного документа размером 1000 пунктов. х 1000 пт. Убедитесь, что вы изменили цветовой режим на RGB и сохранили растровые эффекты на высоком уровне 300 точек на дюйм.

Шаг 2: Импорт портрета

Теперь импортируйте фотографию или изображение, которое вы хотите использовать в качестве справки. Мы будем использовать портрет Ленардо ди Капарио, который мы скачали из Интернета. Вы можете использовать свои собственные.

Выберите «Файл»> «Поместить» и затем импортируйте.

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

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

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

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

Шаг 3: Установка прозрачности

Выберите фотографию и перейдите на панель «Прозрачность».

Перейдите в Окно> Прозрачность.

Теперь уменьшите непрозрачность фотографии до 50%. Это позволит вам просто увидеть функции, но не будет препятствовать процессу трассировки. После этого перейдите в панель «Слои» и заблокируйте слой эталонной фотографии, чтобы он случайно не сдвинулся.

Ищете дизайн иллюстрации?

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

Шаг 4: Создание двух новых слоев

Теперь перейдите на панель «Слои» и создайте еще два новых слоя. Назовите первую «Контуры», а вторую — «Линии заполнения».

Далее вам нужно выбрать эталонное фото на холсте.

Шаг 5: Настройка рабочей области

Теперь вам нужно назначить рабочее пространство для рисования. Поскольку мы используем Creative Cloud CC 2014, мы получаем эту опцию прямо вверху под Essentials.В случае, если вы не найдете его, вы можете поискать его и не забудьте проверить, чтобы вы легко нашли его в следующий раз!

Перейдите в Основное> Живопись.

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

Шаг 6: Настройка внешнего вида кисти

Теперь перейдите на панель «Оформление», чтобы она появилась на переднем плане.

Перейдите в Окно> Внешний вид.

Щелкните настройки, доступные в верхнем левом углу, и появится раскрывающееся меню.Убедитесь, что отмечены все параметры: Control, Brushes, Color, Color Guide, Layers и Libraries.

Шаг 7. Отмена выбора опции «Новое искусство с основным внешним видом»

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

Теперь вы можете закрыть панель «Оформление».

Шаг 8: Использование инструмента «Кисть»

Теперь дважды щелкните «Инструмент» Кисть «, доступный на панели инструментов.Это приведет к появлению диалогового окна параметров кисти.

Убедитесь, что параметры «Сохранить выделенное» и «Изменить выбранные контуры» не отмечены, поскольку они могут препятствовать естественному процессу рисования. Вы можете установить более низкое значение гладкости, если уверены в рисовании мазков. Однако, если у вас дрожит рука или вы хотите получить более прямые и плавные линии, вы можете выбрать большее число.

Попробуйте поместить указатель «Верность» посередине значений «Точность» и «Сглаживание», поскольку в большинстве случаев это хорошо.

Шаг 9: Создание каллиграфической кисти

Теперь перейдите на панель «Кисти». Сначала выберите обводку 1pt, а затем дважды щелкните 2 pt. Выберите овальную кисть по умолчанию и назовите ее «Каллиграфическая кисть 1».

Отрегулируйте угол, округлость и размер, как показано на снимке экрана. Разброс округлости должен составлять 24%.

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

Вы можете рисовать немного на пустом участке холста, обычно на слое «Контуры», пока не приобретете нужный тип кисти.

Шаг 10: Начальная трассировка

Перейдите в область выбора цвета на панели инструментов с выбранным инструментом Paintbrush Tool. Убедитесь, что на кисти нет заливки цветом, чтобы вы могли свободно выбирать цвета. Не выбирайте 100% черный цвет, если вы стремитесь к более естественному виду.Вместо этого выбор черного с серой обводкой работает идеально.

Выберите процентное соотношение CMYK, H, S, B и RGB, как показано на снимке экрана.

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

Ищете нового графического дизайнера? Если да, позвоните нам по телефону + 1-855-699-2851 [время звонка с 9:00 до 18:00 EST (США)] или зарегистрируйтесь на бесплатную консультацию по дизайну

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

Получите свой дизайн иллюстрации

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

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

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

Логотип пивоварни CBT

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

1. Начните с творческого задания
2. Найдите ключевые слова
3. Набросайте свои идеи
4. Уточните свою работу
5. Получите отзывы клиентов
6. Оцифруйте свой набросок
7. Добавьте текст
8. Добавьте цвет
9 . Представьте свой логотип
10. Экспорт окончательных файлов

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

1.Начните с творческого задания

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

Начните с вопросов. И помните, никогда нельзя просить слишком многого! Вот лишь некоторые из них, с которых можно начать:

  • Чем занимается бизнес? На кого нацелен бренд?
  • Какова история компании? Имеет ли имя какое-то более глубокое значение?
  • Каковы ценности бренда?
  • Какие типы дизайна и визуальные тенденции привлекают вашего клиента?

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

2. Найдите ключевые слова

Получив всю необходимую информацию от клиента, вы можете превратить ее в работающий логотип!

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

by Mky

3. Набросайте свои идеи

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

На этом этапе не думайте о рисовании «красиво». Делайте наброски быстро и не переусердствуйте. Сосредоточьтесь исключительно на переносе идей из головы в бумагу. Вы должны набросать как можно больше идей и концепций.

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 и импортируйте изображение, щелкнув «Файл»> «Поместить» или просто перетащив его на монтажную область.

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

Выберите Pen Tool и начните обводить эскиз.

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 важно для печати и цифрового использования.

Организуйте файлы, дав им правильные имена.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *