Инструменты для работы с текстом и заливкой в Adobe Illustrator

Инструменты для работы с текстом и заливкой в Adobe Illustrator

Как работать с текстом в Иллюстратор

Автор иллюстрации: Ольга Киналь,
слушатель курса «Все о паттернах в Adobe Illustrator».

Для создания надписей в Иллюстраторе есть инструмент Текст. Выглядит он вот так.

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

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

В новых версиях Иллюстратор, при клике инструментом сразу появляется подстановочный текст Lorem ipsum. Его можно стереть курсором, нажав Delete или Backspace.

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

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

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

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

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

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

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

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

Имейте в виду, что после превращения «строчного» текста в «блочный» нужно будет убрать из текста «энтеры», которые стоят в конце каждой строки. Чтобы их увидеть, нужно включить режим показа скрытых символов (Tyle> Show Hidden Characters).

На нашем курсе «Векторная графика в Adobe Illustrator» мы отводим целое занятие под типографику и работу с текстом. Рассказываем про базовые понятия: кернинг, трекинг, интерлиньяж, кегль и т. п., обсуждаем работу со шрифтами, показываем инструменты Иллюстратора и объясняем, какие задачи они решают. На практике делаем постер на основе леттеринга, визитки, обложку книги. Заходите на страницу курса, чтобы посмотреть программу и на страницу работ выпускников, чтобы посмотреть, как и чему мы учим.

Как сделать текст в Illustrator

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

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

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

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

Изначально вы должны знать, что бывает текст строчный, а бывает блочным. Строчный текст – это то, к чему мы все привыкли. Это текст, который вы пишите строкой, а после, переноситесь на новую строчку при нажатии «Enter».

Блочный текст – это текст, который вы будете писать внутри выделенной области. В этом случае строчка будет перескакивать сама, но не на начало страницы, а на начало блока, в том числе и при нажатии «Enter». Примечательно, что такой блок, даже с готовым текстом, вы можете перенести на любой участок вашей рабочей страницы.

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

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

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

Перейдем к настройкам текста. Для примера мы сделаем блок с каким-нибудь текстом.

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

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

Бывают ситуации, когда вам нужно сделать 2 столбца текста, один возле другого, с продолжением. Да, можно сделать 2 раздельных блока, но зачем лишние движения? Вам достаточно будет уменьшить первый блок, и создать второй. Когда вы уменьшите первый блок, то увидите в его правом нижнем углу плюсик. Зажмите его курсором и перенесите на второй блок. Таким образом продолжение одного текста у вас появится во втором.

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

А на этом мы с вами прощаемся, всем удачи и до новых встреч.

Записки микростокового иллюстратора

Микростоки: рисуем и зарабатываем на своем творчестве

  • Главная
  • Об авторе
  • Содержание
  • Микростоки
  • Уроки Ai
  • FAQ
  • Стать автором
  • Благодарности
  • Сообщество

13 окт. 2009 г.

Adobe Illustrator за 30 дней. День 16: Основы работы с текстом

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

Читайте также  Чем визажист отличается от стилиста

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по 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).


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

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

Эффективные приемы в Adobe Illustrator — часть 3

Сегодня Натали Ульрих поделится с нами несколькими очень интересными «фишками». В этой статье мы поговорим о работе с цветом, градиентными заливками и особенностях работы с инструментом Пипетка (Eyedropper Tool). Также мы снова поговорим о выравнивании объектов и узнаем, как выровнять объекты с обводкой. Лично я нашла в этой статье много новой и полезной информации.

Переключение между заливкой и обводкой

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

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

Быстрая отмена заливки или обводки

Если хотите отменить Заливку или Обводку, нажмите кнопку с косой чертой /.

Меняем местами цвет заливки и обводки

Чтобы поменять местами цвет заливки и обводки, нажмите сочетание клавиш Shift + X.

Выбираем Пипеткой только цвет

По умолчанию инструмент Пипетка (Eyedropper Tool) копирует внешний вид объекта, а именно: цвет заливки и обводки, настройки обводки и прозрачности и т. д. Эти настройки можно задать в окне, которое откроется, если дважды щелкнуть по кнопке инструмента (см. рисунок).

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

Трансформация узора отдельно от объекта

Трансформировать можно не только объекты, но и узоры. Более того, объект останется таким как есть. Используя любой инструмент трансформации (Поворот, Размер, Наклон и т. д.), нажмите и держите клавишу

(тильда). Не отпускайте ее до тех пор, пока не закончите трансформацию. В противном случае трансформируется объект.

Используем Глобальный цвет

Глобальный цвет позволяет создать документ, в котором легко поменять цвета всех объектов. Создайте новый образец цвета в палитре Каталог (Swatches panel). Дважды щелкните созданный образец и в открывшемся окне Параметры образцов (Swatch Options) поставьте галочку возле Глобальные.

Используйте этот образец для всех объектов, цвет которых вы хотите изменить. Если есть возможность, примените Глобальный цвет просто двойным щелчком по его образцу в палитре. Или перетащите в палитре на Глобальный цвет другой образец, удерживая клавишу Option/Alt. На рисунке (см. ниже) было создано два Глобальных цвета. Один для фона, другой для объектов. И можно легко изменить цвет всех объектов, не выделяя их как группу.

Образец цвета из любой точки экрана

Скопировать цвет можно из любой точки экрана. Даже за пределами Adobe Illustrator. Выберите инструмент Пипетка и щелкните в любом свободном месте. Удерживая кнопку мышки, перетащите инструмент на любой видимый цвет, даже в любой другой программе или просто на рабочем столе. При перемещении курсора цвет меняется автоматически. Можно выбрать любой цвет, кроме цвета кнопки «Start» в операционной системе Windows Vista.

Применяем выбранные цвета

После того как вы выбрали цвет инструментом Пипетка, его можно применить к невыделенному объекту, если удерживать клавишу Option/Alt. При этом кончик инструмента становится черным.

Выбираем цвет градиента

Цвет для градиента можно выбрать с помощью инструмента Пипетка. Щелкните на Шкале градиента в палитре тот цвет, который вы хотите изменить, и новый цвет выберите Пипеткой, удерживая клавишу Shift.

Копируем цвет на Шкале градиента

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

Меняем местами цвета на Шкале градиента

Чтобы поменять местами цвета на Шкале градиента, перетащите один прямоугольничек на другой, удерживая клавишу Option/Alt.

Используем для градиента образцы из Каталога цветов

Если выбрать прямоугольничек на градиентной шкале в палитре Градиент (Gradient panel), а затем щелкнуть образец в палитре Каталог цветов (Swatches panel), изменится цвет объекта, а не градиента. Чтобы изменить цвет прямоугольничка на градиентной шкале, выберите необходимый прямоугольничек, нажмите клавишу Option/Alt и щелкните образец в палитре Каталог цветов. Также можно перетащить образец из палитры Каталог цветов (Swatches panel) на градиентную шкалу в палитре Градиент (Gradient panel), чтобы изменить цвет прямоугольничка или создать новый.

Меняем цвет обводки

Цвет обводки можно легко и быстро изменить, даже не выделяя. Перетащите образец цвета из палитры Каталог или Цвет на обводку. Если в палитре инструментов обводка не активна, перетаскивая образец, удерживайте клавишу Shift.

Читайте также  Какое плоскогорье самое большое на земле

Меняем цветовую модель в палитре Цвет

Чтобы изменить цветовую модель в палитре Цвет (Color panel), например RGB или HSB, щелкайте Спектр палитры (Color Spectrum Bar), удерживая клавишу Shift. И выберите нужную вам цветовую модель из тех, что есть.

Два способа получить серый цвет

Если вам нужен серый цвет, получить его можно двумя способами. Можно использовать цветовой режим Серая шкала (Grayscale) и менять насыщенность цвета от белого (0%) до черного (100%). Но при этом объект всегда будет оставаться серым, и вы не сможете сделать его цветным, пока не измените цветовой режим. Чтобы этого избежать, выберите в палитре Цвет (Color panel) цветовую модель CMYK и задайте в поле значение для K. Для остальных установите — 0%.

Используем границы просмотра

При выравнивании объектов или изменении их размеров в Adobe Illustrator учитываются контуры объекта, а толщина обводки по умолчанию игнорируется. Чтобы учитывалась толщина обводки, поставьте галочку возле команды Использовать границы просмотра (Use Preview Bounds) в окне Установки (меню Редактирование, Установки, Основные). Чтобы открыть окно, используйте сочетание клавиш Cmd/Ctrl + K. Теперь все изменения и расчеты будут производиться с учетом толщины обводки (см. рисунок ниже).

Единственный недостаток этого совета в том, что выбранная опция будет влиять на все дальнейшие действия и изменения. Но при использовании палитры Выравнивание (Align panel), эту опцию можно включать/выключать в меню палитры.

У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.

Инструменты для работы с текстом и заливкой в Adobe Illustrator

Никакой «воды» – только ценная информация и работающие лайфхаки по веб-дизайну и программированию

  • Дизайн
    • UX-дизайн
    • Вдохновение
    • Инструменты
    • Книги
    • Лекции
    • Полезные материалы
    • Типографика
    • Фриланс
  • Маркетинг
    • SEO
    • SMM

Инструменты Adobe Illustrator

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

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

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

Линейка (Ruler)

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

Сетки и направляющие не отображаются по умолчанию. Чтобы активировать этот инструмент используем горячие клавиши Сtrl+R или заходим в меню View там выбираем Rulers и находим Show Rulers. В результате появятся линейки сверху и слева.

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

Blend Tool

Вспомогательное средство, вызвавшее вокруг себя множество дискуссий относительно целесообразности его использования. Большинство дизайнеров по достоинству смогли оценить его спустя продолжительное время использования. Использовать данный инструмент можно в самых разных случаях. Создать плавные цветовые переходы или сложные паттерны и текстуры окажется несложной задачей вместе с Blend Tool. Он расположен на панели инструментов или вызывается из меню Object>Blend. В арсенале крутого дизайнера несомненно должно быть такое оружие.

Artboards Panel

Идеальный помощник в создании брендбука. Чтобы не создавать несколько документов для разных носителей информации (например баннер, буклет, визитка) используйте монтажные области.

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

Layers Panel

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

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

Offset Path

Очень часто необходимо создать копию увеличенную в размере или увеличить значение контура объекта. Это можно сделать не одним способом и как правило новички используют способы, которые влекут за собой множество лишних движений. В Illustrator есть очень хороший инструмент — Offset Path (параллельный контур).
Из названия следует, что данный инструмент создает копию под объектом. Копия абсолютно идентична оригиналу, отличается лишь размер.

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

The Clipping Mask

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

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

Pathfinder Panel

Создавать новые фигуры различными способами станет проще благодаря использованию нескольких режимов Shape Mode на панели Pathfinder. Как уже упомянулось ранее много чего можно сделать и с помощью инструмента Clipping Mask.

Используя четыре режима Unite, Subtract, Intersect и Exclude создавайте интересные формы. Советую из своего опыта, а какой инструмент будете использовать вы, смотрите сами исходя из удобства и личных предпочтений.

Align Panel

Align (Выравнивание) — этот инструмент поможет вам распределить фигуры пропорционально, на определенном расстоянии друг от друга. Если нужно выровнять все элементы, к примеру, по левому краю, достаточно выделить нужные элементы и кликнуть на инструмент.

Для начала выводим сетку на дисплей. Для этого, заходим в раздел меню View и находим Show Grid.
Любому дизайнеру удобнее разместить элементы на определенном расстоянии друг от друга, располагая их на сетке. Это гораздо упростит работу и подскажет правильную структуру макета.

Читайте также  Агностик или атеист: в чём разница?

Snap to Grid/Pixel Grid

Иногда важно разместить элементы на макете в точности до пикселя. Для этого в Illustrator имеется функция Snap to Grid / Pixel Grid (Привязка к сетке/пиксельная сетка).
Под каждый индивидуальный проект придется настраивать сетку отдельно. Это зависит от размера холста и размещения элементов.
Данный инструмент позвонит создать проекты с удивительной точностью изображения.

Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна для начинающих, и учиться Вам теперь станет в удовольствие!

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: