Текст по обе стороны контура круга
Этот популярный метод используется настолько часто, что не рассказать о нем просто нельзя.
Круговой текст в Illustrator
Чтобы создать круговой текст в Illustrator, следуйте приведенным ниже инструкциям.
- Создайте круг нужного размера.
- Выберите инструмент Path Type и щелкните на самой верхней точке круга. Когда появится мерцающий курсор, можете вводить текст.
- Выберите инструмент выделения. Выделите весь круг. В палитре Paragraph щелкните на кнопке Align Center. Текст выровняется по центру верхней части контура фигуры.
Чтобы разместить текст по центру фигуры в верхней ее части, щелкните на самой верхней точке контура с помощью инструмента Path Туре (слева). После введения текста щелкните на кнопке Align Center, расположенной на палитре Paragraph (справа)
- Оставьте круг выделенным и нажмите клавишу ; [Option]. Перетащите синий маркер, который появляется при выделении текста, с помощью инструмента Path Туре. При этом будет создана копия текста. Перетащите копию текста в нижнюю часть круга. Для большего эффекта расположите текст внутри круга. Таким образом вы получите текст и внутри круга и снаружи его.
Перетаскивая синий маркер при нажатой клавише; [Option] (1) вы получите копию текста. Перетащите копию текста в нижнюю часть круга (слева). Отпустив кнопку мыши, можете отпускать и клавишу; [Option]. В противном случае вы получите больше копий, чем необходимо
- Отпустите клавишу ; [Option]. Убедитесь в том, что нижний текст выровнен по средине. При необходимости измените его положение, перетащив за синий маркер.
- Выберите инструмент Path Type снова и выделите весь нижний текст. (Тройной щелчок на тексте позволяет выделять его весь без лишних движений кистью.) Введите текст, который необходимо разместить, внизу снаружи круга.
- С этого момента контур, вдоль которого располагается нижний текст, будет размещаться выше. В этом случае текст прилегает своей верхней частью к нижней части круга. Чтобы добиться этого, вам необходимо сдвинуть текст под контур круга. Это достигается двумя способами. Щелкните на палитре Character на кнопке со стрелкой опции Baseline Shift. Или выделите текст и воспользуйтесь комбинацией <Alt+Shift+щелчок на кнопке со стрелкой>; [Option+Shift+щелчок на кнопке со стрелкой].
Первоначально текст располагался внутри фигуры в нижней ее части (слева). Выделение текста и сдвиг его под контур привело к прикреплению текста к границе круга верхней частью символов (справа)
- После окончания выстраивания текста выделите весь элемент с помощью инструмента Selection и выберите Objects Group. Это предотвратит неосторожное разделение отдельных составляющих изображения.
Многим пользователям нравится добавлять к тексту еще один круг так, чтобы текст заключался между двумя контурами. Эта операция выполняется очень просто. При выделении кругового элемента с текстом в его центре появляется точка. Выберите элемент Ellipse и с помощью комбинации <Аlt+Shift+перетаскивание> [Option+Shift+перетаскивание] создайте круг необходимого диаметра. Закрасьте круг и определите тип его линии соответствующим образом.
Используя точку центра первого круга (слева), создайте круг большего диаметра и заключите в него текст, расположенный вне первого круга (справа). Измените соответствующим образом заливку и тип линии нового круга
Adobe Illustrator 10 или более поздние версии Программа Illustrator прекрасно справляется с расстановкой текста по окружности. Но иногда вам хочется, чтобы текст на нижней половине окружности был расположен правильно, а не вверх ногами. И иногда вы хотите, чтобы текст изгибался и растягивался вместе с кривой. Первая техника показывает, как создавать текст по окружности так, чтобы литеры всегда располагались верхней частью кверху. По этой технике литеры остаются также недеформированными. По второй технике используется искажение Envelope (Огибающая), чтобы разместить текст по дуге таким образом, чтобы текст растягивался и деформировался. Неискаженный круговой текст
Теперь вы создали копию текста.
Искаженный текст по окружности
|
Как создать винтажный эффект с помощью функции Текст по контуру в Индизайне
InDesign самый лучший инструмент графического пакета Adobe для создания как классической, так и профессионально обработанной типографики. Дизайнеры часто пользуются программами Illustrator или Photoshop, чтобы создавать уникальные и современные текстовые эффекты. Однако, не так много знаний требуется, чтобы создавать ультрасовременные креативные текстовые объекты, используя только InDesign.
Из этого урока вы узнаете, как создать винтажный эффект с помощью функции Текст по контуру, используя функции и хитрости InDesign’а. Вы можете комбинировать техники этого урока, чтобы создать собственное уникальное оформление текста.
Шаг 1.
Шаг 1.Перейдите на страницу 3 вашего документа. Возьмите Инструмент Текст — Type Tool (Т), чтобы создать новый текстовый фрей, но разместите его за краем страницы на Служебном поле (Pasteboard) (переключиться на этот Вариант экрана можно в верхней панели). Можете выбрать Нормальный (Normal) вид (W), чтобы убедиться, что текстовый блок виден.
Выберите любой текст, к которому вы хотите применить эффект. Наберите его или копируйте и вставьте (Ctrl + C > Ctrl + V) текст в текстовый фрейм. Пока оставьте шрифт по умолчанию, в данном случае это Minion Pro, установите размер (Size) 40 пунктов, положение Выключка по центру (Align Center).
Шаг 2.
Шаг 2.На самой странице возьмите Инструмент Линия — Line Tool (\) и, удерживая клавишу Shift, создайте горизонтальную линию 113 мм длиной (Length). Разместите линию по центру страницы и задайте координату Y 50 мм.
Шаг 3.
Шаг 3.Возьмите Инструмент Текст по контуру — Type on a Path Tool (Shift + T) (его можно найти в выпадающем меню Инструмента текст). Поднесите курсор к левому краю линии, пока иконка не сменится на ‘+’. Кликните один раз левой кнопкой мыши, чтобы преобразовать линию в контур для текста.
Выделите и скопируйте первую строку текста, используя Инструмент Текст — Type Tool (Т), затем переключитесь на Инструмент Текст по контуру — Type on a Path Tool (Shift + T) и вставьте текст. Он будет размещен по контуру, который вы только что создали.
Шаг 4.
Шаг 4.Теперь переключитесь на Инструмент Выделение — Selection Tool (V, Escape) и удалите цвет обводки (Stroke).
Повторите те же действия для остальных строк текста, размещая каждую из них на отдельном контуре. Вы можете разместить оригинальный текстовый фрейм за контурами, чтобы вам было проще выровнять линии.
Шаг 5.
Шаг 5.Итак, теперь мы будем добавлять эффекты. Теперь вы не ограничены правилами расположения текста внутри текстового фрейма и можете изменять положение различных частей текста, чтобы создать эффект движения внутри текстового блока.
Возьмите Инструмент Эллипс — Ellipse Tool (L), и создайте удлиненный овал без заливки и обводки, который мы затем можем разделить на две части с помощью Инструмента Ножницы — Scissors Tool (C). Разместите нижнюю часть овала снизу текста и используйте Инструмент Текст по контуру — Type on a Path Tool (Shift + T), как мы делали раньше, чтобы пустить по овальному контуру последнюю строку текста.
Разместите верхнюю половину овала сверху текста и перенаправьте верхнюю строку текста по изогнутому контуру. Затем перейдите в меню Объект > Контуры > Изменить направление контура (Object > Paths > Reverse Path), чтобы пустить текст по верхней части контура.
Шаг 6.
Шаг 6.Создайте новые контуры и переместите отдельные слова или фразы на них, варьируя размер шрифта, чтобы изменить структуру расположения текста, как показано на рисунке.
Изменяйте шрифт, размер и стиль текста (обычный, жирный или курсив) в разных фразах и словах, чтобы получить нужный эффект. Если нужно, создавайте дополнительные контуры. Здесь я использовал шрифты Garamond и Fournier MT , чтобы придать тексту старинный, типографский стиль.
Разместите контуры ближе друг к другу, ничего страшного, даже если некоторые буквы будут накладываться друг на друга. Так вы придадите тексту более целостный вид.
Шаг 7.
Шаг 7.Создайте новые образцы цвета CMYK на панели Образцы (Swatches) – F5, кликнув на иконку Новый образец (New Swatch). Выберите основной цвет композиции (в данном случае это глубокий красный: C=0, M=92, Y=90, K=47) и примените его ко всему тексту, затем добавьте цветовые акценты: светло-коричневый, желтый, голубой, розовый и черный.
Шаг 8.
Шаг 8.Поместите ваш текстовый блок на контрастный фон, чтобы выделить цвета текстовых элементов.
Возьмите Инструмент Прямоугольник — Rectangle Tool (М), чтобы создать прямоугольник по размеру страницы. Цвет заливки выберите C=2, M=48, Y=86, K=10, в поле оттенок (Tint) выставьте значение 10%. Переместите прямоугольник на задний план Ctrl + Shift + [.
Затем перейдите в меню Объект > Эффекты > Градиентная растушевка (Object > Effects > Gradient Feather), выберите Тип (Type): Радиальный (Radial). Кликните на иконку Обратная градиентная заливка (Reverse the Gradient), чтобы светлые тона размещались в центре объекта.
Шаг 9.
Финальное изображение.Вот у вас и получился отличный винтажный типографский эффект! Этот эффект будет отлично смотреться на рекламных материалах, таких как брошюры или постеры, и будет отлично привлекать внимание. Также эффект может быть включен, как часть оформления книги.
Основы работы с текстом ~ Записки микростокового иллюстратора
Предыдущий урок: Трансформируем и перемещаем объектыИнструменты работы с текстом позволяют совершать распространенные несложные операции над текстами. Сегодня Вы узнаете, как создавать текст в колонках, текст с ограничениями и текст по контуру. Это позволит Вам в дальнейшем создавать цепляющие текстовые эффекты в брошюрах и заголовках.
Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по 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
Читать дальше…
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Предлагаю ознакомиться с аналогичными статьями:
Как изогнуть текст в Adobe Illustrator: 4 способа
С текстом в Illustrator можно делать всевозможные замечательные вещи, в том числе и изгибать его. Вы можете заключать слова в изогнутые формы, например круги или произвольные контуры. Вы даже можете сделать сами буквы изогнутыми, полностью изменив форму шрифтов.
И вы можете сделать эффект настолько тонким или драматичным, насколько захотите. Более того, все это можно сделать всего за несколько кликов.
Изогнутый текст отлично подходит для плакатов, логотипов и других дизайнов, где вы хотите, чтобы ваша типографика действительно выделялась. Вот лучшие способы сделать это.
1. Как изогнуть буквы с помощью параметров деформации Illustrator
В Illustrator есть несколько встроенных способов изгиба текста. Обычно они похожи на эффекты изгиба текста в Photoshop . Прежде чем вы сможете их использовать, создайте текст, а затем выберите его.
Теперь перейдите в Эффект> Деформация в строке меню и выберите любой из вариантов деформации. Неважно, какой именно, вы сможете изменить его на следующем шаге.
Это откроет окно параметров деформации. Включите предварительный просмотр, если он еще не установлен, и вы сможете увидеть текущий выбранный эффект деформации в действии.
Используйте ползунки, чтобы настроить эффект деформации. Вы можете установить степень изгиба, направление и то, применяется ли он в большей или меньшей степени к определенным точкам вашего текста.
Используйте раскрывающееся меню « Стиль» для выбора различных эффектов деформации. Поэкспериментируйте с этими эффектами и ползунками, чтобы согнуть текст практически любым способом, который вы можете придумать.
Когда вы закончите настройку параметров деформации, просто нажмите OK, чтобы применить их.
2. Как согнуть текст с помощью инструмента искажения конверта Illustrator
Панель параметров деформации Illustrator может быть всем, что вам когда-либо понадобится для создания изогнутого текста. Но если вы хотите создать полностью оригинальный эффект изогнутого текста, вы можете сделать это с помощью Envelope Mesh .
Связанный: Как сохранить файлы Adobe Illustrator в других форматах
Создайте текст, как и раньше, но на этот раз выберите в меню Object > Envelope Distort > Make with Mesh .
Теперь вам нужно настроить сетку конверта . Вы увидите, что к вашему тексту применена сетка, и вы можете указать, сколько строк и столбцов в ней должно быть.
Чем больше у вас есть, тем больше у вас будет контроля над тем, как искажать текст, но тем сложнее это будет. В зависимости от желаемого эффекта меньшее количество строк и столбцов может быть лучше для ваших нужд.
Когда вы установите нужное количество строк и столбцов, нажмите OK. С помощью инструмента « Прямое выделение» ( A ) дважды щелкните точку привязки, чтобы переместить ее и исказить текст. Вы также можете использовать ручки для дальнейшего редактирования кривых. Чтобы выбрать более одной точки привязки, удерживайте нажатой клавишу Shift , щелкая по ним.
Чтобы внести изменения в вашу сетку после того, как вы ее создали, перейдите в Object > Envelope Distort > Reset with Mesh . Затем вы можете изменить количество строк и столбцов в вашей сетке. Это хорошо, если вы чувствуете, что у вас недостаточно контроля с помощью уже созданной сетки.
Вы также можете изменить то, что говорит текст, выбрав « Объект»> «Искажение конверта»> «Редактировать содержимое» в главном меню. Введите новый текст, и Illustrator изогнет слова в соответствии с вашей сеткой.
3. Как изогнуть текст по контуру в Illustrator
Методы изогнутого текста, которые мы рассмотрели до сих пор, искажают сами буквы. Но вы также можете заставить текст следовать кривой без изменения формы букв. Например, чтобы согнуть текст по кругу, используйте инструмент « Эллипс» , чтобы создать круг.
Затем нажмите и удерживайте инструмент Type , чтобы расширить его. Выберите инструмент « Текст на контуре».
Теперь наведите указатель мыши на край вашего круга. Курсор изменится, и вы увидите слово «путь». Щелкните левой кнопкой мыши край круга, и вы сможете начать печатать.
Теперь вы можете печатать все, что хотите, и они будут следовать по кругу. Возможно, вам придется изменить размер текста или круга, чтобы он уместился во всем.
Вы можете изменить начало и конец текста, используя управляющие скобки на пути. С помощью инструмента Selection (V), наведите курсор мыши на один в середине, и вы заметите , что изменения курсора.
Щелкните и перетащите эту скобку, чтобы изменить положение изогнутого текста на пути.
Вы даже можете перевернуть его на другую сторону дорожки, если хотите. Чтобы этого не произошло, удерживайте Ctrl ( Cmd на Mac), пока перетаскиваете скобку.
Вы не ограничены изгибом текста по кругу. Вы также можете применить инструмент « Текст на контуре» к настраиваемому контуру, созданному с помощью инструмента « Перо» . Просто нарисуйте путь и используйте тот же процесс, который вы использовали с кругом.
Для этой цели вы даже можете создать собственную фигуру с помощью инструмента Shape Builder . Фигуры – один из основных способов эффективного использования Illustrator .
Начните с создания вашей формы.
Затем, когда вы используете тип на инструмент Path, Illustrator удалит заливку и обводку, оставив вас , чтобы напечатать все , что вы хотите по контуру.
4. Комбинирование эффектов изогнутого текста
Каждый из этих методов создания изогнутого текста в Illustrator имеет свои плюсы и минусы. Но нет причин выбирать только одно из них. Фактически, вы можете объединить одно или даже все из них.
Вы можете, например, изогнуть текст по кругу, а затем применить эффект деформации дуги в параметрах деформации . Затем вы можете закончить это, настроив эффект дальше, используя Envelope Mesh .
Вы также можете складывать параметры деформации . Просто примените эффект как обычно, а затем вернитесь в Параметры деформации и примените еще один. Вы можете делать это сколько угодно раз, что позволит вам создавать совершенно новые эффекты.
Когда применять эффекты изогнутого текста в Illustrator
Используя методы, описанные в этой статье, вы можете радикально изогнуть текст в Illustrator. Однако это не обязательно означает, что вы должны это делать. Если вы действительно не хотите создать что-то странное, вам следует избегать нечитабельного текста в ваших проектах.
Вы должны выбрать, какие техники использовать и зачем их применять. Если вы не уверены в том, как лучше всего использовать изогнутый текст, стоит прочитать больше о типографике в целом и ознакомиться с лучшими практиками.
Однако выберите правильные эффекты изогнутого текста, и они могут иметь огромное значение в вашей работе. Как всегда, вы должны поэкспериментировать, чтобы найти результаты, которые подходят вашему проекту.
Связанный15 уроков по созданию текстовых эффектов Adobe Illustrator
Коллекция уроков по созданию текстовых эффектов в программе Adobe Illustrator.
Тексты всегда являются неотъемлемой частью дизайна. От умения их оформлять зависит успешность всего проекта.
Надеемся, что предоставленные здесь уроки помогут вам в создании оригинальных текстовых эффектов.
1. Как создать текст из невозможных фигур
В этом уроке мы научимся создавать «невозможный текст», используя простые и понятные техники. В последней части урока мы оформим текст в стиле “Blueprint”. Этот стиль является популярным трендом в дизайне сегодня.
Урок на русском | Урок на английском
2. Создание 3D текстового эффекта в гранжевом стиле
В этом уроке вы узнаете, как создать объемный гранжевый текст. Вы также узнаете, как создать блики и тени для вашего текста и придать им объем. Для создания гранжевого эффекта использовались различные режимы смешивания и другие инструменты Adobe Illustrator. В действительности такой текстовый эффект не сложно создать, хотя от вас потребуется внимание к деталям.
Перейти к уроку
3. Добавьте дополнительный объем вашему шрифту
Благодаря этому уроку вы узнаете о ценностях ретро дизайна и научитесь формировать их в необычную конструкцию в стиле научной фантастики и дизайна упаковки.
Перейти к уроку
4. Как создать неоновый текстовый эффект в Adobe Illustrator
В этом уроке мы создадим неоновый эффект при помощи 3D моделирования, градиентной сетки, объектных кистей и различных режимов смешивания.
Урок на русском | Урок на английском
5. Создание текста на основе изометрической сетки
В этом уроке мы познакомимся с процессом создания изометрической сетки, которая послужит основой для дальнейшего дизайна. Затем вы узнаете, как рисовать и раскрашивать буквы для создания трехмерной архитектурной сцены. На основе этой техники вы сможете легко и быстро создавать отдельные объекты или сложные повторяющиеся узоры.
Перейти к уроку
6. Как создать декоративную надпись в Illustrator
Каллиграфические, сделанные от руки надписи возрождаются в последнее время. Благодаря этому уроку вы узнаете, как просто и быстро сделать собственную каллиграфическую надпись в Adobe Illustrator, а также научитесь создавать собственные каллиграфические кисти, которые будут подражать классической чернильной ручке. Вы также узнаете, как использовать инструмент ножницы для разделения контура на части, не разрушая линии.
Перейти к уроку
7. Как создать жидкий логотип, используя Illustrator and DrawScribe плагин
В этом уроке мы рассмотрим технику создания «жидких» объектов при помощи Dynamic Sketch Tool и Blend Tool. Этот урок содержит детальные инструкции и интересные приемы, что позволит вам добиться успеха в создании подобного стиля.
Перейти к уроку
8. Как создать изогнутый текст в Adobe Illustrator
Сегодня вы узнаете, как создать текст, который находится в разных плоскостях. Один интересный трюк с ограничительной рамкой позволит нас сделать это без использования 3D моделирования.
Перейти к уроку
9. Как создать стилизованную надпись из волос
В сегодняшнем уроке я собираюсь рассказать вам, как создать надпись, которая состоит из локонов волос в Adobe Illustrator CS5. Мы также поговорим, как придать вашей работе винтажный вид.
Перейти к уроку
10. Как создать надпись в стиле винтажной почтовой открытки
Погрузитесь в процесс создания надписи в стиле винтажной открытки в Adobe Illustrator CS5. Вернемся назад в эпоху, когда почтовые открытки с их дружелюбными надписями были в моде. В этом уроке я расскажу о работе с обтравочными масками, растровыми изображениями и о создании текстовых эффектов.
Перейти к уроку
11. Как создать вывеску в Adobe Illustrator
В этом уроке мы узнаем, как создать надпись в ретро стиле на основе бесплатного шрифта Agency FB. В процессе изменения букв вы узнаете немного об их анатомии. Техники, описанные в этом уроке полезны не только при создании шрифтов, но и при работе с любыми векторными объектами.
Перейти к уроку
12. Как создать 3D текст в перспективе, используя Adobe Illustrator CS6
Для создания текстового эффекта мы будем использовать Perspective Grid Tool, Blend и некоторые новые функции Adobe Illustrator CS6.
Перейти к уроку
13. Создание 3D текста инкрустированного золотом
В этом уроке рассказано, как создать трехмерный текст, затем придать этому объекту золотой блеск и добавить драгоценные камни. По-моему выглядит роскошно!
Перейти к уроку
14. Как создать текст из травы
В этом уроке вы научитесь создавать текст из травы. Мы будем использовать растровый эффект, который потом превратим вектор при помощи автоматической трассировки. Эффект Pucker & Bloat позволит нам создать траву, которая выглядит вполне реалистично.
Перейти к уроку
15. Создания текста в стиле Арт-Деко (декоративное искусство)
Намного проще создать буквы, имеющие безупречный вид, если такой мастер, как Адам Поинтер демонстрирует процесс создания текста в стиле Арт-Деко.
Перейти к уроку
Источник: dejurka.ru
Как сделать текст по кругу в Фотошопе • ARTshelter
В этом простом уроке я покажу вам, как сделать текст по кругу в Фотошопе. Сначала я покажу вам основы, а затем продемонстрирую метод на более сложных элементах.
Как сделать текст на кривой
Шаг 1
Берем инструмент Pen Tool (P).
Шаг 2
На верхней панели проверяем, чтобы его режим был установлен на Path (Контур).
Шаг 3
Кликаем левой кнопкой в любом месте полотна, чтобы поставить первую точку будущей кривой.
Шаг 4
Затем определяем место, где кривая будет заканчиваться, и кликаем левой кнопкой.
Шаг 5
Не отпуская кнопку мышки, тянем, чтобы появились усики, с помощью которых мы настраиваем кривизну линии.
Шаг 6
Если вас устраиваем результат, зажимаем клавишу Ctrl и кликаем в любом месте полотна, чтобы снять выделение с контура.
Шаг 7
Теперь берем Type Tool (T) (Горизонтальный текст).
Шаг 8
Подводим курсор на начало кривой. Когда внешний вид курсора изменится (появится волнистая линия), кликаем, чтобы превратить кривую в текстовое поле.
Шаг 9
Теперь можете писать любой текст, как вы делаете это обычно.
Шаг 10
Закончив, зажимаем клавишу Ctrl и жмем Enter, чтобы снять выделение с текста.
Как сделать текст по кругу в Фотошопе
Шаг 1
У Photoshop гораздо больше возможностей по работе с кривыми! Например, вам необязательно обрывать кривую после создания второй точки. Можете продолжить и получить более сложную линию.
Читайте также:
Шаг 2
Но контуры можно создавать не только с помощью Пера. Для этого можно использовать любую фигуру, у которой есть режим Path (Контур).
Таким образом, можно писать текст по контуру овала, многоугольника и даже произвольных фигур, например, сердца.
Теперь вы знаете, как сделать текст по кругу в Фотошопе. На основе этого эффекта можно получить очень интересные и креативные работы. Делитесь уроком в соц. сетях, а вопросы и предложения оставляйте ниже в комментариях. Приятного творчества!
Использование шрифта по контуру в Illustrator для текста в круге
В Illustrator легко добавить текст к кругу — нарисуйте круг, выберите инструмент «Текст контура», щелкните круг и введите текст. Сложность возникает, когда вы хотите добавить две фразы и расположить одну правую сторону вверху вверху круга, а другую — вверху внизу круга.
В инструкциях в этой статье используется Illustrator CC 2017, но они применимы к любой современной версии (включая Illustrator CC 2020), учитывая, что эта функция уже давно используется в Illustrator.
Нарисуйте круг и выберите инструмент «Текст контура»
Инструменты набора текста следуют за краем открытого или замкнутого контура. Контур фигуры используется в качестве базовой линии для текста. Базовая линия — это невидимая линия, на которой сидят персонажи. Хотя базовая линия может отличаться от гарнитуры к гарнитуре, она одинакова внутри гарнитуры. Закругленные буквы, такие как «е», могут выходить немного ниже базовой линии. Единственный символ в алфавите, который находится прямо на базовой линии, — это «x».»
Чтобы ввести путь, нажмите и удерживайте клавишу Shift и нарисуйте круг с помощью инструмента Ellipse . Неважно, какого цвета обводка или заливка, потому что, когда вы щелкаете инструментом текста, заливка и обводка исчезают.
Чтобы нарисовать идеальный круг наружу от центра, нажмите Option + Shift на Mac или Alt + Shift в Windows.
Затем выберите раскрывающееся меню инструмента Text и выберите Type on a Path Tool .
Установите курсор
Откройте панель Тип и выберите Параграф ( Окно > Тип > Параграф ). Либо нажмите кнопку Align Center в параметрах панели. На этом шаге выравнивание устанавливается по центру.
Щелкните верхний центр круга. Вверху круга появится мигающий курсор ввода. Когда вы вводите текст, он выравнивается по центру при вводе.
Добавить текст
Открыв панель Type , щелкните вкладку Character .Выберите шрифт и размер, затем введите текст в верхней части круга. Текст проходит по верхней части круга. Обводка фигуры используется в качестве базовой линии для текста.
Дублируйте круг
Переключитесь на инструмент Direct Selection , щелкните один раз по кругу, затем скопируйте его в буфер обмена.
Чтобы вставить объект перед текущим объектом, выберите Edit > Paste in Front . Он будет выглядеть так же (за исключением того, что текст будет тяжелее, потому что новый вставлен поверх оригинала).
Чтобы упростить задачу, откройте панель Layers и переименуйте один из слоев, чтобы указать, что это передняя копия.
Отразить текст с помощью диалогового окна параметров пути
Прежде чем перевернуть текст, откройте панель Layers и отключите видимость нижнего слоя. Переключитесь на инструмент Type Tool , выделите текст и введите новый текст.
Выберите Type > Type on a Path > Type on a Path Options , чтобы открыть диалоговое окно Path Options.Выберите Rainbow для Effect , а для Align to Path выберите Ascender. Восходящий элемент — это самая верхняя часть надписи, которая помещает текст за пределы круга.
Установите флажок Flip , затем установите флажок Preview , чтобы увидеть, как это будет выглядеть. Здесь также можно отрегулировать интервал. Нажмите ОК .
Параметр «Радуга» не искажает текст.
Повернуть текст в нижнюю часть круга
Щелкните за пределами текста, чтобы отменить его выбор, и выберите инструмент выделения на панели инструментов.Вы должны увидеть ручку вверху фигуры и две ручки внизу.
Верхний маркер перемещает текст по пути при его перетаскивании, но, в зависимости от того, как вы перетаскиваете маркер, текст может перемещаться внутри круга. Если вы наведете курсор на этот маркер, он переключится на курсор поворота. Две ручки внизу — это те, которые вам следует использовать. Эти ручки поворачивают объект вместо перемещения текста. Когда закончите, включите видимость скрытого слоя.
Добавить иллюстрацию
Перетащите соответствующий символ из палитры Symbols и перетащите, чтобы изменить его размер, чтобы он соответствовал кругу, и все готово.
Спасибо, что сообщили нам об этом!
Расскажите, почему!
Другой Недостаточно подробностей Сложно понятьКак обернуть текст по кругу с помощью Adobe Illustrator
В сегодняшнем руководстве для начинающих я продемонстрирую, как обернуть текст по кругу с помощью Adobe Illustrator. Этот метод также позволит вам обвести текст вокруг любого другого объекта или формы, которые вам нравятся. Для этого мы будем использовать инструмент «Текст на контуре».
Ниже приводится краткий обзор шагов, предпринятых для обтекания текста в Illustrator.Полные пошаговые инструкции см. В видеоуроке вверху страницы.
Перенос текста по кругу с помощью Illustrator
| Чтобы обернуть текст вокруг круга в Illustrator, просто возьмите Type на инструменте Path Tool и щелкните круг, вокруг которого вы хотите разместить текст. Это поместит текст по периметру круга, который вы можете редактировать по своему вкусу. |
Первое, что мы сделаем, это возьмем инструмент Ellipse , создадим идеально обтекаемый круг и выровняем его по центру артборда.Это форма, вокруг которой мы будем обтекать текст.
Теперь возьмите Type on a Path Tool на панели инструментов слева от экрана.
Нажмите на кружок, вокруг которого вы хотите разместить текст. Это добавит текст-заполнитель, который вы можете изменить по своему вкусу. Вы также можете изменить шрифт, размер, кернинг и любой другой аспект текста, который вы обычно редактируете.
По умолчанию Illustrator размещает текст по внешнему периметру круга.Мы собираемся изменить это так, чтобы текст был утоплен на полпути по периметру. Для этого перейдите к Type -> Type on a Path -> Type on a Path Options . В меню включите Preview и установите Align to Path на Center . Теперь продолжайте и нажмите OK для завершения.
Теперь вы можете повернуть текст вдоль контура, взяв инструмент Direct Selection Tool (A) , щелкнув и перетащив тонкую синюю линию, выходящую из края круга.
Верхняя половина текста завершена. Чтобы создать нижнюю половину текста, мы собираемся продублировать все, что мы создали до сих пор, удерживая Alt на клавиатуре, щелкая и перетаскивая объект.
Возьмите инструмент Type Tool и измените текст дублированной копии на то, что вы хотите, чтобы нижняя половина текста была, затем вернитесь к Type в меню Path Options и установите флажок с надписью Флип .Идите вперед и нажмите ОК . Это должно обернуть ваш текст вокруг внутренней части круга.
Теперь вы можете щелкнуть и перетащить тонкую синюю линию на внешнем крае круга, чтобы отрегулировать поворот текста.
И с этим все готово! Мы успешно обернули текст вокруг внешнего и внутреннего краев круга с помощью Adobe Illustrator!
Если какая-либо часть этих инструкций нам непонятна, я бы порекомендовал вам просмотреть полный видеоурок в верхней части страницы.Если у вас есть какие-либо вопросы, просто оставьте комментарий ниже. Как всегда, спасибо за просмотр!
Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств зарабатывать рекламные сборы за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.
Как преобразовать буквы в форму изображения в Illustrator | Small Business
Создание графики и маркетинговых материалов для вашей компании возможно с помощью Adobe Illustrator, и для изучения основных функций программы не требуется профессиональный графический дизайнер.Помимо набора текста по прямой линии, программа редактирования векторной графики также позволяет использовать различные варианты манипулирования текстом, чтобы вы могли придать ему форму, соответствующую изображениям и другим элементам вашего дизайна. Создайте извилистый контур или форму и сдвиньте текст, следуя его закругленным контурам, или создайте форму и отформатируйте текст, чтобы он оставался в пределах границ объекта.
Текст на изогнутой линии
Создайте изогнутую траекторию, используя любой из нескольких инструментов, которые создают изогнутые линии и формы.Например, используйте инструмент «Перо» (который выглядит как головка перьевой ручки) и щелкайте мышью и перетаскивайте ее по мере создания каждой точки привязки.
Выберите один из инструментов «Тип по контуру», щелкнув маленькую стрелку в углу значка «Тип» (который выглядит как буква T в верхнем регистре). Стандартный «Тип по контуру» форматирует текст по горизонтали. Инструмент «Вертикальный текст на контуре» позволяет преобразовать текст в вертикальное положение.
Щелкните по изогнутому контуру там, где должен начинаться текст, и начните вводить текст.Вы заметите, что линия исчезнет, и останется только изогнутый текст.
Щелкните «Тип» вверху, затем щелкните стрелку справа от «Типа по контуру». Выберите «Тип в параметрах пути».
Нажмите «Предварительный просмотр», чтобы просмотреть текст по мере того, как вы играете с настройками. Измените эффект текста на контуре, измените параметр «Выровнять по контуру», чтобы настроить, где в строке будет располагаться текст, или измените расстояние между буквами с помощью параметров «Интервал». Установите флажок рядом с «Отразить», чтобы переместить текст на противоположную сторону изогнутой линии.
Тип в форме
Создайте форму, используя любой из инструментов. Например, создайте овал с помощью инструмента «Эллипс» (щелкните маленькую стрелку в углу значка инструмента «Прямоугольник» и выберите «Инструмент эллипса»), щелкнув холст и удерживая кнопку мыши нажатой при перетаскивании для формирования формы.
Выберите один из инструментов «Тип области», щелкнув маленькую стрелку в углу значка типа (который выглядит как буква T в верхнем регистре). Стандартный инструмент «Тип области» форматирует текст по горизонтали.Инструмент «Тип вертикальной области» создает текст так, чтобы он был вертикальным.
Щелкните внутри фигуры, где вы хотите начать текст, и введите его.
Щелкните «Тип» вверху, затем выберите «Параметры типа области».
Нажмите «Предварительный просмотр», чтобы просмотреть текст по мере того, как вы играете с настройками. Измените ширину, высоту, строки и столбцы, смещение и поток текста того, что вы набрали в своей форме.
Источники
Биография писателя
Базируется в Тампе, Флорида.Даниэль Фернандес пишет, редактирует и иллюстрирует все, что связано с технологиями, образом жизни и образованием с 1999 года. Ее работы публиковались в Tampa Tribune, журнале Working Mother и в различных технических публикациях, включая «Руководство по методам распределения телекоммуникаций» BICSI. Фернандес имеет степень бакалавра английского языка в Университете Южной Флориды.
Как изогнуть текст в Illustrator (ОБНОВЛЕНО 2021)
Научитесь изгибать текст в Illustrator
Это один из тех навыков, которые вам просто нужно знать, когда вы учитесь использовать Illustrator, как изгибать текст, вместе с тем, как, например, создать треугольник в иллюстраторе.
Невероятно просто? возможно, но в этом уроке мы покажем вам 3 различных способа достижения этого, каждый из которых имеет свои преимущества и недостатки.
В целом они достигают того же конечного результата, но то, что я собираюсь научить вас в этом руководстве, выходит далеко за рамки простого , как изгибать текст в иллюстраторе .
Вы узнаете, как эти методы можно использовать для создания сложных типографских изображений, это расширит ваши навыки иллюстратора и означает, что вы сможете еще больше порадовать своих клиентов классным дизайном!
Техника 1 — Эффект> Деформация
Хорошо, перейдем к первому способу, самому простому способу, когда вы думаете о том, как изогнуть текст в иллюстраторе
Это очень простой метод, хорошо известный тем, кто знаком с Illustrator, но это действительно очень простой метод Effect> Warp> Arc.Давайте рассмотрим это шаг за шагом. Во-первых, выделите текст с помощью инструмента выделения ( V на клавиатуре).
Убедитесь, что у вас есть ограничивающая рамка вокруг текста, в противном случае перейдите в View> Show Bounding Box :
Отсюда, выделив текст, просто перейдите в Effect> Warp> Arc и посмотрите всплывающие параметры, отсюда вы можете настроить дугу в разных направлениях или в раскрывающемся меню вы можете выбрать различные эффекты, такие как «Выпуклость», что даст вам своего рода эффект Netflix-y.
Техника 2 — Искажение конверта> Сделайте с сеткой
Давайте с ним получим сочность… .. КОНВЕРТУРА СЕТЬ BABYYYYYY.
Теперь эта техника — одна из моих любимых техник изгиба текста в иллюстраторе, и я покажу пример того, что я сделал с ее помощью некоторое время назад для Creativemarket, это была обложка для Buffalo Typeface, которую я сделал. некоторое время назад.
Хорошо, давайте перейдем к делу…. То же самое, выберите текст, как раньше, затем просто перейдите в Object> Envelope Distort> Make with Mesh .
Вы увидите несколько параметров по умолчанию, которые всплывают, это должны быть 4 × 4 строки и столбец s, просто продолжайте и пока нажмите ОК. Когда вы станете профессионалом в использовании этого эффекта, вы захотите включить больше строк и столбцов, чтобы у вас было больше точек, которыми можно манипулировать.
Вы увидите, что происходит с вашим текстом ниже. Illustrator формирует сетку вокруг вашего текста, позволяя вам манипулировать им в любом направлении, а это означает, что вы можете создавать удивительно настраиваемые эффекты, такие как пример ниже.
Отсюда просто нажмите A или щелкните инструмент прямого выбора , а затем вы можете щелкнуть различные точки вокруг текста и манипулировать им.
Пример того, как я использовал этот эффект для управления текстом внутри фигуры буйвола в IllustratorТехника 3 — Тип> Тип по контуру
Пора получить наши типографские соки FLOWING BABBYYYY !!!
Хорошо, третий и последний прием в этом мини-уроке.Это не мой личный фаворит, но это определенно крутая техника, аналогичная предыдущему примеру и имеющая ряд реальных приложений, и ваше воображение — единственное, что вас точно ограничивает при использовании этого инструмента.
Наша установка немного отличается от двух предыдущих техник. Мне нужно, чтобы вы сделали Нажмите L или выберите инструмент «Эллипс» на панели инструментов, затем нарисуйте слегка скошенный круг / эллипс, как показано ниже.
Убедитесь, что объект не заполнен (вы также можете нажать кнопку /, да, косая черта, она удалит заливку на вашем объекте):
Отсюда выберите тип на Инструмент «Путь» , пример ниже.
Теперь у вас выбран инструмент, продолжайте и щелкните в любом месте вашего «пути», как показано в примере ниже:
Теперь ваш текст изогнут!
Отсюда вы можете захотеть настроить немного больше, поэтому с выделенным текстом перейдите в Тип> Тип по контуру> Тип по контуру. Параметры . Это вызовет диалоговое окно, позволяющее вам изменить различные параметры, такие как небольшой наклон текста, или перемещение текста непосредственно в середину пути, или нижний / верхний край.
Действительно, очень полезно, и этот метод можно использовать для любой формы в иллюстраторе (хотя результаты могут отличаться!).
Вопросы и ответы
Как согнуть текст в иллюстраторе?
Если вам интересно, как согнуть текст в иллюстраторе, ну, это точно так же, как «curving», только сформулировано по-другому. Изгиб текста в Illustrator точно такой же, поэтому просто следуйте тем же методам, которые вы изучили в этом уроке о том, как изгибать текст в Illustrator, и все будет в порядке.. В фотошопе есть целый набор готовых предустановок деформации текста, которые могут сделать ваш текст изогнутым за считанные секунды.
Вот и все, ребята!
Вот и мы, наша последняя техника , как изгибать текст в иллюстраторе . Мы надеемся, что вам понравился этот урок, следите за обновлениями, потому что очень скоро на Youtube появится видеоверсия, поэтому, если вы больше интересуетесь видео, придерживайтесь этого, и я добавлю ее в этот пост как как можно скорее.
Что касается большего количества руководств, в ближайшие несколько месяцев мы будем делать все больше и больше, поскольку мы пытаемся превратить Layerform Design Co в лучший ресурс для молодых и начинающих дизайнеров, пытающихся расширить свои навыки.Не пропустите еще больше потрясающих уроков для иллюстраторов.
Использование шрифта на контуре в Adobe Illustrator
Использование шрифта на контуре представляет собой интересное нечто среднее между текстом и графикой и позволяет тексту быть чем-то большим, чем просто средством передачи информации в Illustrator. Но для того, чтобы правильно использовать эту функцию, нужно понимать несколько вещей о ее поведении.
Во-первых, нам обычно нужно создать форму, которую мы будем использовать в качестве базовой линии в том смысле, в котором типографика использует термин — строку, на которой расположен текст.
Затем мы выбираем инструмент «Текст на контуре» (в том же всплывающем меню, что и обычный инструмент «Текст»). Поместите курсор на край фигуры. Когда «волнистая линия», которая отмечает точку курсора, находится на линии, мы можем щелкнуть и ввести.
После того, как мы щелкнем, мы также сможем делать большинство основных вещей, которые мы ожидаем, с текстом. Мы можем изменить шрифт, размер, цвет, выравнивание и так далее.
Нам также необходимо знать несколько элементов управления. Их называют скобками, и они определяют положение текста на пути.Два внешних — это границы того, где может быть текст; мы можем настроить их, чтобы показать или скрыть концы текста. Средний позволяет перемещать текст по пути, влево или вправо, пока он не окажется там, где вы хотите. Обычно для работы с ними мы используем инструмент «Прямое выделение». Берите осторожно — следите за изменением курсора, чтобы сообщить вам, когда он находится на элементе управления.
Мы также можем перейти в меню «Тип»> «Печатать по контуру»> «Печатать по контуру», команда «Опции» и изменить расположение текста на контуре.Они интересны и могут добавить немного изюминки в текст, если вам это нужно.
Перетаскивание скобки на противоположную сторону пути действительно перевернет текст «поверх», еще один потенциально полезный трюк.
Но есть одна особенность. Иногда, когда мы впервые щелкаем путь (особенно если он замкнут), точка вставки может появиться на полпути от того места, где мы щелкаем. Итак, мы перетаскиваем центральную скобку в нужное место на пути. (Спустя столько времени я все еще не знаю, почему это так, но лучше знать.)
Многие люди говорят мне, что они считают использование рекомендаций полезным, когда важна точность размещения текста. Перетаскивая объект контура до нужного размера, аккуратно размещая его и помня, что он теряет цвет, когда мы добавляем текст (мы можем щелкнуть инструментом Direct Selection позже, чтобы добавить его снова) — это все, что нужно практиковать при работе с шрифтом. тропинка.
Чтобы получить больше от этой программы, ознакомьтесь с нашим обучающим курсом по Adobe Illustrator.
Текст абзаца на изгибах — Adobe Illustrator — Текст на контуре
Это одно видео, но из трех частей:
Часть I: Часть 1 — это базовый слой, на котором будет размещаться наш изогнутый текст абзаца.Если вы еще не знаете, как это сделать, это введение объяснит, как создать круг и разделить его на разные сегменты с помощью линий и инструмента поиска пути.
1. Откройте новый документ: установите размер монтажной области на 8,5 ″ квадрат, а единицы измерения документа на дюймы.
2. Создайте сегменты круга базового слоя:
- Нарисуйте круг диаметром 8 дюймов. Нарисуйте круг диаметром 3,5 дюйма. Выровняйте их по центру страницы по горизонтали.
- Нарисуйте прямую линию длиной 8,5 дюймов. Ctrl + C (или cmd + c на Mac), чтобы скопировать линию.
- Ctrl + v (или cmd + v на Mac), чтобы вставить линию в тот же слой.
- Щелкните правой кнопкой мыши только что вставленную линию, чтобы открыть диалоговое окно преобразования, или перейдите в «Объект»> «Преобразовать»> «Повернуть».
- Определите количество секций, которое вы хотите иметь. Разделите это на 360 и установите вращение для этого числа. Например, мне нужно 10 круговых секций, поэтому 360/10 = 36 градусов.
- Примените преобразование к вставленной линии. Выделите вставленную линию.
- Ctrl + c, ctrl + v, а затем ctrl + d, чтобы дублировать поворот.Теперь ctrl + v для вставки и ctrl + d, Ctrl + d, чтобы вставить новую строку и дважды продублировать поворот.
- Вы начнете видеть, как линии обретают форму с равными интервалами по окружности.
- Повторяйте сочетания клавиш, пока не получите необходимое количество равномерно разделенных строк. ctrl + a, чтобы выделить все, или перейдите к Select> All в строке меню, затем используйте кнопки выравнивания в верхней части окна, чтобы выровнять все части по горизонтали и вертикали.
- Откройте диалоговое окно «Обработка контуров» («Окно»> «Обработка контуров») и, выделив все элементы на монтажной области, выберите разделение в нижнем левом углу.
- Теперь вы можете ctrl + shift + g разгруппировать разделенные объекты. При необходимости добавьте цвет, обводку и удалите.
Часть II: Часть II покажет вам, как создать фактический текст на слое шаблона иллюстратора кривых.
1. Добавьте слой над базовым слоем. Назовите его Текстовым шаблоном.
2. В рабочей области сбоку от монтажной области создайте еще два круга — один 8 ″ и один 3,5 ″. Выровняйте центры, используя кнопки инструментов «Выровнять» в верхней части рабочего пространства.
3. Создайте свои дуги:
- В группе инструментов линии есть аналогичный инструмент, называемый инструментом дуги.
- Выберите инструмент дуги. Щелкните в своем рабочем пространстве, чтобы открыть диалоговое окно инструмента дуги.
- Установите сегмент дуги равным радиусу внешнего круга или 4 ″.
- Итак, установите ось X на 4 дюйма и ось Y на 4 дюйма. Удерживайте раскрывающийся переключатель в положении «открыто» и убедитесь, что для выпуклого или вогнутого ползунка установлено значение -50 или 50. Нажмите «ОК», чтобы создать дугу, равную одной четверти большего 8-дюймового круга.
- Создайте другую дугу, но установите сегмент равным радиусу внутреннего круга, или 1,75 ″. Используя две концентрические окружности, которые вы создали в рабочей области в качестве шаблона, выровняйте сегменты дуги, чтобы получить правильный интервал. Поместите большую 4-дюймовую дугу на 8-дюймовую окружность, а меньшую 1,75-дюймовую дугу на 3,5-дюймовую окружность.
- Выберите круги в рабочей области и удалите их, оставив только дуговые сегменты, которые теперь должны быть расположены соответствующим образом.
- В меню «Объект» выберите «Переход»> «Создать».
- В меню «Объект» выберите «Переход»> «Параметры перехода», чтобы открыть диалоговое окно.
- В раскрывающемся меню Blend Options выберите Specified Steps и установите для шагов значение 12. Вы должны получить несколько линий с равными интервалами между вашими исходными двумя дугами.
- Перейдите в Объект> Развернуть.
- Снимите выделение с заливки и обводки и выберите «Хорошо».
- Щелкните правой кнопкой мыши группу объектов-дуг, чтобы открыть диалоговое окно преобразования (или перейдите в меню «Объект»> «Преобразование»> «Повернуть») и поверните группу объектов на 45 градусов так, чтобы концентрические дуги представляли верхнюю четверть полного круга.
- Разгруппируйте контуры концентрических дуг с помощью ctrl + shift + g или с помощью пункта меню «Объект»> «Разгруппировать».
4. Преобразуйте ваши дуги в текстовые пути:
- Выберите инструмент «Текст на контуре» и щелкните верхний контур дуги, чтобы преобразовать его в путь ввода. Используя инструмент выделения (s на клавиатуре), перетащите границы текста на всю длину дуги. Наведите указатель мыши на среднюю вертикальную полосу, пока не появится черная полоса со стрелкой вверх. Щелкните вертикальную полосу и перетащите ее в верхнюю часть строки, чтобы изменить положение и направление текста на контуре.
- Теперь нам нужно перенести переполнение текста на следующую дугу. Для этого щелкните белое поле в конце первого текстового пути. Если вы уже набрали текст на первой дуге, у вас может быть красный знак плюса в этом поле, указывающий на то, что текст уже переполнен. Щелкните поле (или знак плюса) и отпустите, отойдя от первой строки. В конце курсора появится угол с текстовыми линиями. Щелкните следующую дугу вниз, чтобы связать или перенести текст на следующую строку.
- Повторяйте предыдущий шаг, пока все дуговые пути не будут последовательно соединены вместе, чтобы создать переполнение текста, которое действует как текстовое поле абзаца над дугами.
Часть III : Теперь, когда вы создали резьбовой дуговый шаблон текста, мы поместим его на наш базовый слой.
1. Создайте еще один слой, чтобы вставить свой шаблон.
2. Выберите шаблон абзаца дугового пути в рабочей области. Ctrl + c, чтобы скопировать. Выберите слой 3 в диалоговом окне «Слои».Ctrl + v, чтобы вставить шаблон в слой 3.
3. Переместите изогнутый текст абзаца поверх основного слоя на монтажной области. Введите текст, отформатируйте его с помощью цвета, шрифта и толщины, которые вам нравятся. При необходимости измените размер.
4. Повторите шаг 3 по мере необходимости, вращая арочное текстовое поле вокруг сегментированного круга на слое 1 монтажной области, пока каждый сегмент не будет заполнен красивыми арочными абзацами.
Та-ДА! Теперь все готово.
Ввод по контуру в Illustrator CS6: macProVideo.com
Наблюдая за хорошим дизайном, можно легко принять это как должное. Дэвид Смит исследует часто используемую технику, круговой текст, используя инструменты контура Illustrator CS6.
Набор текста по пути может быть неотъемлемой частью любого логотипа или значка клуба, а также отличным способом подачи текста в визуально интересной форме. В этой статье мы рассмотрим добавление текста к круговой траектории, однако вы должны помнить, что эту технику можно применить к любой форме или линии, которую вы создаете в Illustrator.
Шаг 1 — Создайте новый слой
Итак, у меня есть растровое изображение набора ударных, и я хочу добавить название группы в оболочку басового барабана, чтобы оно проходило по окружности барабана, как вы часто видите. Первое, что мне понадобится, это слой, на котором будет сидеть шрифт.
Откройте панель слоев (нажмите F7) и щелкните значок «Создать новый слой». Появится слой 2. Дважды щелкните имя слоя и в окне параметров слоя переименуйте слой «Текст».СОВЕТ. Создание нового слоя не является жизненно важным шагом, но это лучшая практика.
Шаг 2 — Нарисуйте круговую траекторию
Выделив слой с именем Text, выберите инструмент Ellipse Tool (нажмите L) и поместите курсор в то место, которое вы считаете самым центром ударной установки. СОВЕТ: здесь вы можете найти руководства. Не волнуйтесь, если ваше выравнивание немного нарушено.
Перед рисованием эллипса убедитесь, что для цвета заливки фигур на панели образцов установлено значение «Нет». Пока оставьте цвет обводки, я выбрал зеленый цвет, чтобы он хорошо отображался на барабане, с размером обводки 2 пункта.
Чтобы нарисовать круг, сначала удерживайте нажатой клавишу Shift , чтобы ограничить эллипс идеальным кругом, а также одновременно удерживайте нажатой клавишу Option , чтобы круг вырастал из центра, а не из центра. угол. Если вы правильно угадали центральную точку, она должна выглядеть точно. Если нет, используйте инструмент выделения, чтобы отрегулировать точки вокруг зеленого круга, пока они не совпадут с окружностью барабана.
Шаг 3 — Создание текста по контуру
Следующее задание выберите инструмент «Текст на контуре», который является скрытым параметром в области инструментов «Текст» на панели инструментов.Поднесите инструмент к зеленой дорожке и щелкните один раз. Зеленый путь исчезнет, и вместо него появится обычный круговой путь с мигающим текстовым курсором. Введите свой текст по этому пути. Я написал «Группа Mac Pro Video Hubbers Band».
Шаг 4 — Стилизация текста
Следующее задание — стилизовать текст в соответствии с вашим изображением. Кликните 3 раза подряд по названию вашего бэнда, это выделит весь текст сразу. Откройте панель символов (нажмите Command-T ) и используйте ее, чтобы установить шрифт, размер, отслеживание и т. Д.в соответствии с вашим дизайном.
Я решил использовать сокращенный текст Bernard MT 26pt. Также может быть идея раскрасить шрифт, чтобы он лучше подходил к вашему изображению.
Шаг 5 — Установите эффект типа
Итак, ваш текст находится на траектории, но он еще не находится на месте на барабане, он движется снаружи, а не внутри. Однако есть несколько вариантов, доступных вам, в зависимости от того, какой внешний вид вы хотите достичь. В меню «Тип» откройте окно «Тип на контуре». «Тип»> «Тип на контуре»> «Тип на контуре». .
Здесь вы можете установить Эффект, в этом случае я собираюсь использовать Радугу, чтобы текст изгибался. Вам стоит взглянуть на Skew, это тоже круто. Попробуйте их все, но в конце концов вернитесь к радуге.
Шаг 6 — Выровнять по контуру
Параметр «Выровнять по контуру» определяет, как далеко будет смещен текст от контура и с какой стороны пути он находится. По умолчанию используется базовый уровень, но изменение его на Ascender поможет нам.
Шаг 7 — Отрегулируйте положение текста
Текст установлен, однако он, вероятно, не находится на пути именно там, где вам хотелось бы.Это простое решение.
Сначала поменяйте шрифт на инструмент траектории для инструмента выделения (нажмите V ). Теперь это дает вам контроль над текстовым фреймом, а не над самим типом. Примерно посередине вашего текста, расположенного немного над ним, вы должны увидеть тонкую красную линию (она красная из-за цвета слоя, поэтому каждый раз она может быть разной).
Это ручка, возьмите ее и начните тянуть по своему пути (осторожно, чтобы не тянуть слишком далеко, иначе текст вернется к базовой линии).Используйте его, чтобы выровнять текст в желаемом месте на пути.
Шаг 8 — Применение режима наложения
Последний шаг, чтобы сделать изображение немного лучше и выглядеть так, как будто оно напечатано на барабане, используйте режим наложения.
Не снимая выделения с текстового фрейма, откройте панель «Прозрачность». Shift-Command-F10 .
Я установил наложение на Overlay и сохранил непрозрачность на 100%, но стоит поэкспериментировать с этими настройками, в зависимости от цвета и яркости вашего изображения, умножение или мягкий свет или что-то подобное может лучше работать для вас.Конечно, барабан не будет полным без логотипа с каким-то описанием посередине. Удачи, добавив сюда свое собственное изображение.
Дэвид СмитДэвид Смит — самый квалифицированный тренер, сертифицированный Apple и Adobe в Шотландии. Завершив свое образование в киношколе Эдинбургского колледжа искусств, получившей премию BAFTA, Дэвид сразу перешел в телевизионное производство, сначала в качестве Vision Mixer, а затем, в возрасте всего 24 лет, быстро стал директором прямых телетрансляций.В 2001 году он поступил в высшее учебное заведение, где стал преподавателем телепроизводства, специализируясь на пост-продакшене и студийном производстве. За это время, работая при поддержке BBC, Channel 4 и независимых продюсерских компаний, Дэвид сыграл важную роль в разработке, разработке и внедрении одобренных отраслью профессиональных курсов в колледжах Шотландии. В 2006 году, после тесного сотрудничества с Apple Computers над созданием уникальной мультимедийной образовательной студии в Музыкальном и медиацентре в Перте, Дэвид стал первым в Шотландии сертифицированным тренером Apple по профессиональным приложениям.Это привело к тому, что Дэвид создал первый авторизованный учебный центр Apple для образования к северу от Манчестера.
