Как сделать курсив в illustrator
23 декабря 2011 | Опубликовано в графика | 25 Комментариев »
Дежурка как-то незаслуженно оставила без внимания мощнейший инструмент дизайнера — Adobe Illustrator. Спеша исправить эту черную несправедливость, публикуем подборку отличных туториалов по созданию текстовых эффектов в Иллюстраторе. Если вы чего-то не знали об использовании Illustrator по отношению к надписям и текстам, то вы несомненно найдете ответы в этих уроках, а комментарии к ним помогут понять суть каждого туториала.
Уверена, в эти дни активного производства множественных поздравлялок-открыток-баннеров и прочей предновогодней графики, эти быстрые и качественные туториалы вам придутся ой как кстати. Да и для обычных проектов часто не помешает разнообразить плоские надписи креативными оригинальными эффектами Illustrator.
1. Создаем блестящий золотой текст в Adobe Illustrator
В этом туториале вы найчитесл создавать блестящий золотой текст. Хотя туториал и невелик, в его 16 шагах уместилось множество техник и эффектов, которые вы сможете применить в других проектах. Возможно, вы встретите некоторые трудности с этапом использования Pen Tool, но — терпение и труд все перетрут ))
2. Как построить текст из кирпичей в Illustrator
В этом уроке авторы используют 3D-рендеринг, Blends и Art Brush, создавая кирпичные буквы. Навыки, полученные вами в этом уроке, легко применить для создания другой «кирпичной» графики.
3. Как сделать неоновый текст
В этом туторриале вы узнаете, как создавать эффект неонового свечения, используя Gradient Mesh, 3D моделлирование, Art Brushes и палитру Transparency
4. Как создать эффект искрящегося текста
В этом быстром уроке вы научитесь создавать искрящийся текст за 15 простых шагов. Урок основан на использовании панели Appearance. По сути, почти весь эффект создается одним составным путем. Путь с простой заливкой, восемью линиями и пара простых эффектов Illustrator
5. Как создать надпись из леденцовых тросточек
В этом туториале мы сделаем в Illustrator и Photoshop классную надпись в стиле полосатого леденца. Этот эффект очень пригодится вам для рисования разных новогодних и рождественских поздравлений!
6. Эффект тающего ледяного текста
Созздайте по этому уроку классный эффект таящего текста в Illustrator. Вы узнаете, как делать светящиеся капли жидкости и другие интересные техники обработки текста.
7. Эффект воды на тексте
В этом туториале автор показывает процесс работы над своим проектом. Вы увидите, как он использует mesh tool для создания водяных капель, symbol sprayer tool и другие.
8. Надпись в стиле Tron Legacy
В этом уроке вы научитесь создавать красивый эффект в стиле Tron Legacy. Для этого в туториале используются Adobe Illustrator, Adobe Photoshop и Cinema 4D.
9. Создаем иллюстрацию бутылочки и лилового текстового всплеска
В этому туториале вы нарисуете небольшую буылочку, из которой выплёскивается текст в виде лилового вещества. Мы будем делать его множеством слоев с формами разной прозрачности. Поработаем с путями и инструментом Pathfinder, чтобы украсить текст, придать ему объем и стиль.
10. Как создать эффект шоколадного текста
Урок для всех любителей шоколада: возможность сделать в Illustrator надпись в виде шоколадного батончика. Вам пригодятся Blend Tool, эффекты Roughen и Chrome, разные режимы смешивания, а также эффект 3D Extrude & Bevel для создания шоколадных квадратиков.
11. Создаем красочную бумажную надпись
В этом уроке автор показывает, как поднять себе настроение яркой иллюстрацией теста из бумажных полосок и лент. Мы создадим уникальную надпись и применим эффекты Illustrator на полную катушку, чтобы приукрасить нашу работу.
12. Создаем разнообразные трехмерные эффекты для текста на постере
В этом уроке автор показывает три способа создания простых 3D-эффектов для дизайна постера.
13. Создаем пушистую каллиграмму
В этом туториале автор показывает, как можно создать собственную каллиграмму, посвященную песику по имени Поппи. Вы научитесь изменять шрифт для придания ему вида мехового изделия, добавлять надписи разные «собачьи» детали.
Работа с Текстом по Контуру в Illustrator
Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)
В этом коротком уроке, вы научитесь как использовать инструмент Текст по Контуру (Type on Path) в Adobe Illustrator. Это очень удобный инструмент при работе с логотипами и беджами. Так что давайте приступим!
Текст По Окружности
Давайте начнем со случая для беджа. В первую очередь вам нужно создать базовую линию вдоль которой будет печататься текст. Создайте круг или часть окружности внутри беджа. Что вам делать (выбрать круг или часть) зависит от того как много у вас текста, и на сколько вы хотите, что бы он огибал окружность.
После того, как вы создадите контур, щелкните на нем используя либо инструмент Текст (Type Tool) либо Текст по Контуру (Type On A Path Tool). Если вы работаете с замкнутым контуром, таким как окружность, то ваш вариант только Текст по Контуру. Щелкните по контуру и появится мигающий курсор. Напишите ваш текст.
В некоторых случаях текст может не помещается вдоль кривой. Вы увидите квадратик с символом плюс (+) внутри. Это говорит о том, что текста больше, чем может поместиться вдоль контура. Не беспокойтесь! Это легко исправить.
Если ваш текст по прежнему не вмещается в контур (что показывает плюсик в квадратике, который никак не хочет исчезать), вам необходимо подрегулировать размер, интервал, или масштабировать шрифт по горизонтали, что бы вписать его в контур. Иногда, проще воспользоваться другим шрифтом. В этом случае, я изменила и шрифт и размер. Теперь текст отлично вписывается в контур.
Теперь, когда текст на своем месте, вы возможно пожелаете поработать над его улучшением дальше. Хотите что бы текст выравнивался по центру? По правой стороне? По левой? Просто выделите текст и форматируйте его так же, как вы бы форматировали любой другой, используя панель Управления (Control panel), панель Абзац (Paragraph) или панель Символ (Character). Или, как вариант, возьмите выравнивающую скобку и потяните за нее, пока текст не окажется там, где вам нужно. Вы можете также добавить пробелы и подрегулировать кернинг.
Опции Текста по Контуру
Вы можете применить ряд эффектов к тексту размещенному по контуру. Что бы применить их, выберите контур и зайдите во вкладку Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). Ниже приведены примеры, как каждая опция может влиять на текст.
Вертикальный Текст
Идем дальше, я показал вам только как использовать горизонтальный текст. Вы можете создавать также вертикальный текст по контуру. Выберите либо Вертикальный текст (Vertical Type Tool), либо Вертикальный Текст по Контуру (Vertical Type On A Path Tool). Затем щелкните по вашему контуру и начинайте печатать.
Регулировка Вертикального Выравнивания Текста по Контуру
Вам не нравится, когда ваш текст находится на контуре? Нет проблем! Выберите контур. Затем, выберите Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). В меню Выровнять по Контуру выберите одну из опций: Верхний Выносной элемент (Ascender), Нижний Выносной элемент (Descender), По Центру (Center) или Базовая линия (Baseline) (опция по умолчанию).
Регулирование Межсимвольного Интервала Возле Перегиба Кривой
Иногда текст не идет плавно вдоль кривой. Места резкого перегиба особенно неприятны. Если это случается, вам нужно либо что-то делать с кривой, либо с текстом.
Выберите контур. Затем выберите Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). Выберите значение из предложенных величин. Чем выше номер, тем меньше межсимвольное пространство. Когда вы работаете с очень острыми углами, такая настройка может быть очень трудоемкой. Иногда проще или изменить кривую, или сдвинуть текст вдоль кривой до подходящего момента.
Отражение Текста
Что если вы не хотите, что бы ваш текст шел поверху вашего контура? Тогда отразите его!. Нужно просто взять выравнивающую скобку и потянуть ее на противоположную сторону контура. Вы можете также отразить текст если зайдете в Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options) и выберите Зеркальное Отражение (Flip).
Иногда текст отражается, тогда когда вы этого совсем не хотите, что может немного раздражать. Чтобы избежать случайного отражения текста, удерживайте клавишу Control (для Windows) или Command (для Mac OS), когда вы его перемещаете.
Заключение
Теперь, когда вы знаете, входы и выходы, хитрости, выверты и выподвыверты в создании текста по контуру, вы сможете с легкостью справиться с новой задачей, где потребуется разместить текст вдоль кривой. Оживите ваш следующий проект, добавив в него несколько строк текста по контуру!
Инструмент Type в Illustrator: Исчерпывающее введение
Функции
Клавиатурные сокращения
Cursors
Управляющие клавиши
Панели
Панель Character (Символ)(Window > Type > Character)
Твоя рабочая лошадка при редактуре текста. В ней ты можешь даже изменить внешний вид твоего текста, символ за символом. Также в этой панели доступны несколько полезных опций:
Панель Paragraph (Window > Type > Paragraph)
Предоставляет доступ к базовым опциям редактирования параграфов (блоки текста, разделенные горизонтальными промежутками). Панель включает следующие опции: отступ, выравнивание и пространство над и под параграфом.
Также стоит отметить опцию «Перенос». Когда опция выбрана, слова, длина которых превышает длину строки и которые будут разрываться, дополняются (-), а их окончание переносится на новую строку. В каком именно месте слова будут разрываться для переноса определяется выбранным языком (в панели Символ). Поэтому для корректности переносов, убедись соответствует ли выбранный язык в панели Символ(Character) языку набираемого текста.
Панель Open Type (Window > Type > Open Type)
Эта панель используется для того, чтобы определить как отображать в твоем документе чередующиеся символы Open Type. Альтернативные символы, которые доступны для выбранного семейства шрифта можно просмотреть в панели Glyphs (Глифы)(смотри ниже).
Панель Glyphs (Window > Type > Glyphs)
Панель «Глифы» отображает список альтернативных символов, которые допустны для каждого шрифта. При щелчке по нужному символу, во время набора текста, этот символ добавляется в документ. В настройках панели можно выбрать различные размеры миниатюр для повышения удобства просмотра, меню выбора символов содержит только конкретные глифы, а выпадающее меню содержит их альтернативы.
Панель Character Styles(Стили символов) (Window > Type > Character Styles)
Незаменима в документах, где часто повторяются одни и те же стили текста. Точно также, как InDesign использует определенные стили и в CSS определяются стили элемента, ты и здесь можешь предопределить стиль для использования в нескольких местах. Например, у тебя есть заголовок, которому ты установил размер шрифта 18pt, тип начертания: Жирный, подчеркнутый.
Создай Новый стиль символа, используя кнопку в нижней части панели, чтобы установить эти значения в качестве стиля. В будущем, текст, к которому ты будешь применять данный стиль, будет принимать такой же внешний вид. Если необходимо отредактировать стиль с помощью команды Переопределить стиль символа(Redifine Character Style), все образцы текста, к которым был применен данный стиль, автоматически обновятся.
Панель Paragraph Styles (Window > Type > Paragraph Styles)
Принцип работы аналогичен Character Style, но стилизует целые параграфы.
Панель Tabs (Window > Type > Tabs)
Когда текст выделен, при открытии этой панели, она появляется над выделенным текстом. Добавляй и редактируй табы, чтобы немедленно применить результаты к выделенному тексту.
Панель опций Type
Проста, но эффективна. Все основные опции редактирования текста находятся на панели опций над монтажной областью. (Если выбран инструмент вертикальный текст, опции выравнивания параграфов также меняют свою направленность на вертикальную.)
Установки
Давайте ознакомимся с наиболее популярным опциями, перечисленными в окне Type Preferences(Illustrator > Preferences > Type):
Теперь ознакомимся с окном Illustrator > Preferences > Hyphenation. Как было описано в обзоре панели Paragraph эта настройка определяет базовый язык текста для организации правильных переносов слов. Также здесь доступны исключения, которые нельзя разделять для переноса. В примере ниже Vectortuts и Tutorial добавлены в исключения и не будут разделяться при необходимости переноса.
Другие советы и рекомендации
Тесктовый поток между контейнерами
Инструментом Direct Selection кликните на маленькой красной иконке крестика объекта Area Type (она появляется, когда размеры текста превышают размер контейнера), а затем в любом другом месте монтажной области, тем самым создав контейнер аналогичных размеров. Произвольные размеры этого контейнера можно задать, щелкнув и не отпуская клавишу мыши, потянуть. Текст, который выходил за пределы, переместиться в связанный контейнер.
Удаление пустых текстовых объектов
В меню Object > Path > Clean Up можно выбрать Empty Text Paths что позволяет удалить не нужные пустые текстовые объекты, которые, возможно, отвлекают внимание.
Выделение текста, расположенного на кривой
Используй инструмент Direct Selection, чтобы отредактировать вручную позиции направляющих кривой, на которой размещается текст. Направляющие влияют на стартовую точку, конечную точку, позицию и базовую линию (сверху или снизу кривой). Используй центральную направляющую, чтобы перевернуть базовую линию или выбери в окне меню Type > Type On A Path > Type On A Path Options опцию Flip и нажми ОК.
Заключение
Функциональность работы с текстом Type, которую предлагает Illustrator, очень обширная тема. Данная инстуркция является лишь исчерпывающим введением по работе с инструментами редактуры текста. Попробуй в действии все это множество опций и следи за появлением новых уроков на Tuts+!
18 сентября 2014 | Опубликовано в Уроки | 3 Комментариев »
В этом уроке вы узнаете что такое кернинг, какие вида кернинга бывают, а также как с ним работать в Adobe Illustrator. Это довольно простая информация, которую должен знать каждый, работающий с типографикой. Узнав однажды как настраивать расстояние между букв, вы будете пользоваться этим постоянно, что обязательно скажется положительно на ваших проектах!
Что такое кернинг?
Это процесс изменения расстояния между буквами, с целью сделать общий вид текста более привлекательным. Обычно кернинг применяется к большим надписям, таким как заголовки, однако иногда его используют и в обычном тексте. Когда увеличивается размер букв, становятся более заметны расстояния между ними, которые в определенных случаях образуют дырки. Особенно эти дырки заметны рядом с буквами с углом наклона вовне, к примеру V, W или Y. Также этот недостаток виден рядом с буквами, созданными на строго горизонтальной оси, к примеру L и T.
Виды кернинга
Adobe Illustrator предлагает три вида кернинга: Auto/Автоматический, Optical/Оптический и Metrics-Roman Only/Метрический-только латиница. По умолчанию используется режим Auto, также известный как метрический (не путать с Metrics-Roman Only). Если ни одна из вышеуказанных опций не удовлетворяет ваше типографическое чувство прекрасного, есть еще один способ кернинга: вручную. Это олдскульный вариант, который требует наметанного глаза на предмет баланса между позитивным и негативным пространством.
Автоматический (метрический) кернинг
Автоматический кернинг, известный также как метрический, заложен в таблице самого шрифта. Устраняет проблему в парах букв, между которыми она обычно возникает: LA, WA, WE, Wo, Ya, Yo, Tr, Ta, Te, To и т. д. Illustrator использует эту прописанную в шрифте возможность и делает текст более плотным и привлекательным. Хороший кернинг создается при помощи хорошего соседства букв.
Оптический кернинг
Как и метрический кернинг, оптический кернинг прописан в шрифте. Но в его основе не пары букв, а алгоритм, который высчитывает расстояния между буквами, основываясь на их форме.
Оптический кернинг — хороший выбор для шрифтов с неадекватно прописанных кернингом. Он также хорошо подходит для слов и надписей, в которых использовано более одно шрифта, или разные размеры шрифта. В этом случае автоматический кернинг «смущает» Illustrator, так как программа не знает чей же кернинг выбрать.
Если в латинском шрифте, выделенным курсивом буквы прилипли к вопросительным или восклицательным знакам, оптический кернинг это исправит!
Metrics-Roman Only Kerning
Metrics-Roman Only кернинг нам не очень интересен, так как применяется в основном для японской типографики. Он появился в Illustrator CS4 и работает как с латиницей, так и с катаканой.
Ручной кернинг
Отличный старомодный способ. На самом деле нет ничего лучшего чем сделанное самостоятельно. Если кернинг производится человеком с набитой рукой, результат идеален. Ну и конечно такой вариант дает вам полный контроль над типографикой.
Как применять кернинг
Чтобы произвести кернинг, выделите текст, который хотите подвергнуть процедуре, или же разместите курсор между двумя символами, которые хотите подправить. В поле Kerning/Кернинг в палитре Character/Символ выберите желаемое значение: Auto, Optical, Metrics-Roman Only/Авто, Оптический, Метрический-только латиница, или выберите любое числовое значение из предложенных ниже в выпадающем меню. Вы также можете вручную ввести собственное значение.
Чтобы незначительно уменьшить или увеличить кернинг, используйте стрелки вниз и вверх на клавиатуре, или стрелочки в левой части поля кернинга. Также есть горячие клавиши: установите курсор между символами и нажмите Alt/Option + левая/правая стрелка, чтобы уменьшить/увеличить расстояние между символами.
Как отменить кернинг
Предположим, вам не понравился кернинг, который вы сделали в вашем тексте. Чтобы отменить его, выделите текст, с которым хотите сделать это, и в поле Kerning/Кернинг введите параметр «0». Это вернет текст к первоначальному межбуквенному расстоянию.
Теперь, когда вы знаете что такое кернинг и как его применять, обязательно попробуйте воспользоваться им в следующей работе. Вы больше никогда не будете оставлять заголовки в первоначальном виде и это здорово!