Как сделать текст в перспективе в иллюстраторе
Перейти к содержимому

Как сделать текст в перспективе в иллюстраторе

  • автор:

Создать перспективу в Adobe Illustrator

Gift box

В этом руководстве иллюстратора я покажу вам, как настроить трехточечную перспективу Grid в Adobe Illustrator, чтобы создать великолепную 3D подарочную коробку. Вы можете либо разместить существующие произведения искусства в перспективной плоскости, либо нарисовать непосредственно к сетке. Мы будем использовать оба метода в этом руководстве, так и как бонус, я покажу вам простой способ создания отражения.

Мы начнем с самого начала процесса, поэтому, даже если вы являетесь пользователем Illustraper Illustrator, наше пошаговое руководство, если вы не создаете впечатляющую перспективу (см. Наши руководства Перспектива одна точка и Как нарисовать перспективу Чтобы получить голову по основам).

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

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

01. Создайте новый файл

Art in perspective: create new file

Сначала создайте новый документ, перейдя на «Файл и GT; Новый’. Это может быть любого размера; Мы используем ширину 800px и высоту 600px здесь.

02. Откройте перспективную решетку инструмента

Art in perspective: set up Perspective grid

Нажмите на инструмент сетки в перспективе с панели инструментов или нажмите Shift + P. Отказ В вашем документе появится двумя точечная сетка по умолчанию по умолчанию и виджет самолета.

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

  • Как нарисовать: лучшие учебники рисования

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

03. Выберите тип сетки

Art in perspective: grid type

Есть три типа решеток, доступных для выбора: одноместный, двумя точками и трехточками. Вы можете выбрать нужную сетку, перейдя на «View & GT; Перспектива GRID & GT; Один / два / три точки перспективы ». Мы будем использовать трехточечную сетку для этого руководства. Ниже вы можете увидеть его основную структуру.

Art in perspective: click and adjust the handles

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

Art in perspective: adjust the plane sizes

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

Art in perspective: lock station point

Если вы заблокируете точку станции, используя «View & GT; Перспектива GRID & GT; Опция блокировки станции POINT ‘, оба точки исчезновения будут двигаться вместе.

04. Отрегулируйте планы сетки и размер ячейки сетки

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

05. Настройте свою сетку

Art in perspective: define perspective grid

Есть еще один способ настроить вашу сетку. Перейти к ‘view & gt; Перспектива GRID & GT; Определите перспективную сетку. Я в основном использую эту опцию, чтобы уменьшить непрозрачность сетки, чтобы я мог больше сосредоточиться на моем произведении искусства.

06. Создать стороны

Art in perspective: three-point perspective

Со всеми основными основаниями давайте начнем рисовать. Если вы внесли какие-либо изменения в вашу решетку сетки во время экспериментов, просто перейдите к «View & GT; Перспектива GRID & GT; Три пункта перспективы ‘для возврата в трехточечную сетку по умолчанию.

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

Art in perspective: start drawing

Нажмите Shift + CMD + I ( Shift + Ctrl + I ) временно скрыть перспективную сетку. Теперь выберите инструмент прямоугольника ( М` ), нажмите на холст, чтобы просмотреть его диалоговое окно и введите 200px для ширины и 170px для высоты. Вы можете сделать этот прямоугольник любой цвет.

Далее мы сделаем два копии нашего прямоугольника. Выберите его, нажав его с помощью инструмента выбора ( Внимание ), затем нажмите CMD + C. скопировать и CMD + V. вставить. Теперь у вас есть три прямоугольника, которые сформируют две боковые стенки и крышку коробки.

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

Art in perspective: place the sides

Нажмите Shift + CMD + I Чтобы снова просмотреть сетку, выберите инструмент выбора перспективы ( Shift + V. ), выберите правильную сетку, нажав 3. И просто перетащите один из прямоугольников на сетку, как показано ниже. Прямоугольник будет автоматически войти в перспективу.

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

Art in perspective: place the sides

Нажмите 2. Выбор горизонтальной плоскости и положите третий прямоугольник, чтобы сформировать крышку. Если он не пропорционален стенами, вы можете изменить размер его с использованием инструмента выбора перспективы ( Shift + V. ).

Art in perspective: position the lid

08. Примените следующий градиент

Art in perspective: gradient on right wall

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

Теперь сделайте копию правой стены. Пока стена выбрана нажмите CMD + C. скопировать и CMD + F. вставить спереди. Примените данный градиент к этой копии и сохраните градиент в качестве нового образца.

Art in perspective: gradient on left wall

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

Art in perspective: gradient on lid

09. Добавьте деталь крышки

Art in perspective: create the lid sides

Увеличьте размер крышки немного, используя инструмент выбора перспективы ( Shift + V. ). Нажмите 3. Чтобы выбрать правую сетку и нарисуйте прямоугольник, используя инструмент прямоугольника ( М` ) как ниже. Затем нанесите данный градиент.

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

Art in perspective: create the lid sides

Следующая страница: Последние шаги для создания великолепной 3D подарочной коробки .

Текущая страница: Использование сетки в перспективе в Illustrator: Шаги 01-09

Следующая Страница Использование сетки перспективы в Illustrator: Шаги 10-18

Как сделать текст в перспективе?

5f49230d11416029822856.jpeg

как сделать текст в перспективе по простому, не прибегая к трансформациям в 3д?

  • Вопрос задан более трёх лет назад
  • 6786 просмотров

Комментировать

Решения вопроса 1

Включаете отображение перспективной сетки (Shift+Ctrl+I). Настраиваете ее как вам угодно. Вне ее пределов пишите нужный вам текст. Активируете инструмент Perspective Selection Tool (Shift+V) и перетаскиваете надпись на искомую плоскость перспективы. Текст при этом остается редактируемым. Профит.

5f4940584586f352986037.png

Ответ написан более трёх лет назад

Комментировать

Нравится 3 Комментировать

Изменение объектов в перспективе с помощью инструмента «Выбор перспективы»

Инструмент «Выбор перспективы» позволяет выбирать, перемещать и изменять размер объектов на сетке перспективы, а также переносить объекты в перспективу.

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

Чтобы отобразить сетку перспективы, выберите инструмент Сетка перспективы , после чего выберите инструмент Выбор перспективы либо нажмите комбинацию клавиш Shift + V .

Щелкните объект на сетке перспективы, чтобы выбрать его. Перетащите выбранный объект, чтобы переместить его в требуемое место на плоскости.

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

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

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

Как деформировать текст в Adobe Illustrator

Final product image

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

Как деформировать текст в Adobe Illustrator

Подготовьте текст для деформирования

Поэтому мы научимся разбирать вещи. Давайте возьмем наш инструмент Type Tool, щелкнем левой кнопкой мыши в любом месте монтажной области и наберите текст. Напечатаем «WARPED». И мы можем пойти в панель Character наверху, и мы можем выбрать шрифт — давайте подойдем к Gotham Bold.

Затем я перейду к настройкам выравнивания и выберите Align Center, чтобы он был посередине. Теперь давайте создадим пару копий, удерживая Alt-Shift и перетаскивая. Поэтому ваш экран должен выглядеть так:

Plain text ready for warping

Создать эффект выпучивания

Мы выберем первый фрагмент текста и перейдем к Object> Envelope Distort> Make with Warp. У нас есть опция предварительного просмотра, и мы также можем выбрать стиль. Есть множество пресетов, поэтому давайте перейдем к Bulge и посмотрим, как это выглядит.

Bulge effect

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

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

Vertical bulge

Добавить Distortion

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

Horizontal distortion

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

Затем нажмите «ОК», вы увидите, что мы испортили текст.

Bulge effect final

И если мы нажмем на нее, у нас все еще есть все эти варианты вверху, где вы можете изменить пресет и другие значения.

Отрегулируйте эффект выпучивания

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

Unexpanded text

Поэтому я рекомендую вам после того, как вы сделали свой перекос, и вы довольны своим текстом, перейдите в Object> Expand. Оставьте объект и заполнить выбранным, нажмите «ОК», а затем снова переключитесь в режим контура, и вы сможете увидеть свой текст.

Expanded text

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

Adjusting anchor points of warp text

Создание эффекта дуги

Так что давайте покончим с чем-нибудь еще.

Нажмите второй фрагмент текста и, как и прежде, перейдите в Object> Envelope Distort> Make with Warp. На этот раз для стиля возьмем Arc. Таким образом, мы исправим Distortion на 0, и тогда мы сможем сгибать это вверх или вниз, и, конечно, вы также можете настроить Bend to Vertical.

Попробуем эти настройки:

И это должно выглядеть так:

Arc effect

Настроить эффект дуги

Как только вы довольны своей деформацией, и вы хотите начать добавлять к ней цвет, или, возможно, сделать творческим и добавить несколько штрихов или кистей, вы можете перейти в Object> Expand. Оставьте объект и заполните выбранным, нажмите «ОК», и теперь мы сможем получить творческий подход.

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

Arc with orange pencil brush

Таким образом, это несколько способов превратить текст в Illustrator, и теперь я оставлю вас веселиться, экспериментируя с ними.

Final results of warped text in lllustrator

Смотрите полный курс

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

Вы можете сразу пройти этот курс с подпиской на Envato Elements. За одну небольшую ежемесячную плату вы получаете доступ не только к этому курсу, но и к нашей растущей библиотеке более 1000 видеокурсов и ведущих электронных книг на Envato Tuts +.

Кроме того, теперь вы получаете неограниченные загрузки из огромной библиотеки Envato Elements из 490 000+ творческих активов. Создавайте уникальные шрифты, фотографии, графику и шаблоны и быстрее выполняйте лучшие проекты.

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

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