Создание текста в иллюстраторе: Дополнение текстовых и рабочих объектов типами объектов

1. Перейти к Редактировать > Настройки > Тип.

2. Снимите флажок Заполнить объекты нового типа текстом-заполнителем .

Заполнить объекты выбранного типа текстом-заполнителем

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

1. Создайте текстовый объект или выберите существующий на монтажной области.

2. Выберите  Введите > Заполните текстом-заполнителем .

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

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

• Тип области (вводится в поле).
• В том же слое, что и объект обертки.
• Расположен непосредственно под объектом обертки в иерархии слоев.
• Если слой содержит несколько текстовых объектов, переместите объекты, вокруг которых вы не хотите обтекать текст, на другой слой или над обтекаемым объектом.

Обтекание текстом объекта

1. Выберите объект или объекты, вокруг которых вы хотите обернуть текст.

2. Выберите Объект > Обтекание текстом > Создайте .

Развернуть текст из объекта

1. Выберите объект, вокруг которого будет заключен ваш текст.

2. Выберите Объект  > Обтекание текстом  > Выпуск .

Вы можете дополнительно настроить способ переноса текста, установив следующие параметры переноса.

Установить параметры переноса

Вы можете установить параметры переноса до или после обернуть текст.

1. Выберите объект обертки.

2. Выберите Объект  > Обтекание текстом  > Параметры переноса текста и укажите следующие параметры:

   • Смещение:  Указывает расстояние между текстом и объектом переноса. Вы можете ввести положительное или отрицательное значение.
     
   • Invert Wrap:  Оборачивает текст вокруг обратной стороны объекта.
     

Обновить устаревший текст

Текстовые объекты, созданные в Illustrator 10 и более ранних версиях, нельзя редактировать, пока вы не обновите их для использования в более поздних версиях. После обновления вы получаете доступ ко всем текстовым функциям Illustrator CS5 и более поздних версий, таким как стили абзацев и символов, оптический кернинг и полная поддержка шрифтов OpenType®.

Используйте любой из следующих вариантов:

• При открытии документа выберите «Обновить» при появлении запроса Illustrator.

• Выберите «Текст» > «Устаревший текст» > «Обновить весь унаследованный текст».
  

Используйте любой из следующих вариантов:

• Чтобы обновить текст без создания копии, выберите текстовый объект и выберите «Текст» > «Устаревший текст» > «Обновить выделенный унаследованный текст».

  Либо выберите текст, который нужно обновить, с помощью инструмента «Текст», либо дважды щелкните текст с помощью инструмента «Выделение» и выберите «Обновить».

• Чтобы сохранить устаревший текст на слое под обновленным текстом, выделите текст с помощью инструмента «Текст» или дважды щелкните его с помощью инструмента «Выделение» и выберите «Копировать текстовый слой».
  

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

• «Тип» > «Устаревший текст» > «Показать копии» или «Скрыть копии», чтобы отобразить или скрыть скопированные текстовые объекты.

• «Текст» > «Устаревший текст» > «Выбрать копии», чтобы выбрать скопированные текстовые объекты.
  

• Тип > Устаревший текст > Удалить копии, чтобы удалить скопированные текстовые объекты.
  

Советы и подсказки

Теперь, когда вы знаете, как добавлять текст к своей иллюстрации, вот несколько советов и подсказок при работе с текстом в области:

• Не щелкайте существующий объект при работе с инструмент Тип  . При этом текстовый объект преобразуется в Area Type  для ввода текста в области или Введите по пути , чтобы ввести текст по пути. Вы можете заблокировать или скрыть объект, чтобы сохранить его как есть.
• Установите для параметра ограничительной рамки значение Показать ограничительную рамку . Если ограничивающую рамку не видно, щелкните Вид > Показать ограничивающую рамку .
• Вы можете использовать инструмент Area Type   , чтобы определить ограничивающую область для объекта с открытым контуром. Illustrator рисует воображаемую линию между концами пути, чтобы определить границы.
• Чтобы преобразовать фигуру в текстовую область, нажмите на пути, а не внутри пути.

сопутствующие ресурсы

• Управление текстовой областью
• Текст темы
• Создание типа по пути

Поговорите с нами

Мы будем рады услышать от вас. Поделитесь своими мыслями с сообществом Adobe Illustrator.

Войдите в свою учетную запись

Войти

Управление учетной записью

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

Сочетание фигур, букв и пустого пространства может творить чудеса при создании пользовательского текстового логотипа.

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

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

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

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

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

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

Что такое текстовый логотип?

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

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

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

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

Словесные знаки и логотипы с монограммами

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

Некоторые логотипы монограмм H&M, CNN, HBO и BBC. Иногда вам потребуется создать текстовый логотип, содержащий только аббревиатуру бренда. Этот тип логотипа лучше всего подходит, если бренд пользуется популярностью и люди могут ассоциировать аббревиатуру с брендом или организацией.

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

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

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

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

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

• Превратить полное название бренда в текстовый логотип
• Создать текстовый логотип из аббревиатуры полного имя, которое может состоять из двух и более букв
  

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

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

‍

~ шаг ~ шаг 1 ~ шаг ~

Мозговой штурм

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

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

Используя доску или альбом для рисования, попробуйте набросать различные способы включения слова (или нескольких слов) в логотип. Если вы работаете только с двумя или тремя буквами, изучите способы объединить их в одну, наложить друг на друга или вырезать некоторые части букв, чтобы придать им более «современный» вид.

Допустим, вам нужно разработать логотип, содержащий буквы «М» и «W». Есть так много способов разместить буквы «М» и «W». Мы взяли эти две буквы в качестве примера, поскольку они похожи. Например, перевернутая буква М вверх ногами будет выглядеть как «W», хотя и с прямыми «руками». Или ноги? Во всяком случае, вы поняли идею.

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

‍

~ шаг ~ шаг 2 ~ шаг ~

Перенесите свои идеи в Illustrator

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

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

Шаг 1: Откройте новый документ.

Шаг 2: Введите свое имя и фамилию. Затем под своим полным именем введите «Фотография».

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

Шаг 4: Продублируйте свое полное имя, щелкнув имя, которое вы уже ввели, удерживайте, а затем перетащите его в созданный документ, а затем отпустите. Это создаст дубликат вашего полного имени.

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

‍

~ шаг ~ шаг 3 ~ шаг ~

Решите, какой тип шрифта вам понадобится .

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

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

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

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

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

Один из наших любимых текстовых логотипов принадлежит ювелирному бренду Cartier. Его чистый и изысканный логотип существует уже более 12 десятилетий!

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

Вот еще 14 известных логотипов, которые вдохновят вас при разработке.

‍

~ шаг ~ шаг 4 ~ шаг ~

Изучение различных вариантов шрифта

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

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

Вариант A: использовать Typekit Illustrator

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

Один из быстрых способов изучить шрифты — отфильтровать их:

Шаг 1: Перейдите на панель «Персонаж» вверху и откройте раскрывающееся меню.

Шаг 2: Нажмите «Найти больше» и перейдите к первому значку рядом со словом «Фильтр». Это отфильтрует шрифты по классификации.

‍ Шаг 3: Измените его на желаемую классификацию. Например, вы можете выбрать классификацию «шрифт сценария».

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

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

Вариант B: Изучите другие шрифты в Интернете

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

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

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

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

Найдя шрифт, загрузите его на свой компьютер. Теперь пришло время добавить новый шрифт в Adobe Illustrator.

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

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

Для Windows

Шаг 1:  Нажмите Win+E, чтобы открыть проводник и перейти в папку ZIP со шрифтом. Вы также можете найти загруженный файл шрифта в папке «Загрузки».

Шаг 2: Извлеките содержимое папки ZIP.

Шаг 3: Дважды щелкните файл шрифта и нажмите «Установить» в верхней части окна предварительного просмотра. Если у вас есть отдельные файлы шрифта для полужирного курсива и т. д., вам нужно будет выполнить шаг 3 для всех этих файлов.

Шаг 4: Откройте Illustrator и откройте предыдущий файл, над которым вы работали.

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

Для Mac

Шаг 1: Откройте «Finder» и перейдите к шрифту, который хотите установить. Как и в Windows, вы также можете найти загруженный файл шрифта в папке «Загрузки».

Шаг 2: Извлеките содержимое папки ZIP (если файл шрифта имеет сжатый формат), дважды щелкнув файл ZIP. Откроется предварительный просмотр загруженного вами шрифта.

Шаг 3: Если у вас есть несколько файлов для извлечения, просто выберите их все, удерживая вкладку «Команда» и щелкая каждый файл, который вы хотите установить. Затем нажмите кнопку «Установить шрифт».

Шаг 4: Перезагрузите Mac, щелкнув значок «Apple» в верхнем левом углу, а затем нажав «Перезагрузить».

Шаг 5: Откройте предыдущий файл, над которым вы работали, в Illustrator.

Шаг 6: Перейдите на панель «Символ» и используйте раскрывающееся меню, чтобы найти и выбрать установленный шрифт.

‍

~ шаг ~ шаг 5 ~ шаг ~

Время на настройку

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

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

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

Предположим, например, что после выбора правильного шрифта вам нужно сократить некоторые буквы.

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

‍

~ шаг ~ шаг 6 ~ шаг ~

Игра со словами , вы можете настроить два слова отдельно, если хотите.

Шаг 1: Выберите фамилию, нажмите «Command» и «X», скопируйте фамилию и вставьте ее на отдельный слой.

Теперь вы можете свободно перемещать обе части имени по отдельности.

Шаг 2: Перейдите к пункту «Выровнять» в верхнем меню и выберите один из вариантов выравнивания в раскрывающемся меню.

Шаг 3: Создайте разные версии логотипа.

Поскольку оба слова «активны» сами по себе, вы можете выбрать фамилию и сжать ее вместе с именем.

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

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

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

Шаг 4: Чтобы имя выглядело более «сложным», выберите полное имя и щелкните правой кнопкой мыши. Это откроет маленькое окно. Нажмите «Преобразовать», а затем перейдите к «Сдвиг». Откроется еще одно маленькое окно, в котором вы можете выбрать «Угол сдвига», а затем щелкнуть поле «Предварительный просмотр».
Если вы не удовлетворены результатом, продолжайте и изменяйте «Угол сдвига», пока вас не устроит внешний вид, а затем нажмите «ОК».

‍

~ шаг ~ шаг 7 ~ шаг ~

Добавьте последнюю часть имени

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

Если вы хотите пойти дальше и использовать инструмент Path Tool , выполните следующие шаги: ‍

Шаг 1: Перейдите к значку прямоугольника прямо под текстовым значком слева. меню и выберите «Инструмент «Эллипс».

Шаг 2: Нажмите на документ и перетащите мышь, пока не будете удовлетворены размером эллипса, который хотите создать.

Мы предлагаем вам сделать этот эллипс поверх подготовленного вами заранее текстового логотипа полного имени и отцентрировать его.

Шаг 3: Чтобы создать изогнутый контур, перейдите к значку прямо над текстовым значком и щелкните «Инструмент ввода пути».

Шаг 4: Наведите указатель мыши на созданный вами эллипс (справа от края) и щелкните один раз. Это поместит текст замкнутого контура «lorem ipsum» вокруг всего контура эллипса.

Шаг 5: Щелкните текст «lorem ipsum», введите «Photography» и отцентрируйте его.

Шаг 6: Используйте маленькие скобки, чтобы центрировать слово «Фотография» прямо под полным именем. Убедитесь, что полное имя и слово «Фотография» прямо под ним расположены по центру.

Шаг 7: Измените размер полного имени или слова Фотография по своему усмотрению.

‍

~ шаг ~ шаг 8 ~ шаг ~

Раскрашивать или не раскрашивать?

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

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

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

Однако в других случаях вам придется придерживаться идентичности компании и ее визуальной идентичности.

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

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

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

Шаг 1: Выберите инструмент формы и откройте окно свойств.

Шаг 2: Найдите параметр «Заливка» в разделе «Внешний вид» и нажмите на него.

Шаг 3: Откроется окно с выбором цветов.

Шаг 4: Выберите свой любимый цвет или цвета, которые будут хорошо сочетаться с текстовым логотипом, который вы только что создали.

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

Если вы хотите, чтобы имя и слово «Фотография» были одного цвета, просто заполните их теми же цветами, которые вы выбрали.

‍

~ шаг ~ шаг 9 ~ шаг ~

Раздвинь границы

Вот и все! Теперь у вас есть текстовый логотип, которым можно гордиться, а также несколько его вариантов, с которыми вы можете продолжать экспериментировать.

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

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

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

Попробуйте расположить буквы не так, как обычно.

Даже если вы не планируете использовать слово вверх ногами, поместив его, например, вверх ногами или под «странным» углом, вы сможете увидеть буквы в другом свете.

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

‍

~ шаг ~ шаг 10 ~ шаг ~

Готов к печати?

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

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

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

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

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

После этого вы можете продолжить и выделить его, выполнив следующие действия:

Шаг 1: Выделите текст с помощью инструмента «Выделение».

Шаг 2: Щелкните правой кнопкой мыши и выберите «Создать контуры»

Шаг 3: Кроме того, после «Шага 1» вы можете перейти в Главное меню, перейти к «Тип», а затем выбрать «Создать контуры»

Шаг 4: Экспортируйте и сохраните готовый к печати файл. Некоторые принтеры рекомендуют сохранять его как файл PDF, файл PNG или файл JPEG, поэтому учитывайте эти рекомендации при экспорте и сохранении файла.

Надписи с помощью Vectornator 

Помните, мы обещали показать вам еще один способ сделать текстовый логотип с помощью Vectornator? Что ж, теперь самое время!

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

Преобразование эскизов в векторные контуры

Шаг 1: Сфотографируйте свои рисунки или эскизы.

Шаг 2: Используйте функцию импорта с камеры, чтобы перенести ваши наброски физических карандашных надписей в Vectornator.

Шаг 3: Коснитесь кнопки Auto Trace, чтобы автоматически преобразовать ваши эскизы в четкие векторные контуры. ‍

Шаг 4: Уточните формы векторных букв с помощью инструмента «Узел».

Использование Auto Trace сэкономит вам много времени!

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

Мощный инструмент Auto Trace от Vectornator позволяет преобразовать ваши буквы в векторные изображения за несколько минут. Кроме того, вы можете использовать Pen Tool, чтобы обвести линии вручную. После того, как вы превратили свои буквы в векторные фигуры, вы можете настроить их дальше, не беспокоясь о масштабируемости.

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

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

Руководство по созданию 3D-текста в Adobe Illustrator

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

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

Шаг 1: Добавление текста

Начнем с ввода текста. Нажмите на инструмент «Текст» (T), щелкните и перетащите поле на монтажной области для вашего текста, затем введите «ТЕКСТ ДИЗАЙНА» в две строки. Это даст нам форму, которую мы ищем.

Вы можете настроить размер текста, открыв панель символов (Окно > Тип > Символ или нажмите Ctrl/Cmd + T). Я использую шрифт Adelle Basic Bold, но вы можете использовать другой подобный шрифт, если хотите.

Шаг 2: Преобразование текста в контуры

Теперь мы собираемся преобразовать текст в формы, чтобы с ним было легче работать. Используя инструмент «Выделение» (V), нажмите на текст, а затем выберите «Текст» > «Создать контуры» (Shift + Ctrl/Cmd + O).

Чтобы получать регулярные консультации по цифровому маркетингу, подпишитесь на электронную рассылку, которая более 200,000 доверие других маркетологов:

Еженедельный доход.

Зарегистрируйтесь сегодня

Шаг 3. Настройка кернинга и интерлиньяжа

Кернинг (пробел между буквами) и интерлиньяж (пробел между верхним и нижним словом) текста необходимо отрегулировать, чтобы все вписывалось более плотно . Во-первых, нам нужно разгруппировать текст, поэтому перейдите в Объект > Разгруппировать (Shift + Ctrl/Cmd + G). Это позволит нам нажимать на каждую букву отдельно.

Щелкните и перетащите рамку вокруг «ТЕКСТ» с помощью инструмента «Выделение» (V), чтобы выбрать только это слово, а затем переместите его ближе к «ДИЗАЙН». Чтобы исправить кернинг «ДИЗАЙН», мы хотим перетащить рамку вокруг «ДИЗАЙН», исключая «N», последнюю букву, с помощью инструмента «Выделение» (V). Поскольку мы хотим, чтобы «N» в «DESIGN» и «T» в «TEXT» оставались на одной линии, переместите выбранные буквы вправо на пробел или два.

Повторяйте это с «DESI», «DES» и так далее, пока текст не станет равномерным.

Шаг 4: Добавление цвета

Поскольку стороны 3D-текста будут лучше видны, мы добавим цвета буквам. Сначала выберите все буквы «ДИЗАЙН» и залейте их желтым цветом. Примечание. Если панель «Цвет» не открыта, выберите «Окно» > «Цвет» (F6).

И если у вас не настроен RGB в качестве цветового режима, вы можете щелкнуть стрелку в правом верхнем углу панели, а затем нажать RGB в параметрах. Мы собираемся сделать то же самое с «ТЕКСТОМ», но он будет светло-голубым. Вы можете поместить цвета в свою панель образцов (Окно > Образцы, если вы ее не видите), просто щелкнув и перетащив на нее свой цвет из панели цветов.

Шаг 5: Настройка размера

Теперь мы можем начать работать над 3D-текстом. Во-первых, мы должны сделать так, чтобы текст немного больше заполнил монтажную область. Выделите оба слова, удерживайте нажатой клавишу Shift (чтобы текст не искажался), а затем перетащите угловую привязку, чтобы увеличить ее.

Шаг 6. Знакомство с 3D-текстом

Приступим к работе над 3D-текстом. Во-первых, сгруппируйте буквы, выбрав «Объект» > «Группировать» (Ctrl/Cmd + G), чтобы, когда мы делаем наш текст трехмерным, буквы оставались одной формой, а не становились отдельными трехмерными фигурами. Затем выберите «Эффект» > «3D» > «Вытягивание и скос», после чего откроется диалоговое окно «Параметры».

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

Шаг 7. Настройка 3D-текста

Давайте поэкспериментируем с параметрами 3D-выдавливания и скоса. Синий квадрат в 3D-окне диалогового окна параметров — это лицевая сторона текста. Вы можете щелкнуть и перетащить каждый край куба и посмотреть, как они изменят ваш 3D-текст.

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

Шаг 8. Настройка перспективы

Верхний правый угол «ДИЗАЙН» выглядит неуместно и не соответствует перспективе. Чтобы исправить это, мы можем настроить Перспективу примерно на 50 ^o для нашего текста.

Шаг 9: Настройка высоты

Наконец, мы собираемся настроить высоту сторон текста с помощью Extrude Depth, чтобы сделать их немного короче (до 40pt). Для наших целей это единственные параметры, которые нам нужно изменить в тексте, поэтому нажмите OK, чтобы зафиксировать настройки.

Шаг 10. Преобразование 3D-текста в контуры

Текст выглядит нормально: он имеет некоторые базовые оттенки, но в целом он довольно темный и довольно пресный. Кроме того, мы хотим добавить к нему стилизованное затенение, чтобы сделать его более интересным. Чтобы начать редактирование текста, перейдите в Объект > Разобрать внешний вид.

Это возьмет 2D-текст и создаст пути для 3D-текста. Нам нужно разгруппировать текст, чтобы мы могли начать работать над разными его частями. Совет: Группировка и разгруппировка объектов — это две распространенные команды Illustrator.

Предлагаю привыкнуть к сочетаниям клавиш для них — Ctrl/Cmd + G (Группировать) и Ctrl/Cmd + Shift + G (Разгруппировать). В этом случае сочетание клавиш будет проще, потому что нам придется несколько раз разгруппировать, чтобы убедиться, что все разгруппировано.

Шаг 11. Настройка цвета лицевой стороны текста

Выберите лицевую сторону букв «ДИЗАЙН», щелкнув одну лицевую сторону, удерживая нажатой клавишу Shift, и щелкнув остальные, чтобы выбрать их все сразу. Чтобы применить цвет, щелкните желтый образец, который мы поместили на панель образцов. Сделайте то же самое с «ТЕКСТОМ» и синим цветом, который мы выбрали.

Шаг 12: Создание цветов теней

Чтобы затенить стороны текста, нам нужно создать больше цветов. Мы хотим иметь еще два желтых: темный и темный или . Чтобы сделать два других желтых, щелкните исходный желтый цвет, который мы использовали для лица «ДИЗАЙН» на панели «Образцы», и вычтите 40 из R и G (например,

247, 187, 14 становится 207, 147, 14). Щелкните и перетащите этот желтый цвет на панель образцов и создайте еще один желтый, вычитая еще 40 из R и G, чтобы получилось 167, 107, 14. Это будут наши 3 желтых цвета. Повторите то же самое и для блюза, вычтя 40 из G и B, чтобы получилось 113, 146, 170 и 113, 106, 130.

Шаг 13. Упрощение кривых

Вы заметите, что когда вы нажимаете на некоторые изогнутые формы, они разделяются на две части. Мы хотим объединить эти две части в одну, поэтому откройте панель Обработки контуров, если она у вас не открыта (Shift + Ctrl/Cmd + F9). Нажмите на одну часть стороны, а затем, удерживая Shift, нажмите на другую.

Щелкните команду «Объединить» на панели Pathfider, затем щелкните «Развернуть». Это объединит две фигуры в одну. Сделайте это со всеми изогнутыми формами, которые разделены.

Шаг 14: Добавление темных теней

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

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

Шаг 15. Добавление более светлых теней

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

Шаг 16: Создание градиентов теней

Теперь давайте создадим несколько градиентов. Откройте панель градиента (Ctrl/Cmd + F9), если вы еще этого не сделали. Нажмите и перетащите образец самого яркого желтого цвета к левой стороне градиента, а второй желтый — к правой стороне градиента.

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

Чтобы применить градиенты к определенным фрагментам, просто выберите этот фрагмент и щелкните образец цвета градиента. Повторите это с синими градиентами.

Шаг 17. Добавление градиента к светлым теням

Теперь помните, что наш источник света исходит справа, поэтому фигуры будут отбрасывать тень справа налево. Имея это в виду, нажмите на более светлые стороны текста, а затем нажмите на более светлый градиент. Чтобы настроить градиент, нажмите на инструмент «Градиент» (G) на панели инструментов.

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

Шаг 18. Завершение градиента светлой тени

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

Шаг 19. Добавление темных градиентов теней

Повторите то, что мы сделали с более светлыми областями, и добавьте темные градиенты к более темным областям. Более темные области будут самыми светлыми вверху и самыми темными внизу (где меньше всего света).

Шаг 20. Осветление начертаний текста

Мы можем назвать его хорошим как есть, но если мы хотим сделать начертания текста немного более заметными, мы можем щелкнуть на каждой лицевой стороне буквы (удерживая нажатой клавишу Shift, чтобы выбрать отдельные части вместе), затем Ctrl/Cmd + C (Копировать), а затем Ctrl/Cmd + F (Вставить на передний план). Заполните эти скопированные буквы белым цветом. Откройте панель прозрачности (Shift + Ctrl/Cmd + F10).

Измените режим наложения на «Перекрытие» и уменьшите непрозрачность до 30%.

Краткое изложение урока

Вот и все, ребята. В этом уроке были рассмотрены некоторые методы создания великолепного 3D-текста с точными оттенками. Мы не использовали программное обеспечение для 3D-рендеринга — только Illustrator.

Самое замечательное в создании 3D-объектов в Adobe Illustrator заключается в том, что вы можете настроить размер букв, чтобы они были как можно больше или меньше (потому что это, в конце концов, векторный объект) и импортировать их легко в другое программное обеспечение Adobe Creative или Production Suite, а также в сторонние продукты.