Как отключить в иллюстраторе перспективу: Определение сеток перспективы в Illustrator
Создать перспективу в Adobe Illustrator
В этом руководстве иллюстратора я покажу вам, как настроить трехточечную перспективу Grid в Adobe Illustrator, чтобы создать великолепную 3D подарочную коробку. Вы можете либо разместить существующие произведения искусства в перспективной плоскости, либо нарисовать непосредственно к сетке. Мы будем использовать оба метода в этом руководстве, так и как бонус, я покажу вам простой способ создания отражения.
Мы начнем с самого начала процесса, поэтому, даже если вы являетесь пользователем Illustraper Illustrator, наше пошаговое руководство, если вы не создаете впечатляющую перспективу (см. Наши руководства Перспектива одна точка и Как нарисовать перспективу Чтобы получить голову по основам).
Вы можете перехватить с другими областями Illustrator с нашим округа лучших Учебники иллюстратора Отказ
01. Создайте новый файл
Сначала создайте новый документ, перейдя на «Файл и GT; Новый’. Это может быть любого размера; Мы используем ширину 800px и высоту 600px здесь.
02. Откройте перспективную решетку инструмента
Нажмите на инструмент сетки в перспективе с панели инструментов или нажмите Shift + P. Отказ В вашем документе появится двумя точечная сетка по умолчанию по умолчанию и виджет самолета.
Вы можете использовать виджет, чтобы выбрать активную плоскость сетки. Если вы нажмете левую поверхность куба или нажмите 1. , его цвет изменится на синий, указывающий, что левая плоскость активна. И если вы нажмете на правую поверхность куба или нажмите 3. Этот самолет превратит оранжевый, чтобы указать, что это теперь активная плоскость.
Точно так же, если вы нажмете нижнюю поверхность или нажмите 2. , он становится зеленым, указывающим на горизонтальную плоскость — ваша активная плоскость.
- Как нарисовать: лучшие учебники рисования
В перспективе сетка активная плоскость — это плоскость, на которой вы рисуете объект для проекта точки наблюдателя на эту часть сцены.
03. Выберите тип сетки
Есть три типа решеток, доступных для выбора: одноместный, двумя точками и трехточками. Вы можете выбрать нужную сетку, перейдя на «View & GT; Перспектива GRID & GT; Один / два / три точки перспективы ». Мы будем использовать трехточечную сетку для этого руководства. Ниже вы можете увидеть его основную структуру.
Первое, что вы должны знать, у вас полный контроль сетки.
С выбранным инструментом сетки в перспективе вы можете нажать и настроить любую ручку в сетке, как вам нравится.
Вы можете перетащить правую или левую точку исчезновения горизонтально, и центральная точка исчезновения вертикально настроить размер соответствующих плоскостей.
Если вы заблокируете точку станции, используя «View & GT; Перспектива GRID & GT; Опция блокировки станции POINT ‘, оба точки исчезновения будут двигаться вместе.
04. Отрегулируйте планы сетки и размер ячейки сетки
Вы также можете настроить левые, правые и горизонтальные планы сетки с использованием соответствующих виджетов управления плоской сетки. Отрегулируйте размер ячейки сетки с помощью виджета размера ячейки сетки — если вы перетащите его вверх, он увеличивает размер ячейки и наоборот.
05. Настройте свою сетку
Есть еще один способ настроить вашу сетку. Перейти к ‘view & gt; Перспектива GRID & GT; Определите перспективную сетку. Я в основном использую эту опцию, чтобы уменьшить непрозрачность сетки, чтобы я мог больше сосредоточиться на моем произведении искусства.
06. Создать стороны
Со всеми основными основаниями давайте начнем рисовать. Если вы внесли какие-либо изменения в вашу решетку сетки во время экспериментов, просто перейдите к «View & GT; Перспектива GRID & GT; Три пункта перспективы ‘для возврата в трехточечную сетку по умолчанию.
Единственное изменение, которое мы сделаем до этой сетки, состоит в том, чтобы уменьшить высоту горизонта, перемещая линию горизонта вниз, ближе к уровню земли.
Нажмите Shift + CMD + I
Далее мы сделаем два копии нашего прямоугольника. Выберите его, нажав его с помощью инструмента выбора ( Внимание ), затем нажмите CMD + C. скопировать и CMD + V. вставить. Теперь у вас есть три прямоугольника, которые сформируют две боковые стенки и крышку коробки.
07. Перетащите прямоугольники, чтобы создать перспективу
Нажмите Shift + CMD + I Чтобы снова просмотреть сетку, выберите инструмент выбора перспективы ( Shift + V. ), выберите правильную сетку, нажав 3. И просто перетащите один из прямоугольников на сетку, как показано ниже. Прямоугольник будет автоматически войти в перспективу.
Следующая печать 1. Чтобы выбрать левую сетку и перетащите другой прямоугольник, примыкающий к предыдущему.
Нажмите 2. Выбор горизонтальной плоскости и положите третий прямоугольник, чтобы сформировать крышку. Если он не пропорционален стенами, вы можете изменить размер его с использованием инструмента выбора перспективы ( Shift + V. ).
08. Примените следующий градиент
Теперь выберите правую стенку коробки и нанесите следующий градиент на нем, используя инструмент градиента ( грамм ). Вы можете сохранить этот градиент, ударив значок «New Swatch» в нижней части панели образцов.
Теперь сделайте копию правой стены. Пока стена выбрана нажмите CMD + C. скопировать и CMD + F. вставить спереди. Примените данный градиент к этой копии и сохраните градиент в качестве нового образца.
Теперь примените оба градиента над левой стеной из сохраненных образцов. После этого нанесите следующий градиент по крышке.
09. Добавьте деталь крышки
Увеличьте размер крышки немного, используя инструмент выбора перспективы (
Ударить 1. Чтобы выбрать левую решетку и создать прямоугольник на другой стороне. Вы можете применить тот же градиент, но вам нужно немного изменить свой угол.
Следующая страница: Последние шаги для создания великолепной 3D подарочной коробки …
Adobe Illustrator CC. Руководство пользователя
Параметры инструментов по работе с символами
«Инструменты».
Общие параметры, такие как диаметр, интенсивность и плотность, отображаются в верхней части диалогового окна. Специфические
параметры каждого конкретного инструмента отображаются в нижней части диалогового окна. Чтобы переключиться на параметры
другого инструмента, щелкните значок нужного инструмента в диалоговом окне.
Общие параметры Параметры «Общие» отображаются в верхней части диалогового окна «Параметры инструментов по работе с
символами» независимо от того, какой инструмент выбран в данный момент.
Диаметр Задает размер кисти инструмента.
Чтобы уменьшить или увеличить диаметр кисти, в любой момент работы с инструментом нажмите клавишу «[» или «]»
соответственно.
Интенсивность Задает скорость изменения (чем больше значение, тем быстрее изменение). Чтобы использовать не значение
параметра «Интенсивность», а данные из графического планшета или пера, выберите параметр «Чувствительность к нажиму пера».
Плотность набора символов Задает степень притяжения для набора символов (чем выше значения, тем более плотно располагаются
образцы символов). Этот параметр применяется ко всему набору символов. Если выделен набор символов, то изменяется плотность
всех образцов в наборе, а не только новых.
Метод Задает метод коррекции образцов символов инструментами: «Уплотнение символов», «Размер символов», «Вращение
символов», «Обесцвечивание символов», «Прозрачность символов» и «Стили символов».
Для плавной коррекции символов относительно положения курсора выберите параметр «Определяемый пользователем». Для
произвольного изменения символов в области под курсором выберите параметр «Случайно». Для плавного сглаживания значений
символов выберите параметр «Усреднить».
Показать размер кисти и интенсивность мазка При использовании инструмента отображается размер.
Параметры инструмента «Распыление символов» Параметры инструмента «Распыление символов» («Уплотнение», «Размер»,
«Вращение», «Прозрачность», «Обесцвечивание» и «Стили») отображаются под общими параметрами в диалоговом окне «Параметры
инструментов по работе с символами», только когда выбран инструмент «Распыление символов». Они управляют добавлением новых
образцов в наборы символов. Для каждого из этих параметров предусмотрено два варианта:
Усреднить Новый символ добавляется с усредненным значением существующих образцов символов в пределах радиуса кисти.
Например, образец, добавленный в область, где среднее значение прозрачности существующих образцов символов равно 50%, будет
иметь прозрачность 50%. Образец, добавленный в область без других образцов, будет непрозрачным.
Примечание. При вычислении усредненных значений учитываются только те образцы, которые находятся в пределах радиуса кисти
инструмента «Распыление символов», заданного параметром «Диаметр». Чтобы радиус был виден при работе, выберите параметр
«Показать размер кисти и интенсивность мазка».
Определяемый пользователем Применение конкретных предустановленных значений для каждого параметра: «Уплотнение»
(плотность) – на основе исходного размера символа, «Размер» – исходный размер символа, «Вращение» – направление движения мыши
(или отсутствие ориентации, если мышь не двигается), «Прозрачность» – непрозрачность 100%, «Обесцвечивание» – текущий цвет
заливки и полная интенсивность оттенка, «Стиль» – текущий стиль.
Параметры инструмента «Размер символов» Параметры инструмента «Размер символов» отображаются под общими параметрами в
диалоговом окне «Параметры инструментов по работе с символами», только когда выбран инструмент «Размер символов».
Пропорциональное изменение размера При изменении размера форма каждого образца символа сохраняется.
Изменение размеров отражается на плотности Образцы символов отдаляются друг от друга при увеличении масштаба и
приближаются друг к другу при его уменьшении.
Дополнительные разделы справки
Правовые уведомления
|
Политика конфиденциальности в сети Интернет
200
Отрисовка зданий с использованием Perspective Grid Tool в Illustrator – PhotoDrum.com – сайт дизайнера
В этом уроке мы попробуем отрисовать в Illustrator эскиз городского квартала используя инструмент Perspective Grid Tool . Используя Perspective Grid Tool можно не заботиться о неправильных искажениях перспективы и масштабе. Итак, давайте начнем.
В моем примере будет использоваться вот такой набросок:
Первым делом импортируем эскиз в Illustrator – File> Place . После этого, создадим и подгоним сетку перспективы инструмента Perspective Grid Tool , для этого перейдем к View> Perspective Grid и выберем вариант Two Point Perspective .
У вас получится нечто подобное, как показано на рисунке ниже. Как вы можете видеть, у сетки есть много манипуляторов, с помощью которых вы можете ее настроить. Попробуйте выровнять перспективу с эскизом как можно более точно. Это можно сделать не идеально точно.
Вы можете заметить появление маленького значка в левом верхнем углу рабочей области Illustrator, который содержит куб. Цветная сторона куба указывает, какая именно сторона перспективы выбрана в настоящее время. Используйте Rectangle Tool вы увидите, как все рисуемые фигуры будут выстраиваться в плоскости выбранной стороны сетки.
Для переключения между сетками перспективы вы можете использовать “быстрые” клавиши 1, 2 или 3 , или выбирая непосредственно нужную сторону на пиктограмме куба. Чтобы манипулировать объектами на выбранной плоскости нужно использовать инструмент Perspective Selection Tool (Shift + V) .
Сейчас, когда мы разобрались с базовыми принцами работы инструмента Perspective Grid Tool , приступим к отрисовки наброска города. Начинать лучше с элементов расположенных на переднем плане.
Начало положено, у нас получилось нарисовать угловое здание. Теперь, выбрав нижнюю сторону пиктограммы куба, мы нарисуем пешеходный переход.
Удерживая Alt , перетащим с помощью инструмента Perspective Selection Tool фрагмент пешеходного перехода на нужное расстояние, мы получим копию с сохранением правильной перспективы и нажав Ctrl + D несколько раз, у нас появятся копии с одинаковым расстоянием между друг другом. Повторите процедуру для другой стороне дороги.
Продолжайте добавлять прямоугольники по форме зданий, переключаясь, по мере необходимости, между сторонами сетки. Если вам нужно более точно взглянуть на эскиз, перейдите к View> Outline , или комбинацией клавиши Ctrl + Y .
Чтобы выключить сетку перспективы, просто перейдите к View> Perspective Grid> Hide Grid . Когда она вам понадобится снова, просто перейдите по тому же меню, и вы включите ее снова. Для ускорения этой операции моно использовать сочетание клавиш Shift + Ctrl + I .
Продолжайте отрисовывать городской пейзаж, добавляя больше форм и деталей. Как вы можете видеть, я не стал в точности следовать своему эскизу. В некоторых местах нарисованная мной перспектива оказалось весьма далека от реальной, и это абсолютно нормально. Эскиз служит только базой для начала.
Теперь настало время добавить окна на здания. Я нарисовал одно окно, используя Rectangle Tool .
Затем, выбрав инструмент Perspective Selection Tool (Shift + V) , и удерживая Alt, перетащите окно на нужную нам сетку перспективы.
Я делаю еще одну копию окна на этой же стороне здания, а затем, перейдя к другой стороне сетки, я повторяю манипуляции, но так как с этой стороны ширина фасада больше, то нарисую только крайние окна. Далее, выбрав оба окна, перейдем к Object> Blend> Make (Alt + Ctrl + B), с помощью этого мы добавим копии окон в пространстве между уже созданными.
Здесь оказалось слишком много окон! Я иду к Object> Blend> Blend Options , устанавливаю категорию интервала Specified Steps , и задаю значение 1.
Теперь, выберем получившийся ряд окон и с нажатой клавишей Alt перетаскиваем их вниз, чтобы добавить еще один ряд. Только убедитесь, что у вас выбран Perspective Selection Tool Перспектива , это необходимо для того, чтобы сохранить объекты в заданной плоскости перспективы.
Дальше мы можем начать добавлять новые типы окон на другие здания, используя ту же технику.
Для окон зданий, которые находятся на заднем плане, я использую простой дизайн. И все так же применяю Blend для равномерного заполнения фасада здания окнами.
В процессе работы, вам, возможно, потребуется настроить сетку перспективы для конкретного здания, поэтому не стесняйтесь и смело ее редактируйте под себя.
Для зданий, расположенных далеко позади, я предлагаю использовать не окна, а вертикальные линии. Перейдите к Window> Swatch Libraries> Patterns> Basic Graphics> Basic Graphics_Lines и в вашем расположении будут разные линии на выбор.
У нас начал получатся достойный городской пейзаж с правильной перспективой, но он по-прежнему нуждается в большем количестве деталей. Не пожалейте своего времени, чтобы настроить толщину линий. Хорошее эмпирическое правило – объекты вдали должны иметь более тонкие линии, а объекты вблизи толще.
Чтобы добавить небольшие графические элементы, я буду использовать некоторые проекты, которые я делал раньше. Я сделал рамку вокруг дизайна и сгруппировал их вместе.
Мы будем использовать инструмент Envelope Distort , чтобы поместить дизайн внутри знака (накрышного щита). Выберите объект, на который нужно поместить дизайн и скопируйте его командой Ctrl + С и вставьте поверх командой Ctrl + F . Убедитесь, что скопированный объект находится выше объекта проецирования.
Выберите оба объекта и перейти к Object> Envelope Distort> Make with Top Object .
Это действие вписывает ваш дизайн с размерами знака.
Я повторяю этот процесс для другого знака:
Для быстрого вписывания объекта в заданную форму можно использовать комбинацию клавиш Ctrl + Alt + C .
Добавьте немного трещин и царапин на фасады зданий, чтобы город не выглядел слишком искусственным.
Наконец, я покрасил несколько объектов в черный цвет и добавил текст и символы на вывески и дорожный знак. Это добавит некоторую дополнительную глубину нашему городу.
Далее, вы можете раскрасить город в соответствии с выбранным вами стилем.
Вот и все! В этом уроке вы узнали как можно быстро и просто отрисовывать по эскизу город, который в дальнейшем можно использовать для комиксов.
Все вопросы, возникшие в процессе урока вы всегда можете задать в комментариях. Удачи!
Автор здесь.
Похожие уроки и статьи
Оценка посетителей
[Всего: 15 Среднее: 4.4]Разбираемся с сеткой в Adobe Illustrator
В этой публикации вы найдете пять простых советов по работе в Adobe Illustrator. Вы можете даже не замечать как некоторые описанные проблемы мешают вашей работе. Однако вы наверняка увидите результат, если начнете пользоваться советами, которые найдете ниже.
Снимаем привязку к пиксельной сетке
Привязка к пиксельной сетке помогает, когда вы работаете над разработкой какого-нибудь веб-интерфейса. Однако часто она мешает. На начальном этапе вы можете даже не замечать этой опции, однако рано или поздно вы можете столкнуться с ситуацией, в которой вам захочется избавиться от этой привязки. Не путайте ее с привязкой к сетке, которую можно отключить в меню View > Snap to Grid/ Просмотр>Привязка к сетке . Привязка к пиксельной сетке проявляет себя даже когда вводишь конкретные X и Y координаты. Иногда из-за привязки ваши объекты могут немного сместиться. Чтобы отключить эту опцию выделите все объекты и в палитре Transform/Трансформировать выбрать More Options/Больше настроек. Теперь уберите галочку с опции Align to Pixel Grid/Выравнивание по пиксельной сетке .
Выберите «More Options» в палитре Transform.
Уберите галочку с опции «Align to Pixel Grid».
По умолчанию эта опция в Illustrator включена. Отключайте ее, если вам не нужна привязка
Переключаемся между заливкой и обводкой
В Illustrator много полезных горячих клавиш, однако одна из них поможет сэкономить вам особенно много времени. Это клавиша X, при помощи которой вы можете переключаться между заливкой и обводкой в палитре Tools/Инструменты. Попробуйте привыкнуть к этой горячей клавише и уже скоро вы поймете что не можете без нее жить и работать.
Скрывайте выделенный контур
Иногда вам нужно скрыть признаки выделения объекта, чтобы лучше видеть как он смотрится при смене цвета или любых других изменениях. В этом вам поможет сочетание клавиш Cmd/Ctrl + H. Объект останется выделенным, однако этого не будет заметно на экране.
Создавайте направляющие
В Illustrator направляющие не ограничены вертикальными и горизонтальными. Также вы можете создавать например диагональные направляющие. Более того, вы можете превращать в направляющие любые контуры. Выделите контур и в меню выберите View > Guides > Make Guides/Просмотр>Направляющие>Создать направляющие , или просто нажмите Cmd/Ctrl + 5 . Вы также можете превратить направляющие обратно в редактируемый объект. Для этого в меню выберите View > Guides > Unlock Guides/Просмотр>Направляющие>Освободить направляющие , выберите направляющую, которую хотите редактировать и выберите View > Guides > Release Guides/Просмотр>Направляющие> Расформировать направляющие (или просто нажмите Cmd/Ctrl + Option/Alt + 5 ).
Используйте границы просмотра
Когда вы масштабируете объект, который обладает обводкой, манипуляторы трансформирования появляются в центре обводки. Это может мешать точности масштабирования и часто просто раздражает. Вы можете изменить этот момент. Откройте Illustrator > Preferences > General/Иллюстратор > Установки > Основные и поставьте галочку возле опции Use Preview Bounds/Использовать границы просмотра . В этом случае манипуляторы будут появляться вокруг обводки.
Надеемся эти небольшие советы помогут вам в работе и сделают процесс создания иллюстраций быстрее и приятнее.
Перевод — Дежурка
Цель урока
В этом уроке мы научимся создавать векторную иллюстрацию ночного города и свечение огней автострады, используя такие инструменты Adobe Illustrator как: Perspective Grid Tool, Blend Tool, 3D моделирование, Phantasm CS.
Шаг 1
Начнем с самого ближнего к зрителю здания. Прежде чем изображать его в линейной перспективе мы должны создать стены и элементы фасада на плоскости. Берем Rectangle Tool (M) и создаем прямоугольник.
Этот прямоугольник будет представлять собой одну из стен здания. При помощи Rectangle Tool (M) создадим еще один маленький прямоугольник и поместим его у левого края большего прямоугольника. Это будет одно из окон здания.
Шаг 2
Удерживая клавиши Shift + Opt / Alt, перетащим этот прямоугольник по горизонтали к правой стороне здания, дублируя его.
Теперь переходим Object > Blend > Blend Options… и устанавливаем количество Specified Steps. Выделяем оба окна и переходим Object > Blend > Make, создавая первый ряд окон.
Шаг 3
Удерживая клавиши Shift + Opt / Alt, перетащим первый ряд окон вертикально вниз, дублируя его.
Нажимаем Cmd / Ctrl + D (Transform Again) несколько раз, так чтобы создать необходимое количество рядов окон.
Выделяем все окна этой стены и переходим Object > Expand. Два раза разгруппировываем полученные объекты (Shift + Cmd / Ctrl + G) и один раз группируем (Cmd / Ctrl + G). Нам не нужны лишние группы объектов, так удобней работать. Выделяем все созданные объекты (стену и группу окна) и группируем их (Cmd / Ctrl + G).
Шаг 4
При помощи Rectangle Tool (M) создадим вторую стену здания. Высота ее должна быть такой же, как и первой стены.
Используя описанную выше технику, создадим окна на этой стороне здания.
Выделяем и группируем все элементы этой стороны здания.
Шаг 5
Пришло время разместить созданные элементы здания в перспективе. Берем Perspective Grid Tool (Shift + P) и переходим View > Perspective Grid > Two Point Perspective > , конечно, если такой вид сетки не установлен по умолчанию.
Управляя линиями сетки и перемещая Vanishing Points, приведем перспективную сетку к виду, показанному на рисунке ниже.
Шаг 6
Включаем на «Active Panel Widget” «Right Grid”, берем Perspective Selection Tool (Shift + V) и переносим первую стену здания в перспективную сетку.
Для удобства монтажа объектов включите режим Snap to Grid (View > Perspective Grid > Snap to Grid)
Шаг 7
Включаем на «Active Panel Widget” «Left Grid”, берем Perspective Selection Tool (Shift + V) и переносим вторую стену здания в перспективную сетку.
Шаг 8
Для строительства стены второго здания переместим Left Grid Panel Control вправо и вверх, перенося Left Grid в глубину композиции. Используя технику, описанную в 1-3 шагах, создадим новую плоскую стену здания и при помощи Perspective Selection Tool (Shift + V) перенесем ее в Left Grid. Не забудьте включить соответствующий режим на Active Panel Widget.
Шаг 9
Создадим дорожное полотно. Включаем Horizontal Grid на Active Panel Widget, берем Rectangle Tool (M) и создаем прямоугольник. Этот прямоугольник будет сразу деформироваться, подчиняясь закону линейной перспективы.
Не расстраивайтесь, если у вас сразу не получилось то, что вы задумали. Возьмите Perspective Selection Tool (Shift + V) и отредактируйте его форму по своему усмотрению.
Таким же способом создайте второе полотно дороги.
Шаг 10
Продвигаемся вглубь композиции. Переносим Left Grid и создаем еще одно здание.
Вблизи линии горизонта перспективные искажения будут практически незаметны, поэтому два дальних здания создадим при помощи Rectangle Tool (M) и Pen Tool (P)
Окна, как и раньше, создадим при помощи Rectangle Tool (M) Blend Tool.
Шаг 11
Для того чтобы внести разнообразие в нашу композицию создадим одно здание в виде башни. Берем Pen Tool (P) и создаем ступенчатую фигуру, как показано на рисунке ниже.
Теперь создадим заготовку для окон башни, способом, который был описан в начале этого урока. Открываем панель Symbols (Window > Symbols) и сохраним созданные окна как новые символы.
После сохранения символов заготовки окон могут быть удалены из рабочей области документа.
Шаг 12
Выделяем ступенчатую фигуру и переходим Object > 3D > Revolve… и устанавливаем параметры, указанные на рисунке ниже.
Нажимаем на кнопку Map Art в диалоговом окне «3D Revolve Options” и устанавливаем сохраненные символы для четырех боковых поверхностей башни.
Шаг 13
Не снимая выделения с башни, переходим Object > Expand Appearance. После этой операции башня будет содержать Clipping Masks и другие лишние элементы. Для того чтобы беспрепятственно работать с объектами башни в дальнейшем выполним следующие операции. Переходим Object > Clipping Mask > Release, затем Object > Path > Clean Up…
Теперь наша башня представляет собой группу простых векторных объектов.
Шаг 14
Основные объекты композиции созданы, осталось только их окрасить. Перед окраской я всегда создаю фон, это позволяет мне правильно работать с цветом остальных объектов. Берем Rectangle Tool (M) и создаем прямоугольник с заливкой темно-синего цвета.
Переходим Object > Create Gradient Mesh… и устанавливаем количество строк и столбцов в диалоговом окне.
Шаг 15
Берем Direct Selection Tool (A) и, выделяя отдельные узлы сетки, окрашиваем их в более светлые оттенки синего цвета. Этим же инструментом перемещаем узлы и их ручки, чтобы создать подобие свечения ночного неба над городом.
Шаг 16
Заливаем стены зданий линейным градиентом от темно-синего цвета к черному цвету. Верх зданий выглядит немного светлее из-за свечения неба.
Выделяем все окна и заливаем их черным цветом.
Шаг 17
17. Теперь берем Direct Selection Tool (A) и, удерживая клавишу Shift, выделяем окна в произвольном порядке.
Заливаем выделенные окна радиальным градиентом, который состоит из белого, синего и черного цветов.
Шаг 18
Конечно, освещение во всех окнах не может быть одинаковым (источник света в окнах находится в разных местах). Поэтому нам придется перенастраивать градиент, продвигаясь от окна к окну. В некоторых окнах достаточно изменить положение градиента, расширив его поле, в некоторых заменить цвета градиента, а в некоторых, заменить радиальный градиент на линейный.
Глядя на количество окон в этой композиции, признаюсь это довольно утомительная работа. Ну что ж искусство требует жертв.
Шаг 19
Окна в дальних зданиях не требуют такой детализации, поэтому я заливал их одним и тем же градиентом, за редким исключением.
После работы с окнами моя композиция выглядит так.
Шаг 20
Теперь создадим еще несколько светящихся элементов зданий. При помощи Ellipse Tool (L) создадим две окружности с заливкой темно-синим и голубым цветом.
Поместим окружности на крыше ближнего к зрителю здания. При помощи Direct Selection Tool (A) вытянем нижнюю точку темно-синей окружности горизонтально вниз и конвертируем ее из гладкой в угловую.
Установим для этой формы 0% Opacity в панели Transparency.
Шаг 21
Переходим Object > Blend > Blend Options… и устанавливаем количество Specified Steps. Выделяем оба объекта и переходим Object > Blend > Make, создавая свечение от лампы на краю крыши.
Используя эту же технику, создадим свечение лампы.
Выделяем и группируем оба бленд-объекта. Перетаскиваем созданную группу вдоль границы крыши здания, удерживая Opt / Alt и дублируя ее.
Шаг 22
Светящиеся объекты можно создавать и при помощи растровых эффектов давайте посмотрим, как это делается на другом примере. При помощи Pen Tool (P) создадим несколько линий разной толщины над ступенчатой башней.
Быстро изгибать прямолинейные участки удобно при помощи PathScribe Tool, одного из инструментов VectorScribe plugin . Итак, берем PathScribe Tool и, удерживая клавишу Shift, тянем середину прямолинейного сегмента вверх. Эта операция перекраивает путь, сохраняя при этом его симметричность. Это означает, что обе ручки одинаковой длины и под одинаковым углом к воображаемой линии, проходящей через концы сегмента пути.
Более подробную информацию об управлении формой векторных объектов при помощи PathScribe Tool вы сможете прочитать здесь:
Шаг 23
Аналогичные преобразования совершаем с другими прямолинейными сегментами, после чего разместим их ниже объектов башни в панели слои.
Выделяем все сегменты и переходим Object > Expand. Заливаем формы разнонаправленным линейным градиентом, состоящим из белого и голубого цветов.
Выделяем и группируем созданные элементы.
Шаг 24
Копируем созданную группу и вставляем ее назад (Cmd / Ctrl + C, Cmd / Ctrl + B). Не снимая выделения с нижней группы, переходим Effect > Blur > Gaussian Blur… и устанавливаем радиус в диалоговом окне.
Применение растровых эффектов для объектов сложной формы считаю оправданным. Это сэкономит вам много времени. Подобным образом вы можете создать рекламные надписи на крышах зданий.
Шаг 25
При помощи Rectangle Tool (M) создадим общий фон нижней части композиции.
Теперь при помощи Pen Tool (P) создадим линию горизонта.
Добавим к фону еще несколько светящихся окон.
Шаг 26
Теперь мы можем приступать к созданию дороги. Заливаем полотно дороги линейным градиентом от синего к черному цвету.
Теперь создадим разделительные полосы на правой части дороги. Берем Pen Tool (P) и создаем два треугольника, вершины которых будет находиться в точке схода.
Теперь дважды кликнем по иконке Eraser Tool (Shift + E), что откроет диалоговое окно с настройками этого инструмента. Установим диаметр и нажмем кнопку OK
Шаг 27
Заблокируем все объекты в палитре слои кроме двух треугольников, созданных в предыдущем шаге. Теперь возьмем Eraser Tool (Shift + E) и, удерживая клавишу Shift, будем стирать части треугольников, образовывая пунктирную разделительную полосу. Чем дальше мы будем продвигаться вглубь композиции, тем меньше должен быть диаметр Eraser Tool
Заливаем разделительные полосы линейным градиентом, который состоит из оттенков синего цвета, передавая распределение света.
Шаг 28
Мы не будем изображать автомобили, мчащиеся по дороге, а изобразим только огни от их фар, сливающиеся в световой поток. Такой эффект возникает при фотографировании движущихся светящихся объектов при длительных выдержках (shutter speed) фотоаппарата. Такие огни выглядят немного размытыми, для их создания мы будем использовать специальную Art Brush. При помощи Rectangle Tool (M) создадим прямоугольник красного цвета.
Высота прямоугольника 4 px, длина может быть любая. Красный цвет выбран потому, что по правой стороне дороги автомобили движутся от нас. Поэтому мы видим их задние стоп-сигналы, а они, как правило, красного цвета.
Шаг 29
Копируем красный прямоугольник и вставляем его вперед (Cmd / Ctrl + C, Cmd / Ctrl + F). Уменьшаем высоту этого прямоугольника 0,25 px. Устанавливаем 0% Opacity в панели Transparency для нижнего прямоугольника.
Теперь выделяем оба прямоугольника и применяем к ним Blend, как мы это делали не один раз на протяжении этого урока.
Шаг 30
Перетаскиваем Blend объект в панель Brushes и сохраняем новую кисть как Art Brush.
При помощи Pen Tool (P) создадим пучок сходящихся в точке схода линий и применяем к ним созданную кисть.
Шаг 31
Создаем новые линии, к которым применяем ту же Art Brush. Для этих линий устанавливаем 50% Opacity в панели Transparency.
Шаг 32
32. Огни движущихся машин обычно неоднородны по толщине. Для создания утолщений создадим еще одну Art Brush. Техника ее создания ничем не отличается от предыдущей, только состоит она не из прямоугольников, а из двух эллипсов, крайние тоски которых конвертированы из гладких в угловые.
При помощи Selection Tool (V) превратим окружность в эллипс и повернем его так, чтобы большая ось совпадала с направлением движения красных огней.
Установим для эллипса Color Dodge Blending Mode в палитре Transparency.
Используя эту технику, создадим еще несколько светящихся огней.
Шаг 36
Для создания огней на второй стороне дороги я использовал те же красные кисти и техники. Однако на этой стороне дороги автомобили движутся на зрителя, следовательно, должны быть белыми и светло-голубыми. Имея на вооружении Phantasm CS, мы можем получить любой оттенок цвета. Выделяем потоки огней на левой стороне дороги и переходим Effect > Phantasm CS > Hue / Saturation…. Управляя слайдерами Hue, Saturation and Lightness устанавливаем необходимый оттенок цвета.
Шаг 37
Создадим свечение фонарей вдоль дороги. При помощи Ellipse Tool (L) создаем окружность, которую заливаем радиальным градиентом. Градиент состоит из белого, голубого и черного цветов. При помощи Selection Tool (V) превратим окружность в эллипс и установим Screen Blending Mode в палитре Transparency.
Дублируем эллипс и поворачиваем его относительно первого на 90 градусов. Для этого эллипса установим Color Dodge Blending Mode в палитре Transparency
Группируем оба эллипса (Ctrl / Cmd + G) и размещаем свечение фонарей вдоль нашей дороги, дублируя первый фонарь и уменьшая размеры в соответствии с законом перспективы.
После изучения техник этого урока предлагаю немного поэкспериментировать. Во-первых, создайте собственную композицию. Во-вторых, попробуйте при помощи Phantasm CS изменить цветовое решение нашего сюжета. Пускай это будет утро или вечер с красными оттенками заката. Вы можете оставлять ссылки на ваши работы в комментариях. Я всегда с радостью смотрю работы своих учеников, и по вашему желанию, критикую их.
Оригинал урока на Английском языке: AstuteGraphics
Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда работает для Вас!
От переводчика
Привет, %юзернейм%!Этот перевод как бы дополняет , без которого она была бы неполной, тем более что оригинальная статья про Pixel Perfect ссылается на оригинальную статью этого перевода.
Материал расчитан на новичков, и немного рассказывает о двух вещах:
- Как избежать той проблемы, из-за которой у вас в макетах расстояние между элементами или гайдами начинает включать в себя дробные части пикселей;
- Как использовать сетки для прототипирования в Adobe Photoshop и Adobe Illustrator.
Как и в прошлый раз, одна из целей, почему я пишу эту статью на Хабр (а не ограничиваюсь, к примеру, переводом на Tuts+) — это составление после перевода полезных ссылок по теме. Призываю хабражителей так же делиться своими соображениями и инструментами, которыми вы пользуетесь при создании сеток, может быть какими-то другими редакторами. Один мой знакомый товарищ прокомментировал предыдущую статью таким образом, что, конечно, материал прикольный, но сам он пользуется Sketch»ем, а там это всё из коробки. Расскажите, чем пользуетесь вы?
Кстати, хотя в статье речь идёт об Adobe Illustrator, в Adobe Photoshop можно так же использовать и пиксельную сетку, и привязку к пикселям, и свою собственную настраиваемую сетку.
- Чтобы включить/выключить сетку в Adobe Illustrator/Photoshop, нажмите Ctrl + «
- Чтобы включить/выключить гайды в Adobe Illustrator/Photoshop, нажмите Ctrl + ;
Ну, поехали.
Разбираемся с сеткой в Adobe Illustrator
На сегодня Adobe Illustrator — один из самых популярных векторных редакторов. Это такая большущая программа, и если вы новичок, то может пройти довольно много времени, если вы будете вникать в то, за что та или иная кнопка или опция отвечают.
Да, я собираюсь рассказать вам о Сетке.
Что такое Сетка?
Как и в изучении любого другого вопроса давайте сначала дадим определение изучаемому термину.Если обратиться к онлайн-словарю Merriam-Webster, сетка — это сеть равномерно расположенных вертикальных и горизонтальных линий(например, для позиционирования точек на карте).
Ещё более полное определение можно найти в Википедии, потому что там оно как раз таки дано с точки зрения графического дизайна: «Сетка — это пространство (обычно двухмерное), которое состоит из серии пересекающихся прямых (вертикальных, горизонтальных или расположенных под углом) или кривых направляющих, которые используются для упорядочивания контента. Сетка служит как бы основой, благодаря которой дизайнер может размещать на макете различные графические элементы (изображения, символы, параграфы текста) в правильном порядке таким образом, чтобы они приятно смотрелись на макете, легко читались. Сетка так же используется для того, чтобы выстроить отношения между различными графическими элементами, например определить отношение размеров или расположения разных элементов относительно друг друга, или относительно холста.
Кстати, сетка Adobe Illustrator состоит только из строго вертикальных и горизонтальных линий. Если вам для работы нужны кривые или ещё какие-то более сложные сетки, то вы сможете создать их с помощью гайдов-направляющих, это на самом деле довольно несложно.
Почему знание Сетки важно?
Мы дали общее представление того, что из себя представляет Сетка. Но зачем ей вообще пользоваться? Если ещё раз повторить кратко, то Сетка — это то, что помогает нам расположить элементы друг относительно друга и выставить отношения между размерами и расположениями объектов. Сетка как бы предлагает нам правила, по которым мы можем расположить объекты на макете, а самое главное — структурировать контент.Кроме того, Сетка как инструмент помогает дизайнерам создавать Pixel Perfect изображения, что очень важно (на мой взгляд так вообще обязательно) при создании изображений для разных устройств с разными экранами.
Прежде чем я углублюсь в рассказ о том, как Сетка помогает создавать действительно качественные резкие изображения, мне бы хотелось вкратце рассказать о некоторых ключевых моментах, которыми различаются два типа изображений — цифровые изображения на экране, и напечатанные изображения.
Цифра VS Печать
Ни для кого не секрет, что цифровые изображения на экранах много чем отличаются от напечатанных изображений на бумаге. У каждого типа изображений своя цветовая схема (RGB у цифровых изображений и CMYK у печатных картинок), и каждый тип имеет своё выходное разрешение (разрешение экрана и разрешение при печати). Всё это создаёт разницу в том, каким образом создаются эти два типа изображений, в особенности то, каким образом получаются изогнутые, кривые линии.Цифровые экраны имеют своё разрешение и свою пиксельную сетку (на любом экране квадратные пиксели выстроены один за другим в ряды). Это означает, что чтобы создать какую-то кривую линию, мы просто делаем какие-то пиксели полупрозрачными (альфа-канал) на этих участках искривлений, и это называется сглаживанием, которое искусственным образом помогает нам воссоздать на экране монитора кривую.
Принтер в свою очередь зависит от размеров бумаги и своей разрешающей способности при печати, что означает, что если у вас выставлено большое разрешение печати, то принтер прекрасно отпечатает вам кривую линию. Это так, потому что принтер может выводить точки на бумагу в несколько слоёв, т.е. у принтера нет нужны хитрить с полупрозрачностью пикселей, в отличие от экрана электронного устройства.
Использование привязок
Один из самых интересных вопросов, который может быть поднят в этой теме. Если вы используете привязки, то вы как бы говорите Illustrator»у выравнивать ваши объекты на холсте к вашей сетке либо пиксельной сетке.Помните, что недавно я заикнулся о Pixel Perfect изображении? Теперь, когда вы знаете, в чём отличие напечатанных картинок от цифровых, отображаемых на экране, самое время поведать о том, в чём на мой взгляд главная роль Сетки.
Я уверен, что вы ранее наверняка видели различные иллюстрации на Dribbble или Behance с супер-чётким изображением. Лично я всегда удивлялся, как автору удалось вывести такие чёткие линии? Как оказалось, в этом нет ничего необычного! Он или она просто привязывали все объекты к пиксельной сетке и создавали каждый элемент с целыми значениями размеров в пикселях!
На всякий случай уточню, что под целыми значениями я имею ввиду числовые значения без дробных частей, т.е. например если мы собираемся нарисовать прямоугольник, то мы будем его рисовать с шириной 200 пикселей и высотой 100 пикселей, а не 200.84 пикселя на 99.8 пикселей.
Расширенное понятие сетки
Картинка лучше тысячи слов. Давайте я попробую показать вам на примере, как настроить сетку. Давайте проделаем шаг за шагом алгоритм, который вы будете проделывать каждый раз при создании нового проекта в Illustrator. Я уверен, вам это понравится.Шаг 1
При старте любого нового проекта в Illustrator, мы всегда начинаем с настроек нового документа. Давайте откроем Illustrator и создадим новый документ со следующими настройками:- Количество холстов: 1
- Ширина: 800 пикселей
- Высота: 800 пикселей
- Единицы измерения: пиксели
- Цветовой режим: RGB
- Разрешение при растеризации: 300 пикселей на дюйм
- Приравнивать новые объекты к пиксельной сетке: отмечено
На заметку: вы наверняка обратили внимание на то, что мы поставили значения эффекта растеризации 300 PPI, хотя мы собираемся использовать наш дизайн на экране монитора. Скажем так, если мы используем бОльшие значения разрашения, то это не будет сильно заметно на экране, но если вдруг случится так, что вы захотите напечатать то, что нарисовали (пока не обращайте внимания на то, что мы создали документ в RGB), все ваши эффекты вроде теней выйдут в плохом качестве, если значение PPI было выбрано меньше 300.
В самом деле, вы в любой момент можете изменить значение PPI, если зайдёте в Effect > Document Raster Effects Settings .
Шаг 2
После того, как вы настроили документ, создайте чёрный квадрат размерами 100х100 пикселей , и разместите его точно в левом верхнем углу Холста, используя палитру Align .Шаг 3
Чтобы понять, как работает сетка, давйте посмотрим на это. Открываем меню View > Show Grid (или нажимаем Ctrl + „), и тут же на экране появляется стандартная сетка 1000х4.Шаг 4
Теперь мы видим сетку, но как же она работает? Давайте попробуем подвигать маленький квадратик с помощью стрелок на клавиатуре и посмотреть, что получится.Наш маленький квадратик будет перемещаться на несколько пикселей с каждым нажатием, ничего особенного. Ничего не происходит, потому что мы не включили опцию Привязки к Сетке .
Давайте отменим наши последние шаги, вернём квадратик на своё место, и зайдём в меню View → Snap to Grid (Shift + Ctrl + Y) , а потом снова оппробуем поперемещать наш объект.
Вот теперь мы можем увидеть разницу. Попробуйте поперемещать объект, чтобы понять, что происходит. Каждое перемещение квадрата происходит с привязкой к горизонтальной или вертикальной линии Сетки.
Давайте разберёмся, почему Illustrator ведёт себя именно так, попробуем понять устройство Сетки. Как я говорил ранее, есть предустановленные настройки Сетки, вот они:
- Шаг сетки через каждые: 1000px
- Деления внутри шага сетки: 4
Что в самом деле означают эти настройки?
Это очень легко, смотрите. Через каждые 1000 пикселей Illustrator будет рисовать клетку, поделенную на 4 части (тем самым внутри клетки появится сетка 2х2), т.е. получатся клетки, каждая из которых размером 1000 х 1000 пикселей , и в свою очередь поделена ещё на 4 клетки размерами 250 х 250 пикселей (1000/4 = 250 ).
Т.к. наш холст имеет размеры всего лишь 800х800 пикселей (т.е. полностью умещается три квадрата сетки по 250 пикселей и ещё остаётся 50 пикселей ), привязка будет срабатывать на верхнюю и левую часть этого пространства, которая умещается в 1000 х 1000 пикселей . А нижняя и правая часть пространства на линии толщиной 200 пикселей , выделенной красным, остаётся незадействованной.
Теперь если мы вернёмся к нашему маленькому чёрному квадрату, то мы увидим, что он прилипает только к линиям сетки, которые располагаются в 250 пикселях друг от друга, при том, что сам квадратик 100х100 пикселей . Если бы чёрный квадрат был размером 250х250 пикселей , то он бы занимал целую клетку сетки, и прыгал бы точно в одну из 16 маленьких клеток.
Настройки сетки
Я надеюсь, что в предыдущем шаге вам стало всё понятно о том, как работает сетки, но вы должны понимать, что в разных проектах вам придётся настраивать разные сетки под разные нужды, в зависимости от размеров вашего холста, и того, как и по какому закону вы хотите размещать ваши элементы на холсте.Лично для себя я решил, что использование минимальных возможных значений является самым удобным, и если совместить всю мощь возможностей Сетки и инструмента PathFinder, то я получаю возможность супербыстро размещать все свои объекты так, как мне удобно.
Мои настройки сетки такие:
- Линия сетки через каждые: 1 пиксель
- Деления внутри шага сетки: 1
Быстрое прототипирование с использованием сетки
Давайте выполним небольшое упражнение и попробуем сделать быстрый прототип веб-сайта с использованием сетки через каждые 800 пикселей с разделением на 4 шага на холсте размером 800 х 800 пикселей .Да, я знаю, что дефолтным минимальным размером для веб-сайта в наши дни считается размер в 960 пикселей, но мне хочется просто показать вам небольшой пример, как мы можем использовать сетку для быстрого прототипирования.
Шаг 1
Создаём прямоугольник размером 800х200 пикселей и распологаем его сверху нашего холста, раскрасим его цветом #191919 . Теперь возьмём инструмент Текст и подпишем этот элемент как Шапку нашего веб-сайта.На заметку: Если у вас есть более мелкие элементы, которые не обязаны быть привязаны к сетке, в нашем примере это тексты-подписи к прямоугольникам, просто выделите их, зайдите в меню View и снимите галочку с опции Snap to Grid .
Шаг 2
Создадим небольшой прямоугольник размером 600х400 пикселей и цветом #191919 и попробуем разместить его, используя кнопки на клавиатуре, в левой части нашего холста, сразу под шапкой. Этот жлемент так же следует подписать, это будет Content.Шаг 3
Давайте создадим объект поменьше размером 200х400 пикселей цветом #B24747 и потом разместим его в правой части, справа от контента, а потом подпишем его Sidebar .Шаг 4
Завершаем наше прототипирование добавлением последнего элемента 800х200 пикселей и цветом #191919 . Расположим этот прямоугольник внизу холста и назовём его Footer.Грубо говоря, только что за несколько секунд нам удалось набросать макет сайта. Здорово тратить на такие вещи так мало времени, не правда ли?
Двойственная привязка
Прежде чем вы броситесь эксперементировать с сеткой, я хотел бы рассказать вам о разнице между Привязкой к настраиваемой сетке и Привязкой к пиксельной сетке .По умолчанию, если вы создаёте новый документ, режим Preview обычно выставлен в положение Default. Это означает, что то, что вы создаёте — это то, что вы видите. (Т.е. вы видите вектор таким, какой он есть, не расстрированным). В этом случае опция Snap to относится к Сетке , которую вы настраиваете, и Сетка зависит от тех значений, которые вы выставите в параметрах.
Если вы включите Pixel Preview (View → Pixel Preview ) и приблизите изображение, Illustrator покажет вам пиксели, из которых состоит ваше векторное изображение. Когда режим привязок включен на пиксели , каждое нажатие на стрелки клавиатуры будет перемещать ваш объект на фиксированное число пикселей, которое выставлено в настройках Keyboard Increment .
На заметку: Да, вы можете включить Keyboard Increment на любое кол-во пикселей, которое вам удобно. Эта опция располагается в меню Edit > Preferences > General > Keyboard Increment .
Ключевое различие между двумя способами привязки в том, что если вы каким либо образом создали объект с нецелыми значениями размеров, например 200.9х60.40 пикселей , привязка к пикселям изменят это, и сама автоматически округлит ваши значения.
Я рекомендую вам, если вы создаёте объекты в режиме привязки к сетке , всегда переключаться в режим Pixel Previe w и проверять, нормально ли ваши объекты встраиваются в Пиксельную сетку. В этом случае к моменту окончания работы над вашим дизайном у вас получится резкое качественное изображение, и вам не придётся решать никаких проблем.
Полезные ресурсы
- Чои Вин . Как спроектировать современный сайт. Профессиональный веб-дизайн на основе сетки . б.м.: Питер, 2012.
Существует множество книг про сетки. популярные и не очень, но я читал именно эту, поэтому именно её и рекомендую. Здесь по шагам очень подробно описывается процесс разработки универсальной сетки (которая в готом варианте раздаётся много где). Вобщем-то после прочтения точно всё встаёт на свои места, становится понятно что, почему и зачем.
Всем привет!
В ближайшее время в нашей Виртуальной школе мы начинаем новый учебный проект, посвященный созданию реалистичных векторных иллюстраций в Adobe Illustrator.
Наверное невозможно сегодня встретить дизайнера, который не знал бы, что такое векторная графика и не смог бы перечислить ее главные преимущества: масштабируемость, легкость редактирования, небольшой вес, насыщенные цвета…
Однако при упоминании векторной графики, как правило, мы думаем о логотипах, иконках или о «плоских» картинках, похожих на аппликации из цветной бумаги. Ну, в крайнем случае, — на иллюстрацию, нарисованную гуашью.
Действительно, в нашем сознании векторная графика как-то не очень уж ассоциируется с объемом и трехмерностью, а тем более — с реалистичностью.
В этом небольшом посте я решил вкратце рассказать о том, как с помощью инструментов Adobe Illustrator сделать ваши иллюстрации более привлекательными и реалистичными.
Для дизайнеров и иллюстраторов во всем мире Adobe Illustrator давно стал инструментом номер один для создания векторных иллюстраций. В Adobe Illustrator можно создавать практически все: векторы для любых логотипов, вебсайты, иконки, визитки, материалы для печати и т.д. Одно из главных преимуществ векторного формата перед растровым – возможность уменьшать и увеличивать изображения до любых размеров без потери качества.
Вместе с тем, не стоит забывать, что Adobe Illustrator – это сложная программа. Несмотря на все ее преимущества, вам понадобится много времени, усилий, терпения и навыков, чтобы научиться работать в ней. Adobe Illustrator не генерирует эффекты сама по себе: для того, чтобы создать удачный эффект, необходимо испробовать множество различных настроек.
Создание реалистичных векторных иллюстраций в Adobe Illustrator может быть довольно увлекательным занятием, но может и наоборот — принести вам немало «головной боли» (особенно если вы поймете, что в иллюстрации чего-то не хватает, но не будете знать, как это исправить).
Для создания удачных векторных иллюстраций старайтесь не забывать о следующих вещах:
- Перспектива
- Плавные линии
- Цвета
- Осветление по краям объектов
- Блики
Помните о перспективе
Перспектива крайне важна для рисования реалистичных векторных иллюстраций. Если вы забудете о ней, иллюстрация может получиться плоской, искаженной или недостаточно глубокой.
Самые важные нюансы перспективы – это размер и расстояние. Чем дальше расположен объект, тем меньшим он будет казаться, и наоборот. Увеличение и уменьшение объекта поможет вам придать иллюстрации необходимую глубину.
Существует несколько способов рисования перспективы.
Инструмент «Сетка перспективы» (Perspective Grid)
Один из наиболее полезных способов – это использование сетки перспективы, которая появилась в программе, начиная с версии Illustrator CS5. Для этого нужно обозначить горизонт и точку схода . Сетка перспективы в Illustrator легко настраивается и может быть адаптирована под ваши потребности. Изменить перспективу очень просто: для этого нужно просто потянуть угловые точки на сетке в сторону. Вы можете поместить точку схода ближе или дальше и изменить количество ячеек сетки. Таким образом, сетку можно адаптировать под свои потребности, создавая с ее помощью сложные иллюстрации.
Инструмент «Выдавливание и скос» (Extrude and Bevel)
У некоторых людей есть проблемы с пониманием и передачей перспективы в целом. В этом случае вам может помочь инструмент «Выдавливание и скос», который отлично подходит для создания 3-D объектов.
Вы можете установить значение «Перспективы» в окне настроек инструмента. Увеличив объект, вы сможете его редактировать. С помощью этого инструмента вы создаете сложные объекты, состоящие из нескольких частей и опорных точек, поэтому потом их лучше всего обвести «Пером» (P). Это позволит создать чистую и простую векторную иллюстрацию без огромного количества опорных точек и нежелательных деталей, которые будут видны при печати.
Если у вас богатое воображение и хорошие навыки, вы можете создавать иллюстрации, основанные на оценке перспективы. Конечно, этот метод не совсем точный.
Но для того чтобы создать потрясающую работу, одной лишь перспективы недостаточно.
Использование инструмента «Перо» (Pen Tool) для сглаживания линий
Создавать формы в Illustrator достаточно несложно. Для того, чтобы рисовать кривые и создавать пути, вы можете использовать инструмент «Перо» (P) или просто соединять объекты с помощью инструмента «Обработка контуров» (Pathfinder) (можно использовать опции «Объединить» (Unite), «Минус Верхний» (Minus Front), «Вычесть из фигуры» (Subtract), «Пересечение» (Intersect) и т.д.).
На путях располагается большое количество опорных точек, которые вам придется перемещать, чтобы сделать линии ровнее. Опорные точки легко редактируются и перемещаются с помощью нескольких инструментов. Для того чтобы изменить положение пути, достаточно отредактировать всего одну точку, но для этого нужно много практиковаться: вам обязательно понадобится навык и терпение.
Вы можете воспользоваться живой обводкой для того, чтобы создать векторную иллюстрацию. Старайтесь создавать рисунок с минимальным количеством опорных точек и не добавлять их, даже если хотите сделать более гладкие линии. Чтобы добиться гладкости линий, убедитесь, что рукоятка опорной точки проходит по кривой по касательной (с внутренней или внешней стороны).
Вы можете добавлять и удалять опорные точки в любой момент: для этого достаточно воспользоваться инструментом «Добавить опорную точку» (Add Anchor Point, +) или «Удалить опорную точку» (Delete Anchor Point, -).
Инструмент «Преобразовать опорную точку» (Convert Anchor Point, Shift + C) позволяет изменять любые точки. С его помощью вы можете изменить угол рукоятки, сделав дальнейшее изменение пути невозможным. Если вы повернете только одну сторону рукоятки, вы сможете создать угловую фигуру.
Цветовое оформление
Пожалуй, эта часть творческого процесса наиболее увлекательная, но все равно довольно сложная. Подобрать правильные цвета бывает непросто. Для начала вам понадобится определиться с желаемым стилем. Нежные и пастельные тона подойдут для ретро иллюстраций, которые будут выглядеть достаточно просто и двумерно.
Если вы хотите, чтобы рисунок выглядел фотореалистично, необходимо использовать более яркие цвета. Хорошая игра контрастов может сделать иллюстрацию просто ошеломляющей. Если вы не знаете, как смешивать и сочетать цвета, воспользуйтесь специальным сервисом от Adobe, на котором есть много готовых цветовых палитр и удачных сочетаний.
Помимо этого, в Adobe Illustrator есть своя библиотека оттенков и сочетаний: вы можете не только использовать готовые палитры, но и добавлять в нее свои собственные и сохранять для будущих проектов.
Градиенты
Градиентные заливки часто используются для того, чтобы передать источники света и добавить рисунку глубины. Прежде всего вам необходимо определить месторасположение источника света и угол, под которым он падает на объект. После этого вы можете добавлять тени и блики, основываясь на этом источнике света. Темные цвета подчеркнут тени, а светлые подойдут для бликов.
Вместе с тем, градиенты могут использоваться не только для создания светотени — они также помогают подчеркнуть форму объекта. С помощью цвета вы можете придать предмету или персонажу объем.
Для градиента можно использовать сколько угодно цветов, главное – смешать их правильно, иначе переходы между оттенками будут казаться слишком резкими. Если вы уже умеете правильно смешивать цвета, попробуйте поэкспериментировать с разными режимами наложения (Blending Modes): например, использовать «Умножение» (Multiply), «Перекрытие» (Overlay), «Осветление» (Screen) и «Свет» (Light).
Линейные градиенты преимущественно используются для того, чтобы подчеркнуть плоскость, круговые – для овалов и круглых форм.
Переход между цветами градиента может получиться как гладким, так и резким. Гладкие переходы позволяют передать тень, фигуру и форму, а резкие подходят для изображения различных металлов: золота, стали, хрома и т.д. (с их помощью можно передать блики на поверхности металла).
Инструмент «Градиентная сетка» (Gradient Mesh Tool)
К сожалению, обычный инструмент градиентной заливки ограничивается линейными и круглыми формами, поэтому нам иногда приходится использовать их необычным образом. Создать градиент для неправильной формы достаточно сложно, потому что для этого необходимо совмещать переходы цвета между неровными формами за счет использования одновременно линейных и круговых градиентов. Это трудно, но инструмент «Градиентная сетка» упростит вам задачу!
Этот инструмент позволяет разделять объект на несколько частей, добавляя редактируемые точки и окрашивая их в определенные цвета. Таким образом вы можете создать градиент, который будет повторять форму иллюстрации.
Градиенты действительно делают иллюстрацию более реалистичной, но нет предела совершенству. По-настоящему потрясающая иллюстрация состоит из множества удачных деталей. Добиться удачного сочетания тона и формы бывает очень непросто, но результат того стоит.
Осветление краев
После того, как вы закончили работать с градиентами, необходимо должным образом выделить края элементов иллюстрации. Существует несколько способов сделать это. Если у иллюстрации ровные края, лучше всего осветлить их с помощью инструмента «Перо» (Р). Это позволит создавать простые формы, которые можно вписать в иллюстрацию с помощью градиентов. Также вы можете сделать резкий белый контур и превратить его в отражение, сделав прозрачность низкой. Оба эти способа помогут вам подчеркнуть форму объекта.
Точно таким же образом можно создавать изогнутые блики. Самое главное для этого – сделать так, чтобы блик повторял форму объекта. У панели «Обработки контуров» (Pathfinder) есть множество инструментов для создания изогнутых бликов, а вот с помощью «Пера» создать их будет слишком сложно.
Блики
Источники света могут создавать не только светотень, но и блики. Оглянитесь вокруг и увидите множество различных бликов, расположенных на стекле, пластике, дереве, металле, глине и даже на жидкости. Отражения бывают самыми разнообразными, и для того чтобы органично их разместить на объекте, необходимо умело повторять форму объекта.
Для тех, кто хорошо владеет «Пером», создание изогнутых бликов не будет проблемой. Если же вам трудно рисовать блики, попробуйте создать их, сочетая различные геометрические формы с помощью панели «Обработки контуров» (Pathfinder).
Несмотря на то, что для создания отражений чаще всего используется приглушенный белый цвет, вы можете экспериментировать и с другими цветовыми сочетаниями.
Блики позволяют передать материал, из которого создан объект. Сделать это можно, тщательно подбирая цвета и размещая блики в нужных местах. В результате вы получите превосходную иллюстрацию с блестящей поверхностью.
Финальный штрих: тени
Основная задача теней – создавать иллюзию трехмерности. Без теней иллюстрация не выглядит законченной. Точно так же как и блики, тени создаются с помощью участков света. Интенсивность или мягкость теней зависит от расстояния между объектом и источником света. Если источник света находится над объектом, он осветляет его полностью. Неприкрытые участки объекта будут отбрасывать тени на ближайшие предметы и на поверхность под ним.
Вы можете создать тень с помощью насыщенного цвета (если хотите, чтобы она была резкой) или же с помощью линейного или радиального градиента (если хотите, чтобы она была мягкой).
Если на иллюстрации изображен сложный объект, вам придется потрудиться, чтобы создать на нем естественную тень, повторяющую его формы. Для этого придется использовать инструмент «Смешивание» (Blending tool).
Существует одно правило, которого стоит придерживаться при использовании этого инструмента: если вы создаете два объекта или пути, делайте их с одинаковым количеством опорных точек . Таким образом вы будете уверены, что каждой опорной точке одного объекта или пути соответствует опорная точка другого объекта или пути. В результате у вас получится создать тень с приятным цветовым переходом.
Заключение
Несмотря на то, что мы насчитали только шесть правил, не забывайте о деталях. Постарайтесь не переборщить с ними, иначе иллюстрация будет выглядеть неаккуратной.
Свет – ваш самый главный союзник. Он будет направлять вас на протяжении всего творческого процесса, подсказывать, как лучше соединить различные части иллюстрации и сделать их реалистичными.
И в заключение совет: лучший способ свести количество ошибок к минимуму – стараться создавать как можно более простую и лаконичную иллюстрацию.
В посте использованы материалы из статьи .
От переводчика
Привет, %юзернейм%!Этот перевод как бы дополняет мою предыдущую публикацию про Pixel Perfect , без которого она была бы неполной, тем более что оригинальная статья про Pixel Perfect ссылается на оригинальную статью этого перевода.
Материал расчитан на новичков, и немного рассказывает о двух вещах:
- Как избежать той проблемы, из-за которой у вас в макетах расстояние между элементами или гайдами начинает включать в себя дробные части пикселей;
- Как использовать сетки для прототипирования в Adobe Photoshop и Adobe Illustrator.
Как и в прошлый раз, одна из целей, почему я пишу эту статью на Хабр (а не ограничиваюсь, к примеру, переводом на Tuts+) — это составление после перевода полезных ссылок по теме. Призываю хабражителей так же делиться своими соображениями и инструментами, которыми вы пользуетесь при создании сеток, может быть какими-то другими редакторами. Один мой знакомый товарищ прокомментировал предыдущую статью таким образом, что, конечно, материал прикольный, но сам он пользуется Sketch»ем, а там это всё из коробки. Расскажите, чем пользуетесь вы?
Кстати, хотя в статье речь идёт об Adobe Illustrator, в Adobe Photoshop можно так же использовать и пиксельную сетку, и привязку к пикселям, и свою собственную настраиваемую сетку.
- Чтобы включить/выключить сетку в Adobe Illustrator/Photoshop, нажмите Ctrl + «
- Чтобы включить/выключить гайды в Adobe Illustrator/Photoshop, нажмите Ctrl + ;
Ну, поехали.
Разбираемся с сеткой в Adobe Illustrator
На сегодня Adobe Illustrator — один из самых популярных векторных редакторов. Это такая большущая программа, и если вы новичок, то может пройти довольно много времени, если вы будете вникать в то, за что та или иная кнопка или опция отвечают.
Да, я собираюсь рассказать вам о Сетке.
Что такое Сетка?
Как и в изучении любого другого вопроса давайте сначала дадим определение изучаемому термину.Если обратиться к онлайн-словарю Merriam-Webster, сетка — это сеть равномерно расположенных вертикальных и горизонтальных линий(например, для позиционирования точек на карте).
Ещё более полное определение можно найти в Википедии, потому что там оно как раз таки дано с точки зрения графического дизайна: «Сетка — это пространство (обычно двухмерное), которое состоит из серии пересекающихся прямых (вертикальных, горизонтальных или расположенных под углом) или кривых направляющих, которые используются для упорядочивания контента. Сетка служит как бы основой, благодаря которой дизайнер может размещать на макете различные графические элементы (изображения, символы, параграфы текста) в правильном порядке таким образом, чтобы они приятно смотрелись на макете, легко читались. Сетка так же используется для того, чтобы выстроить отношения между различными графическими элементами, например определить отношение размеров или расположения разных элементов относительно друг друга, или относительно холста.
Кстати, сетка Adobe Illustrator состоит только из строго вертикальных и горизонтальных линий. Если вам для работы нужны кривые или ещё какие-то более сложные сетки, то вы сможете создать их с помощью гайдов-направляющих, это на самом деле довольно несложно.
Почему знание Сетки важно?
Мы дали общее представление того, что из себя представляет Сетка. Но зачем ей вообще пользоваться? Если ещё раз повторить кратко, то Сетка — это то, что помогает нам расположить элементы друг относительно друга и выставить отношения между размерами и расположениями объектов. Сетка как бы предлагает нам правила, по которым мы можем расположить объекты на макете, а самое главное — структурировать контент.Кроме того, Сетка как инструмент помогает дизайнерам создавать Pixel Perfect изображения, что очень важно (на мой взгляд так вообще обязательно) при создании изображений для разных устройств с разными экранами.
Прежде чем я углублюсь в рассказ о том, как Сетка помогает создавать действительно качественные резкие изображения, мне бы хотелось вкратце рассказать о некоторых ключевых моментах, которыми различаются два типа изображений — цифровые изображения на экране, и напечатанные изображения.
Цифра VS Печать
Ни для кого не секрет, что цифровые изображения на экранах много чем отличаются от напечатанных изображений на бумаге. У каждого типа изображений своя цветовая схема (RGB у цифровых изображений и CMYK у печатных картинок), и каждый тип имеет своё выходное разрешение (разрешение экрана и разрешение при печати). Всё это создаёт разницу в том, каким образом создаются эти два типа изображений, в особенности то, каким образом получаются изогнутые, кривые линии.Цифровые экраны имеют своё разрешение и свою пиксельную сетку (на любом экране квадратные пиксели выстроены один за другим в ряды). Это означает, что чтобы создать какую-то кривую линию, мы просто делаем какие-то пиксели полупрозрачными (альфа-канал) на этих участках искривлений, и это называется сглаживанием, которое искусственным образом помогает нам воссоздать на экране монитора кривую.
Принтер в свою очередь зависит от размеров бумаги и своей разрешающей способности при печати, что означает, что если у вас выставлено большое разрешение печати, то принтер прекрасно отпечатает вам кривую линию. Это так, потому что принтер может выводить точки на бумагу в несколько слоёв, т.е. у принтера нет нужны хитрить с полупрозрачностью пикселей, в отличие от экрана электронного устройства.
Использование привязок
Один из самых интересных вопросов, который может быть поднят в этой теме. Если вы используете привязки, то вы как бы говорите Illustrator»у выравнивать ваши объекты на холсте к вашей сетке либо пиксельной сетке.Помните, что недавно я заикнулся о Pixel Perfect изображении? Теперь, когда вы знаете, в чём отличие напечатанных картинок от цифровых, отображаемых на экране, самое время поведать о том, в чём на мой взгляд главная роль Сетки.
Я уверен, что вы ранее наверняка видели различные иллюстрации на Dribbble или Behance с супер-чётким изображением. Лично я всегда удивлялся, как автору удалось вывести такие чёткие линии? Как оказалось, в этом нет ничего необычного! Он или она просто привязывали все объекты к пиксельной сетке и создавали каждый элемент с целыми значениями размеров в пикселях!
На всякий случай уточню, что под целыми значениями я имею ввиду числовые значения без дробных частей, т.е. например если мы собираемся нарисовать прямоугольник, то мы будем его рисовать с шириной 200 пикселей и высотой 100 пикселей, а не 200.84 пикселя на 99.8 пикселей.
Расширенное понятие сетки
Картинка лучше тысячи слов. Давайте я попробую показать вам на примере, как настроить сетку. Давайте проделаем шаг за шагом алгоритм, который вы будете проделывать каждый раз при создании нового проекта в Illustrator. Я уверен, вам это понравится.Шаг 1
При старте любого нового проекта в Illustrator, мы всегда начинаем с настроек нового документа. Давайте откроем Illustrator и создадим новый документ со следующими настройками:- Количество холстов: 1
- Ширина: 800 пикселей
- Высота: 800 пикселей
- Единицы измерения: пиксели
- Цветовой режим: RGB
- Разрешение при растеризации: 300 пикселей на дюйм
- Приравнивать новые объекты к пиксельной сетке: отмечено
На заметку: вы наверняка обратили внимание на то, что мы поставили значения эффекта растеризации 300 PPI, хотя мы собираемся использовать наш дизайн на экране монитора. Скажем так, если мы используем бОльшие значения разрашения, то это не будет сильно заметно на экране, но если вдруг случится так, что вы захотите напечатать то, что нарисовали (пока не обращайте внимания на то, что мы создали документ в RGB), все ваши эффекты вроде теней выйдут в плохом качестве, если значение PPI было выбрано меньше 300.
В самом деле, вы в любой момент можете изменить значение PPI, если зайдёте в Effect > Document Raster Effects Settings .
Шаг 2
После того, как вы настроили документ, создайте чёрный квадрат размерами 100х100 пикселей , и разместите его точно в левом верхнем углу Холста, используя палитру Align .Шаг 3
Чтобы понять, как работает сетка, давйте посмотрим на это. Открываем меню View > Show Grid (или нажимаем Ctrl + „), и тут же на экране появляется стандартная сетка 1000х4.Шаг 4
Теперь мы видим сетку, но как же она работает? Давайте попробуем подвигать маленький квадратик с помощью стрелок на клавиатуре и посмотреть, что получится.Наш маленький квадратик будет перемещаться на несколько пикселей с каждым нажатием, ничего особенного. Ничего не происходит, потому что мы не включили опцию Привязки к Сетке .
Давайте отменим наши последние шаги, вернём квадратик на своё место, и зайдём в меню View → Snap to Grid (Shift + Ctrl + Y) , а потом снова оппробуем поперемещать наш объект.
Вот теперь мы можем увидеть разницу. Попробуйте поперемещать объект, чтобы понять, что происходит. Каждое перемещение квадрата происходит с привязкой к горизонтальной или вертикальной линии Сетки.
Давайте разберёмся, почему Illustrator ведёт себя именно так, попробуем понять устройство Сетки. Как я говорил ранее, есть предустановленные настройки Сетки, вот они:
- Шаг сетки через каждые: 1000px
- Деления внутри шага сетки: 4
Что в самом деле означают эти настройки?
Это очень легко, смотрите. Через каждые 1000 пикселей Illustrator будет рисовать клетку, поделенную на 4 части (тем самым внутри клетки появится сетка 2х2), т.е. получатся клетки, каждая из которых размером 1000 х 1000 пикселей , и в свою очередь поделена ещё на 4 клетки размерами 250 х 250 пикселей (1000/4 = 250 ).
Т.к. наш холст имеет размеры всего лишь 800х800 пикселей (т.е. полностью умещается три квадрата сетки по 250 пикселей и ещё остаётся 50 пикселей ), привязка будет срабатывать на верхнюю и левую часть этого пространства, которая умещается в 1000 х 1000 пикселей . А нижняя и правая часть пространства на линии толщиной 200 пикселей , выделенной красным, остаётся незадействованной.
Теперь если мы вернёмся к нашему маленькому чёрному квадрату, то мы увидим, что он прилипает только к линиям сетки, которые располагаются в 250 пикселях друг от друга, при том, что сам квадратик 100х100 пикселей . Если бы чёрный квадрат был размером 250х250 пикселей , то он бы занимал целую клетку сетки, и прыгал бы точно в одну из 16 маленьких клеток.
Настройки сетки
Я надеюсь, что в предыдущем шаге вам стало всё понятно о том, как работает сетки, но вы должны понимать, что в разных проектах вам придётся настраивать разные сетки под разные нужды, в зависимости от размеров вашего холста, и того, как и по какому закону вы хотите размещать ваши элементы на холсте.Лично для себя я решил, что использование минимальных возможных значений является самым удобным, и если совместить всю мощь возможностей Сетки и инструмента PathFinder, то я получаю возможность супербыстро размещать все свои объекты так, как мне удобно.
Мои настройки сетки такие:
- Линия сетки через каждые: 1 пиксель
- Деления внутри шага сетки: 1
Быстрое прототипирование с использованием сетки
Давайте выполним небольшое упражнение и попробуем сделать быстрый прототип веб-сайта с использованием сетки через каждые 800 пикселей с разделением на 4 шага на холсте размером 800 х 800 пикселей .Да, я знаю, что дефолтным минимальным размером для веб-сайта в наши дни считается размер в 960 пикселей, но мне хочется просто показать вам небольшой пример, как мы можем использовать сетку для быстрого прототипирования.
Шаг 1
Создаём прямоугольник размером 800х200 пикселей и распологаем его сверху нашего холста, раскрасим его цветом #191919 . Теперь возьмём инструмент Текст и подпишем этот элемент как Шапку нашего веб-сайта.На заметку: Если у вас есть более мелкие элементы, которые не обязаны быть привязаны к сетке, в нашем примере это тексты-подписи к прямоугольникам, просто выделите их, зайдите в меню View и снимите галочку с опции Snap to Grid .
Шаг 2
Создадим небольшой прямоугольник размером 600х400 пикселей и цветом #191919 и попробуем разместить его, используя кнопки на клавиатуре, в левой части нашего холста, сразу под шапкой. Этот жлемент так же следует подписать, это будет Content.Шаг 3
Давайте создадим объект поменьше размером 200х400 пикселей цветом #B24747 и потом разместим его в правой части, справа от контента, а потом подпишем его Sidebar .Шаг 4
Завершаем наше прототипирование добавлением последнего элемента 800х200 пикселей и цветом #191919 . Расположим этот прямоугольник внизу холста и назовём его Footer.Грубо говоря, только что за несколько секунд нам удалось набросать макет сайта. Здорово тратить на такие вещи так мало времени, не правда ли?
Двойственная привязка
Прежде чем вы броситесь эксперементировать с сеткой, я хотел бы рассказать вам о разнице между Привязкой к настраиваемой сетке и Привязкой к пиксельной сетке .По умолчанию, если вы создаёте новый документ, режим Preview обычно выставлен в положение Default. Это означает, что то, что вы создаёте — это то, что вы видите. (Т.е. вы видите вектор таким, какой он есть, не расстрированным). В этом случае опция Snap to относится к Сетке , которую вы настраиваете, и Сетка зависит от тех значений, которые вы выставите в параметрах.
Если вы включите Pixel Preview (View → Pixel Preview ) и приблизите изображение, Illustrator покажет вам пиксели, из которых состоит ваше векторное изображение. Когда режим привязок включен на пиксели , каждое нажатие на стрелки клавиатуры будет перемещать ваш объект на фиксированное число пикселей, которое выставлено в настройках Keyboard Increment .
На заметку: Да, вы можете включить Keyboard Increment на любое кол-во пикселей, которое вам удобно. Эта опция располагается в меню Edit > Preferences > General > Keyboard Increment .
Ключевое различие между двумя способами привязки в том, что если вы каким либо образом создали объект с нецелыми значениями размеров, например 200.9х60.40 пикселей , привязка к пикселям изменят это, и сама автоматически округлит ваши значения.
Я рекомендую вам, если вы создаёте объекты в режиме привязки к сетке , всегда переключаться в режим Pixel Previe w и проверять, нормально ли ваши объекты встраиваются в Пиксельную сетку. В этом случае к моменту окончания работы над вашим дизайном у вас получится резкое качественное изображение, и вам не придётся решать никаких проблем.
Полезные ресурсы
- Чои Вин . Как спроектировать современный сайт. Профессиональный веб-дизайн на основе сетки . б.м.: Питер, 2012.
Существует множество книг про сетки. популярные и не очень, но я читал именно эту, поэтому именно её и рекомендую. Здесь по шагам очень подробно описывается процесс разработки универсальной сетки (которая в готом варианте раздаётся много где). Вобщем-то после прочтения точно всё встаёт на свои места, становится понятно что, почему и зачем.
| Инструменты | |
| Выделение (выбор, селекция) объекта | V |
| Прямое выделение | A |
| Волшебная палочка | Y |
| Лассо | Q |
| Перо | P |
| Добавление опорной точки | + |
| Удаление опорной точки | — |
| Преобразовать опорную точку | Shift+C |
| Текст | T |
| Создать прямоугольник | M |
| Создать эллипс | L |
| Кисть | B |
| Карандаш | N |
| Кисть (клякса) | Shift+B |
| Ластик(стирать) | Shift+E |
| Ножницы(вырезать) | C |
| Повернуть объект (вращение) | R |
| Зеркально отразить объект | O |
| Масштабировать объект | S |
| Ширина | Shift+W |
| Деформация | Shift+R |
| Свободно трансформировать | E |
| Создание фигур | Shift+M |
| Инструмент «Быстрая заливка» | K |
| Выделение быстрых заливок | Shift+L |
| Сетка перспективы | Shift+P |
| Выбор перспективы | Shift+V |
| Сетка | U |
| Градиент | G |
| Пипетка | I |
| Переход | W |
| Распыление символов | Shift+S |
| Вертикальные полосы | J |
| Ориг.-макет | Shift+O |
| Фрагмент | Shift+K |
| Рука(Перемещать холст) | H |
| Масштаб | Z |
| Переключает заливку, обводку | X |
| Переключатель обводка, заливка | Shift+X |
| Цвета | , |
| Градиенты | . |
| Переключение режимов экрана | F |
| Показать/Спрятать все палитры | Tab |
| Показать/Спрятать все, кроме панели инструментов | Shift+Tab |
| Увеличить диаметр | ] |
| Уменьшить диаметр | [ |
| Инструменты для работы с символами — Увеличение плотности | Shift+} |
| Инструменты для работы с символами — Уменьшение плотности | Shift+{ |
| Переключение режима рисования | Shift+D |
Как добиться реализма в Adobe Illustrator? ‹ Виртуальная школа графического дизайна
Всем привет!
В ближайшее время в нашей Виртуальной школе мы начинаем новый учебный проект, посвященный созданию реалистичных векторных иллюстраций в Adobe Illustrator.
Наверное невозможно сегодня встретить дизайнера, который не знал бы, что такое векторная графика и не смог бы перечислить ее главные преимущества: масштабируемость, легкость редактирования, небольшой вес, насыщенные цвета…
Однако при упоминании векторной графики, как правило, мы думаем о логотипах, иконках или о «плоских» картинках, похожих на аппликации из цветной бумаги. Ну, в крайнем случае, — на иллюстрацию, нарисованную гуашью.
Иллюстрация Wahyu Romdhoni
Действительно, в нашем сознании векторная графика как-то не очень уж ассоциируется с объемом и трехмерностью, а тем более — с реалистичностью.
В этом небольшом посте я решил вкратце рассказать о том, как с помощью инструментов Adobe Illustrator сделать ваши иллюстрации более привлекательными и реалистичными.
Для дизайнеров и иллюстраторов во всем мире Adobe Illustrator давно стал инструментом номер один для создания векторных иллюстраций. В Adobe Illustrator можно создавать практически все: векторы для любых логотипов, вебсайты, иконки, визитки, материалы для печати и т.д. Одно из главных преимуществ векторного формата перед растровым – возможность уменьшать и увеличивать изображения до любых размеров без потери качества.
Вместе с тем, не стоит забывать, что Adobe Illustrator – это сложная программа. Несмотря на все ее преимущества, вам понадобится много времени, усилий, терпения и навыков, чтобы научиться работать в ней. Adobe Illustrator не генерирует эффекты сама по себе: для того, чтобы создать удачный эффект, необходимо испробовать множество различных настроек.
Создание реалистичных векторных иллюстраций в Adobe Illustrator может быть довольно увлекательным занятием, но может и наоборот — принести вам немало «головной боли» (особенно если вы поймете, что в иллюстрации чего-то не хватает, но не будете знать, как это исправить).
Для создания удачных векторных иллюстраций старайтесь не забывать о следующих вещах:
- Перспектива
- Плавные линии
- Цвета
- Осветление по краям объектов
- Блики
- Тени
Помните о перспективе
Перспектива крайне важна для рисования реалистичных векторных иллюстраций. Если вы забудете о ней, иллюстрация может получиться плоской, искаженной или недостаточно глубокой.
Самые важные нюансы перспективы – это размер и расстояние. Чем дальше расположен объект, тем меньшим он будет казаться, и наоборот. Увеличение и уменьшение объекта поможет вам придать иллюстрации необходимую глубину.
Существует несколько способов рисования перспективы.
Инструмент «Сетка перспективы» (Perspective Grid)
Один из наиболее полезных способов – это использование сетки перспективы, которая появилась в программе, начиная с версии Illustrator CS5. Для этого нужно обозначить горизонт и точку схода. Сетка перспективы в Illustrator легко настраивается и может быть адаптирована под ваши потребности. Изменить перспективу очень просто: для этого нужно просто потянуть угловые точки на сетке в сторону. Вы можете поместить точку схода ближе или дальше и изменить количество ячеек сетки. Таким образом, сетку можно адаптировать под свои потребности, создавая с ее помощью сложные иллюстрации.
Инструмент «Выдавливание и скос» (Extrude and Bevel)
У некоторых людей есть проблемы с пониманием и передачей перспективы в целом. В этом случае вам может помочь инструмент «Выдавливание и скос», который отлично подходит для создания 3-D объектов.
Вы можете установить значение «Перспективы» в окне настроек инструмента. Увеличив объект, вы сможете его редактировать. С помощью этого инструмента вы создаете сложные объекты, состоящие из нескольких частей и опорных точек, поэтому потом их лучше всего обвести «Пером» (P). Это позволит создать чистую и простую векторную иллюстрацию без огромного количества опорных точек и нежелательных деталей, которые будут видны при печати.
Если у вас богатое воображение и хорошие навыки, вы можете создавать иллюстрации, основанные на оценке перспективы. Конечно, этот метод не совсем точный.
Но для того чтобы создать потрясающую работу, одной лишь перспективы недостаточно.
Использование инструмента «Перо» (Pen Tool) для сглаживания линий
Создавать формы в Illustrator достаточно несложно. Для того, чтобы рисовать кривые и создавать пути, вы можете использовать инструмент «Перо» (P) или просто соединять объекты с помощью инструмента «Обработка контуров» (Pathfinder) (можно использовать опции «Объединить» (Unite), «Минус Верхний» (Minus Front), «Вычесть из фигуры» (Subtract), «Пересечение» (Intersect) и т.д.).
На путях располагается большое количество опорных точек, которые вам придется перемещать, чтобы сделать линии ровнее. Опорные точки легко редактируются и перемещаются с помощью нескольких инструментов. Для того чтобы изменить положение пути, достаточно отредактировать всего одну точку, но для этого нужно много практиковаться: вам обязательно понадобится навык и терпение.
Вы можете воспользоваться живой обводкой для того, чтобы создать векторную иллюстрацию. Старайтесь создавать рисунок с минимальным количеством опорных точек и не добавлять их, даже если хотите сделать более гладкие линии. Чтобы добиться гладкости линий, убедитесь, что рукоятка опорной точки проходит по кривой по касательной (с внутренней или внешней стороны).
Вы можете добавлять и удалять опорные точки в любой момент: для этого достаточно воспользоваться инструментом «Добавить опорную точку» (Add Anchor Point, +) или «Удалить опорную точку» (Delete Anchor Point, -).
Инструмент «Преобразовать опорную точку» (Convert Anchor Point, Shift + C) позволяет изменять любые точки. С его помощью вы можете изменить угол рукоятки, сделав дальнейшее изменение пути невозможным. Если вы повернете только одну сторону рукоятки, вы сможете создать угловую фигуру.
Цветовое оформление
Пожалуй, эта часть творческого процесса наиболее увлекательная, но все равно довольно сложная. Подобрать правильные цвета бывает непросто. Для начала вам понадобится определиться с желаемым стилем. Нежные и пастельные тона подойдут для ретро иллюстраций, которые будут выглядеть достаточно просто и двумерно.
Если вы хотите, чтобы рисунок выглядел фотореалистично, необходимо использовать более яркие цвета. Хорошая игра контрастов может сделать иллюстрацию просто ошеломляющей. Если вы не знаете, как смешивать и сочетать цвета, воспользуйтесь специальным сервисом от Adobe, на котором есть много готовых цветовых палитр и удачных сочетаний.
Помимо этого, в Adobe Illustrator есть своя библиотека оттенков и сочетаний: вы можете не только использовать готовые палитры, но и добавлять в нее свои собственные и сохранять для будущих проектов.
Градиенты
Градиентные заливки часто используются для того, чтобы передать источники света и добавить рисунку глубины. Прежде всего вам необходимо определить месторасположение источника света и угол, под которым он падает на объект. После этого вы можете добавлять тени и блики, основываясь на этом источнике света. Темные цвета подчеркнут тени, а светлые подойдут для бликов.
Вместе с тем, градиенты могут использоваться не только для создания светотени — они также помогают подчеркнуть форму объекта. С помощью цвета вы можете придать предмету или персонажу объем.
Для градиента можно использовать сколько угодно цветов, главное – смешать их правильно, иначе переходы между оттенками будут казаться слишком резкими. Если вы уже умеете правильно смешивать цвета, попробуйте поэкспериментировать с разными режимами наложения (Blending Modes): например, использовать «Умножение» (Multiply), «Перекрытие» (Overlay), «Осветление» (Screen) и «Свет» (Light).
Линейные градиенты преимущественно используются для того, чтобы подчеркнуть плоскость, круговые – для овалов и круглых форм.
Переход между цветами градиента может получиться как гладким, так и резким. Гладкие переходы позволяют передать тень, фигуру и форму, а резкие подходят для изображения различных металлов: золота, стали, хрома и т.д. (с их помощью можно передать блики на поверхности металла).
Инструмент «Градиентная сетка» (Gradient Mesh Tool)
К сожалению, обычный инструмент градиентной заливки ограничивается линейными и круглыми формами, поэтому нам иногда приходится использовать их необычным образом. Создать градиент для неправильной формы достаточно сложно, потому что для этого необходимо совмещать переходы цвета между неровными формами за счет использования одновременно линейных и круговых градиентов. Это трудно, но инструмент «Градиентная сетка» упростит вам задачу!
Этот инструмент позволяет разделять объект на несколько частей, добавляя редактируемые точки и окрашивая их в определенные цвета. Таким образом вы можете создать градиент, который будет повторять форму иллюстрации.
Градиенты действительно делают иллюстрацию более реалистичной, но нет предела совершенству. По-настоящему потрясающая иллюстрация состоит из множества удачных деталей. Добиться удачного сочетания тона и формы бывает очень непросто, но результат того стоит.
Осветление краев
После того, как вы закончили работать с градиентами, необходимо должным образом выделить края элементов иллюстрации. Существует несколько способов сделать это. Если у иллюстрации ровные края, лучше всего осветлить их с помощью инструмента «Перо» (Р). Это позволит создавать простые формы, которые можно вписать в иллюстрацию с помощью градиентов. Также вы можете сделать резкий белый контур и превратить его в отражение, сделав прозрачность низкой. Оба эти способа помогут вам подчеркнуть форму объекта.
Точно таким же образом можно создавать изогнутые блики. Самое главное для этого – сделать так, чтобы блик повторял форму объекта. У панели «Обработки контуров» (Pathfinder) есть множество инструментов для создания изогнутых бликов, а вот с помощью «Пера» создать их будет слишком сложно.
Блики
Источники света могут создавать не только светотень, но и блики. Оглянитесь вокруг и увидите множество различных бликов, расположенных на стекле, пластике, дереве, металле, глине и даже на жидкости. Отражения бывают самыми разнообразными, и для того чтобы органично их разместить на объекте, необходимо умело повторять форму объекта.
Для тех, кто хорошо владеет «Пером», создание изогнутых бликов не будет проблемой. Если же вам трудно рисовать блики, попробуйте создать их, сочетая различные геометрические формы с помощью панели «Обработки контуров» (Pathfinder).
Несмотря на то, что для создания отражений чаще всего используется приглушенный белый цвет, вы можете экспериментировать и с другими цветовыми сочетаниями.
Блики позволяют передать материал, из которого создан объект. Сделать это можно, тщательно подбирая цвета и размещая блики в нужных местах. В результате вы получите превосходную иллюстрацию с блестящей поверхностью.
Финальный штрих: тени
Основная задача теней – создавать иллюзию трехмерности. Без теней иллюстрация не выглядит законченной. Точно так же как и блики, тени создаются с помощью участков света. Интенсивность или мягкость теней зависит от расстояния между объектом и источником света. Если источник света находится над объектом, он осветляет его полностью. Неприкрытые участки объекта будут отбрасывать тени на ближайшие предметы и на поверхность под ним.
Вы можете создать тень с помощью насыщенного цвета (если хотите, чтобы она была резкой) или же с помощью линейного или радиального градиента (если хотите, чтобы она была мягкой).
Если на иллюстрации изображен сложный объект, вам придется потрудиться, чтобы создать на нем естественную тень, повторяющую его формы. Для этого придется использовать инструмент «Смешивание» (Blending tool).
Существует одно правило, которого стоит придерживаться при использовании этого инструмента: если вы создаете два объекта или пути, делайте их с одинаковым количеством опорных точек. Таким образом вы будете уверены, что каждой опорной точке одного объекта или пути соответствует опорная точка другого объекта или пути. В результате у вас получится создать тень с приятным цветовым переходом.
Заключение
Несмотря на то, что мы насчитали только шесть правил, не забывайте о деталях. Постарайтесь не переборщить с ними, иначе иллюстрация будет выглядеть неаккуратной.
Свет – ваш самый главный союзник. Он будет направлять вас на протяжении всего творческого процесса, подсказывать, как лучше соединить различные части иллюстрации и сделать их реалистичными.
И в заключение совет: лучший способ свести количество ошибок к минимуму – стараться создавать как можно более простую и лаконичную иллюстрацию.
В посте использованы материалы из статьи.
Продолжение темы здесь.
Поделиться в соц. сетях:
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
Как отменить сетку перспективы в Illustrator?
Не знаете, как отменить сетку перспективы в Illustrator? Не волнуйтесь, мы здесь, чтобы помочь.
Adobe Illustrator не требует особого представления. Если вы знакомы с продуктами Adobe, вы также должны быть знакомы с Adobe Illustrator. Если быть точным, Adobe Illustrator — это программа для векторной графики. Вы можете проектировать, рисовать, рисовать и многое другое с помощью Adobe Illustrator. Программное обеспечение содержит множество функций и инструментов.
На самом деле, даже профессиональные пользователи Adobe Illustrator не знают всех функций, которые предлагает Illustrator. Например, многие люди хотят знать о сетке перспективы. Скорее всего, вы здесь, чтобы лучше познакомиться с инструментом сетки перспективы. И мы собираемся объяснить несколько вещей об этом инструменте в этом посте.
Итак, если вы готовы, то приступим …
Что такое сетка перспективы в Adobe Illustrator?Как правило, вы найдете список многочисленных инструментов в левой части главного экрана Adobe Illustrator.Среди них один инструмент — сетка перспективы. Этот инструмент предназначен для продвинутого дизайна.
Итак, вам нужно сначала научиться пользоваться инструментом. После того, как вы освоите этот конкретный инструмент, вы сможете выполнять новые и уникальные вещи в Adobe Illustrator.
Короче говоря, сетка перспективы позволяет пользователю отображать текст, символы, объекты и т. Д. В перспективе. В инструменте «Перспектива» вы найдете два инструмента, такие как «Сетка перспективы» и «Инструмент выбора перспективы».
Вы можете вызвать конкретный инструмент, щелкнув значок «Инструмент сетки перспективы» в списке инструментов в левой части экрана.
Значок будет иметь вид диагонального флажка. Вы можете одновременно нажать клавиши «SHIFT + P» на клавиатуре, и инструмент «Сетка перспективы» будет активирован.
Теперь, когда вы знакомы с сеткой перспективы в Adobe Illustrator, давайте узнаем, как ее использовать.
Как отменить сетку перспективы в Adobe Illustrator?Сначала мы расскажем, как отменить или сбросить сетку перспективы. Многие новые пользователи жаловались, что после выбора инструмента «Сетка перспективы» они не могут удалить его с экрана.
Итак, они хотят узнать, как сбросить / удалить / отменить / удалить сетку перспективы в Adobe Illustrator.
К счастью для вас, есть несколько способов отменить сетку перспективы в Illustrator. И мы собираемся поделиться ими по очереди в этом разделе.
Метод № 1 с использованием виджета переключения плоскостейПосле того, как вы активировали «Инструмент сетки перспективы», вы заметите «Виджет переключения плоскостей» в верхнем левом углу экрана.Это будет выглядеть как скругленный 3D-бокс. В верхнем левом углу этого виджета будет значок «X» / «Крест». Итак, наведите указатель мыши на этот виджет и щелкните значок «X».
Когда вы наведете курсор мыши на значок «X / крест», вы увидите всплывающее окно с надписью «Скрыть сетку». Как только вы нажмете на нее, сетка перспективы исчезнет с экрана. Или вы также можете нажать клавишу «ESC» на клавиатуре, чтобы отменить сетку перспективы.
Метод № 3 Использование меню «Просмотр»Есть еще один способ удалить сетку перспективы с экрана.Для этого вы должны использовать меню «Просмотр» в верхней строке меню. Вот как…
Действия, которые необходимо выполнить
- Сначала щелкните опцию «Вид» в верхней строке меню.
- Затем наведите указатель мыши на или щелкните опцию «Сетка перспективы» в раскрывающемся меню
- В при этом появится еще одно раскрывающееся меню с еще несколькими параметрами. Оттуда вы должны щелкнуть по опции «Скрыть сетку»
- Помните, что если инструмент «Сетка перспективы» не активирован, вы также можете активировать его, используя тот же метод.
- Для этого перейдите к параметр View> Perspective Grid> Show Grid ‘, и он появится на экране
Оба вышеупомянутых метода великолепны.Однако они недостаточно быстрые. Таким образом, это может снизить вашу производительность при попытке использовать эти методы для активации / скрытия инструмента «Сетка перспективы».
В результате мы предлагаем самый простой и быстрый способ скрыть или отключить инструмент «Сетка перспективы».
Чтобы удалить сетку перспективы, одновременно нажмите клавиши «CTRL + SHIFT + I» на клавиатуре. Если вы хотите снова запустить инструмент, вы можете использовать тот же ярлык «CTRL + SHIFT + I» на своем ПК с Windows.
Вот и все.Теперь вы знаете, как сбросить, отменить, скрыть или отключить инструмент «Сетка перспективы» в Adobe Illustrator.
ЗаключениеНельзя отрицать, что Adobe Illustrator является одним из лучших — если не лучшим — программным обеспечением для иллюстраций, рисунков, произведений искусства и графического дизайна. Он полон полезных функций. Одна из них — функция «Сетка перспективы». Это полезный инструмент, если вы можете им пользоваться.
В этом посте сделана попытка поделиться некоторыми важными сведениями, относящимися к параметрам меню «Сетка перспективы» в Adobe Illustrator.Мы надеемся, что после прочтения этого поста вы сможете отменить его.
Тем не менее, если у вас есть другие вопросы относительно Adobe Illustrator, вы можете сообщить нам об этом в разделе комментариев. В то же время, если вы также используете Adobe Photoshop, вы можете прочитать этот информативный пост «Как избавиться от линий выделения в Photoshop».
— Академия Кандила
- Дом
- Статьи
- Вопросов
- Бесплатные курсы
- Почтовый индекс Америки
- Цветовой код
- О
- Свяжитесь с нами
Скрыть / Показать описание
- Увеличить до выделения — Учебное пособие по Illustrator
Как упростить векторные фигуры | Учебное пособие по Illustrator CC 2020
Плоский дизайн щенка — Учебное пособие для иллюстратора
Нарисуйте идеальные формы с помощью инструмента Shaper | Учебное пособие по Illustrator
Как скрыть сетку перспективы | Учебное пособие по Illustrator
Симпатичные воздушные шары дизайн персонажей | Учебное пособие по Illustrator
Плоский дизайн дома | Учебное пособие по Illustrator
Лента с плоским дизайном | Учебное пособие по Illustrator
Как перекосить или наклонить текст | Учебное пособие по Illustrator
Как нокаутировать текст | Учебное пособие по Illustrator
Как сделать мишень «яблочко» »вики полезно Учебное пособие по Illustrator
Плоский дизайн капли воды | Учебное пособие по Illustrator
Плоский дизайн сердца | Учебное пособие по Illustrator
Как сделать бриллиант | Учебное пособие по Illustrator
Плоский дизайн замка | Учебное пособие по Illustrator
Как рисовать инь и янь »вики полезно Учебное пособие по Illustrator
Плоский дизайн Рождественские огни | Учебное пособие по Illustrator
Плоский дизайн телефона | Учебное пособие по Illustrator
Переключение типов текстовых полей | Учебное пособие по Illustrator
Плоский дизайн шляпа паломника на День благодарения | Учебное пособие по Illustrator
Преобразовать текст в форму | Учебное пособие по Illustrator
Копировать слои в новый файл | Учебное пособие по Illustrator
Глобальное редактирование текста | Учебное пособие по Illustrator
Выбрать и выровнять по ключевому объекту | Учебное пособие по Illustrator
Nudge и Super Nudge | Учебное пособие по Illustrator
Как привязать к сетке | Учебное пособие по Illustrator
Как сделать плоские длинные тени | Учебное пособие по Illustrator
Как выровнять направляющие по объектам | Учебное пособие по Illustrator
Плоский дизайн знак остановки | Учебное пособие по Illustrator
Как объединить фигуры | Учебное пособие по Illustrator
Как искривить и деформировать текст | Учебное пособие по Illustrator
Лампа с плоским дизайном | Учебное пособие по Illustrator
Изменить цвет с помощью глобальных образцов | Учебное пособие по Illustrator
Как смешивать и распределять объекты | Учебное пособие по Illustrator
Как равномерно распределить объекты | Учебное пособие по Illustrator
Как настроить межбуквенный интервал и текст ядра | Учебное пособие по Illustrator
Как использовать логотипы Kern | Учебное пособие по Illustrator
Параметры инструмента «Селективная пипетка» | Учебное пособие по Illustrator
Уловка с обводкой линии для создания идеального круга | Учебное пособие по Illustrator CC
Как добавить градиент к редактируемому тексту | Учебное пособие по Illustrator CC
Как создавать креативные истории в Instagram | Учебное пособие по Illustrator CC
Плоский дизайн горшечные растения | Учебное пособие по Illustrator CC
Как разделить фигуры | Учебное пособие по Illustrator CC
Как создать нестандартную букву «n» | Учебное пособие по Illustrator CC
Как добавлять и удалять артборды | Учебное пособие по Illustrator CC
Как создать минимальный логотип | Учебное пособие по Illustrator CC
Удалить один лишний пиксель из экспорта монтажной области | Учебное пособие по Illustrator CC
Как рисовать без символа | Учебное пособие по Illustrator CC
Минималистичный плоский дизайн новогодней елки | Учебное пособие по Illustrator CC
Как использовать инструмент «Отрезок линии» | Учебное пособие по Illustrator CC
Слияние и вырезание фигур с помощью инструмента «Создание фигур» | Учебное пособие по Illustrator CC
Как нарисовать снеговика пунктирной линией в стиле Lite-Brite | Учебное пособие по Illustrator CC
Дизайн плаката с минимальным обоснованным текстом | Учебное пособие по Illustrator CC
Редактируемый текстовый эффект обводки контура | Учебное пособие по Illustrator CC
Нередактируемый эффект смещения контура | Учебное пособие по Illustrator CC
Новое рабочее пространство Essentials в Illustrator CC 2018 | Учебное пособие по Adobe Illustrator CC
Как группировать объекты | Учебное пособие по Illustrator
Плоский дизайн значок облака | Учебное пособие по Illustrator
Закругленные углы в CS6 с инструментом Shape Builder | Учебное пособие по Illustrator
Плоский дизайн торт ко дню рождения | Учебное пособие по Illustrator
Как создавать собственные направляющие | Учебное пособие по Illustrator
Как сделать треугольник Рело с закругленными краями »вики полезно Учебное пособие по Illustrator
Как сделать плакат с сердечком, вдохновленный Аароном Драплином »вики полезно Учебное пособие по Illustrator
Как нарисовать зонтик | Учебное пособие по плоскому дизайну для иллюстратора
Как сделать векторный американский флаг | Учебное пособие по Illustrator
Как изменить цвет фона | Учебное пособие по Illustrator
Как сделать четверть круга | Учебное пособие по Illustrator
Как нарисовать логотип Бэтмена »вики полезно Учебное пособие по Illustrator
Как масштабировать углы | Учебное пособие по Illustrator
Как сделать прямоугольник с закругленными углами | Учебное пособие по Illustrator
Как сделать полукруг | Учебное пособие по Illustrator
Как увеличивать и уменьшать масштаб | Учебное пособие по Illustrator
Как сделать пунктирную линию | Учебное пособие по Illustrator
Как сделать круг | Учебное пособие по Illustrator
Как сделать квадрат | Учебное пособие по Illustrator
Прозрачность градиентной заливки | Учебное пособие по Illustrator
Как сделать звезду | Учебное пособие по Illustrator
Минимальный циферблат термостата | Учебное пособие по плоскому дизайну для иллюстратора
Как округлить углы в CS6 | Учебное пособие по Illustrator
Как создавать фигуры с помощью инструмента «Многоугольник» | Учебное пособие по Illustrator
Как выровнять текст по ширине | Учебное пособие по Illustrator
Как дублировать объекты по кругу »вики полезно Учебное пособие по Illustrator
Как дублировать артборды | Учебное пособие по Illustrator
Как копировать и дублировать слои | Учебное пособие по Illustrator
Как сделать логотип приложения ESPN | Учебное пособие по Illustrator
Плоский дизайн вектор дерево | Учебное пособие по Illustrator
Плоский дизайн вектор пасхальные яйца | Учебное пособие по Illustrator
Как обрезать фото | Учебное пособие по Illustrator
Как создать значок игры | Учебное пособие по Illustrator
Тип точки и тип области | Учебное пособие по работе с текстом в Illustrator
Как сделать треугольник | Учебное пособие по Illustrator
Как сделать векторные рождественские конфеты | Учебное пособие по Illustrator
Как дублировать формы и объекты | Учебное пособие по Illustrator
Как скруглить углы с помощью виджета «Живые углы» | Учебное пособие по Illustrator
Как вращать объекты по кругу | Учебное пособие по Illustrator
Как масштабировать штрихи и эффекты | Учебное пособие по Illustrator
Как преобразовать текст в формы и контуры | Учебное пособие по Illustrator
Сегодня шестнадцатеричный код цвета
# 082104 # 294225 # 4a6346 # 6b8467 # 8ca588 # adc6a9О нас | политика конфиденциальности | условия | Рекламировать Авторские права © Qandeel Academy 2021
Перспектива в Illustrator: несколько объектов
Перспектива в Illustrator
Все мы помним дни, когда нам приходилось рисовать тонны направляющих, чтобы создать убедительную перспективу в Adobe Illustrator.Создание убедительного перспективного изображения в Illustrator заняло бы так много времени, что большинство из нас бы этого избегало. Одним из самых невероятных дополнений к Adobe Illustrator стало добавление инструментов перспективы в одной из последних двух версий. Я получил запрос с вопросом, как создать конкретный объект в Illustrator, используя перспективу, поэтому сегодня я собираюсь показать вам, как использовать доступные инструменты, которые помогут вам создать правильную перспективу в Illustrator.
Перспектива в Illustrator — Шаг 1
Требуется, чтобы кончик стрелки двигался назад в перспективе.Это может быть немного сложно, потому что, как работает перспектива Illustrator, объект трансформируется в перспективе в вертикальной или горизонтальной плоскости. Однако, предварительно немного спланировав, я могу облегчить вам задачу. Первый совет: при преобразовании нескольких объектов в одной перспективе вы захотите сгруппировать их вместе. Выделите все круги и нажмите Command / Ctrl + G, чтобы сгруппировать круги вместе. Затем, когда все круги сгруппированы вместе, удерживайте нажатой клавишу Shift и наведите указатель мыши на угол, пока он не превратится в символ стрелки поворота, и поверните всю группу фигур на 45 °.
Перспектива в Illustrator — Шаг 2
Следующим шагом будет, когда у вас выбрана группа фигур, выберите инструмент «Сетка перспективы», который откроет сетку перспективы. В левом верхнем углу есть круг с кубом внутри, и именно так вы управляете своей перспективой. В зависимости от того, по какому пути вы хотите пойти, нажмите на верхнюю правую часть куба. Затем выберите инструмент «Выбор перспективы». Когда вы щелкаете и перетаскиваете объект, он перемещается по плоскости выбранной вами перспективы.Переместите его так, чтобы ваша группа фигур начала двигаться назад в правильной перспективе.
Перспектива в Illustrator — Шаг 3
Затем все, что вам нужно сделать, это снова навести указатель мыши на кружок в верхнем левом углу, и вы увидите сообщение «Скрыть сетку перспективы». это позволит вам скрыть сетку и снова выбрать и переместить объекты в обычном режиме. Обязательно выберите обычный инструмент выделения на панели инструментов. Снова нажмите на свою группу фигур и, удерживая Shift, поверните группу фигур против часовой стрелки на 45 °, чтобы она вернулась в исходное положение.Это простой способ трансформировать объект в истинной перспективе, но под разными углами, чем просто левый или правый.
Заключение
Вы можете легко создать перспективу в Illustrator с помощью всего нескольких приемов. Вы не ограничены левым или правым, если знаете, как подойти к проекту. правильный подход к решению проблемы сэкономит вам время и сэкономит нервы в долгосрочной перспективе. Вы всегда можете преобразовать объект в перспективе в Illustrator, а затем повернуть его обратно в исходное положение.
Сохранить
Сохранить
3D-перспективных дизайнов в Adobe Illustrator — Графический дизайн для урока Lunch ™ | Хелен Брэдли стенограммы
1. Графический дизайн для обеденных трехмерных перспективных кубов Введение: Здравствуйте, я Хелен Брэдли. Добро пожаловать в этот выпуск «Графический дизайн для обеда» — проектирование трехмерных перспективных кубов в Adobe Illustrator. Сегодня мы рассмотрим создание трехмерных перспективных фигур в Illustrator и сделаем это вручную.Мы собираемся создать перспективу, одноточечную перспективу, вручную. Теперь, когда вы смотрите эти видео, вы увидите подсказку, которая позволит вам порекомендовать этот класс другим. Пожалуйста, если тебе нравится урок, сделай для меня две вещи. Во-первых, поставьте лайк, а во-вторых, напишите несколько слов о том, почему вам нравится этот урок. Эти рекомендации помогают другим учащимся понять, что это класс, который им тоже может понравиться и на котором они будут учиться. Если вы хотите оставить мне комментарий или вопрос, сделайте это.Я читаю и отвечаю на все ваши комментарии и вопросы, смотрю и отвечаю на все ваши классные проекты. Если вы готовы, давайте приступим к созданию трехмерной иллюстрации перспективы в Illustrator. 2. Pt 1 Создайте первую фигуру: Чтобы создать наш 3D-рисунок, нам понадобится новый файл, поэтому я выберу File, а затем New. Я делаю размер экрана 1920 на 1080. Я работаю с цветом RGB. Если вы работаете в более ранней версии Illustrator, которая вам подойдет, перед созданием документа вы увидите просто другое диалоговое окно.Теперь нам нужны несколько линий линейки, поэтому я собираюсь выбрать «Просмотр», а затем «Линейки» и «Показать линейки», потому что линейка позволяет мне перетаскивать некоторые направляющие. Я собираюсь нарисовать свою трехмерную перспективу в такой области, предполагая, что это горизонт. Я делаю свой горизонт здесь наверху, и я также собираюсь перетянуть его вправо. Это моя точка схода, если хотите. Переходим на панель Layers. Я собираюсь заблокировать этот слой, чтобы заблокировать эти две направляющие. Помня, конечно, что направляющие в Illustrator — это просто формы.Они такие же формы, как и все остальное, поэтому они будут двигаться, если вы их не заблокируете. Я собираюсь добавить новый слой. Поскольку я заблокировал этот слой, мне нужен слой, над которым я буду работать. Я собираюсь нацелить инструмент «Прямоугольник» и растянуть здесь квадрат. Я работаю на этой панели для моей трехмерной перспективы. Я держу нажатой клавишу Shift, чтобы создать квадрат. Теперь я заполню свой квадрат цветом. Это цвет, который я использую временно. Затем я собираюсь нацелить инструмент Polygon Tool, и в этом случае мне нужен треугольник, поэтому я просто вытягиваю треугольник, потому что он не будет выглядеть так, когда я закончу.Я перейду к инструменту Direct Selection Tool, который позволяет мне выбирать любые точки этого треугольника. Что я собираюсь сделать, так это разместить его рядом с точкой привязки на моем квадрате. Я собираюсь перетащить это на место сюда, а это я собираюсь провести полностью до точки исчезновения. Теперь, когда у меня есть эта форма и выделена, я собираюсь изменить ее цвет, опять же, только временно. Теперь я собираюсь сделать то же самое, поэтому мне нужен еще один многоугольник, трехсторонняя фигура.Если ваша фигура не выглядит трехсторонней, при нажатии на инструмент многоугольника щелкните один раз в документе. На этом этапе вы можете установить для многоугольника желаемое количество сторон. У меня было предустановлено три, поэтому я нажимаю «Хорошо». Вот мой многоугольник. Переключитесь на инструмент Direct Selection Tool, нажав букву A. Я собираюсь перетащить точки привязки на место. Давайте сначала перейдем к точке схода, и она должна быть идеально выровнена. А теперь пойдем и возьмем вот это. Сейчас немного сложно увидеть мой квадрат, поэтому просто уроню его рядом, и теперь я могу увеличить и приблизить его.Наконец, это точка привязки, щелкните по ней, чтобы только она была выделена и переместите ее на место. Теперь, если мы хотим дважды проверить все на этом этапе, мы можем выбрать View, а затем Outline. В режиме контура мы можем видеть контур нашей формы. Мы видим только линии, составляющие наши формы, и ничего больше. Это просто немного облегчает понимание того, что все идеально выстроено, что так и есть. Выберите «Просмотр», а затем «Предварительный просмотр», чтобы вернуться к обычному виду документа, нажмите «Control» или «Command Zero», чтобы уменьшить масштаб.Выделив эту фигуру, я собираюсь дважды щелкнуть ее цвет и снова временно изменить цвет. Теперь, когда у нас создана начальная форма, в следующем видео мы продолжим и применим наши глобальные цвета, а также убедимся, что форма и Illustrator настроены, чтобы было легко создать другие формы на основе этой. 3. Pt 2 Создайте больше форм: Теперь, когда мы создали первую из наших 3D-форм, в Illustrator есть параметр, который нам нужно отключить.Вы увидите здесь, когда я выберу этот квадрат, что живые углы доступны мне, и эта опция просто будет мешать мне. Итак, я собираюсь выбрать «Просмотр», а затем «Скрыть угловой виджет». Теперь, когда я выберу фигуру, вы увидите, что угловых виджетов нет, это поможет сделать выбор за минуту. Теперь мы готовы разобраться с цветом, и я решил сделать самый темный цвет, вот этот, а здесь я последовательно использовал более светлые цвета. Теперь я сделаю это, используя оттенки и тени.Итак, я собираюсь начать с выбора более темного из моих цветов. Неважно, самый темный из ваших цветов, такой как этот здесь или этот здесь, просто выберите самый темный. Перейдите на панель «Образцы», нажмите здесь «Новая цветовая группа», выберите «Выбранное изображение», «Преобразовать процесс в глобальный», «Включить образцы для оттенков» и нажмите « Хорошо «, и это дает нам один глобальный цвет, который здесь применяется к этой фигуре. Затем мы выберем Window, и мы собираемся выбрать Color Guide.Поскольку мы создали этот цвет как глобальный цвет, теперь у нас есть выбор альтернативных глобальных цветов, которые мы можем использовать. Здесь показано довольно много глобальных цветов, потому что я вошел во всплывающее меню, выбрал «Параметры руководства по цвету» и установил для себя семь шагов. Возможно, вы захотите установить для своих шагов более высокое значение, чтобы у вас было из чего выбирать. Что я собираюсь сделать, так это выбрать здесь немного более светлый цвет и подать команду «Щелкнуть» или «Щелкнуть с нажатой клавишей» на другом более светлом цвете. Я нажимаю всплывающее меню и выбираю «Сохранить цвета как образцы».Это будут мои глобальные цвета. На этом этапе я могу просто врастить в них, перетащив их в одну цветовую группу и избавившись от этой. Теперь я возвращаюсь к своей форме, я собираюсь выбрать эту панель здесь, я собираюсь применить к ней этот глобальный цвет и убедиться, что к каждой из этих других фигур применен глобальный цвет. Теперь мы готовы к дублированию форм. Переходим на панель Layers. У меня есть слой с серией объектов в нем, поэтому я собираюсь выделить все свои объекты, я собираюсь сгруппировать их, чтобы они перемещались как один объект или как единое целое. группа.Теперь, на этом этапе, делая дубликаты, я мог бы просто сделать дубликат своей группы, но, вероятно, это даст мне немного больше возможностей, если я сделаю дубликат своего слоя. Я собираюсь перетащить свой слой на значок нового слоя, а затем заблокировать предыдущий. Теперь это означает, что у меня есть вторая копия моей исходной формы, и я собираюсь перейти к инструменту Direct Selection Tool. Поскольку я хочу выделить только конец этой фигуры, я не хочу выделять здесь эти опорные точки, потому что это то, что я могу сделать сейчас, я могу перемещать эту фигуру, чтобы создать дополнительную фигуру.Я просто собираюсь поместить его в положение, в котором я хочу, чтобы он находился. Я собираюсь перейти на панель Swatches, и я хочу создать новый образец для этой конкретной группы, поэтому просто перейду и выберите над группой. Когда-то это было заблокировано, поэтому мы даже не нацелены на него. Я собираюсь щелкнуть здесь «Новая цветовая группа», и я просто собираюсь щелкнуть «Хорошо», так что у меня здесь есть вторая цветовая группа. Теперь, в этот момент я собираюсь щелкнуть по «Цветовой группе» и щелкнуть диалоговое окно «Перекрасить». Я собираюсь нажать «Редактировать», и я хочу перекрасить эту вторую цветовую группу, поэтому я собираюсь нацелить ее здесь, и я просто собираюсь перетащить ее, чтобы найти для нее другой набор цветов.У меня здесь есть колесо в сегментах, но вы можете получить обычное колесо, если хотите. Я доволен этим. Я просто нажму «ОК» и сохраню изменения в своих цветовых группах. У меня здесь вторая цветовая группа, но это не глобальные цвета. Если нам нужны глобальные цвета, мы могли бы выделить эту фигуру и создать их как глобальные цвета и удалить исходный набор. Затем мы применили бы эти цвета к нашим фигурам, а затем дважды щелкнули бы по нему, чтобы убедиться, что это глобальный цвет, убедитесь, что это тот глобальный цвет, который есть, и он тоже.Мы собираемся повторить это, мы собираемся взять слой, перетащить его на значок нового слоя, мы заблокируем другие слои, мы возьмем переднюю грань этой формы и перетащим ее. Причина, по которой я сказал, что мы собираемся разработать что-то в этой области, заключается в том, что если мы перетащим это сюда, это больше не имеет смысла, потому что в нем отсутствует эта боковая панель. Нам нужно было бы добавить к нему боковую панель, если бы мы поместили его в это положение. Я просто оставлю это в этом квадранте, так что это имеет смысл. Я могу перетащить его в любое положение, я могу перетащить его внутрь или наружу.Теперь, если я хочу, чтобы это был другой набор цветов, я собираюсь снова выбрать «Over My Shape», и я собираюсь создать для него набор цветов. Я собираюсь щелкнуть диалоговое окно «Перекрасить». Я собираюсь нажать «Редактировать». Я собираюсь выбрать цветовую группу для использования. Я собираюсь изменить цвета этой цветовой группы, а затем нажмите «Хорошо» и «Да». Если я хочу, чтобы это были глобальные цвета, мне нужно создать их как глобальные цвета, а это значит, что я могу избавиться от набора, который не является глобальными цветами. Мы можем дважды проверить это, чтобы сказать, когда мы выбираем это место, что оно на самом деле окрашено глобальным цветом.Я собираюсь продолжить и добавить несколько фигур к моей иллюстрации. 4. Pt 3 Add and Resize Shapes: Давайте теперь рассмотрим создание дополнительных фигур и изменение их размера. Вернемся к последнему поддону. Я собираюсь заблокировать любую форму, которую не хочу использовать. Я возвращаюсь к этим синим фигурам. Собираюсь разблокировать и продублировать. Я собираюсь заблокировать одну из его версий, а затем скорректировать расположение этой версии здесь. Если я хочу, чтобы он был поверх всего, я могу просто перетащить его наверх последней палитры.Мне нравится синий цвет, но на данном этапе я хочу, чтобы лицо этой формы было немного больше. Мы делаем это, чтобы убедиться, что мы находимся на инструменте прямого выделения и выделяем только это лицо, потому что мы не хотим изменять точку схода, но мы действительно хотим сделать это больше. Перейдем к инструменту масштабирования. Я собираюсь «дважды щелкнуть» по инструменту масштабирования, потому что это позволяет мне получить доступ к диалогу. Я хочу использовать единый масштаб и не хочу масштабировать штрихи и эффекты. Я не хочу, чтобы здесь масштабировалось что-либо, кроме самой формы.Я просто собираюсь намотать это примерно до 120, ну, возможно, на самом деле 130. Вы можете сказать, что выбор этих опорных точек здесь означал, что теперь вся форма пропорционально увеличена в размерах. Я нажимаю «ОК». Теперь у нас есть фигура большего размера, и мы можем продолжить и создавать фигуры на основе других фигур. Я собираюсь использовать цвета, которые у меня уже есть. Я собираюсь Я собираюсь выбрать инструмент «Прямое выделение», перейти к моей фигуре, перетащить ее в новое положение. Поместите ее над всем остальным.Если я предпочитаю этот вид, я выберу это заново и просто верну его назад, а затем увеличу. Опять же, я перейду к инструменту масштабирования, думаю, я уменьшу его примерно на 125 процентов и нажму «хорошо». Опять же, если мы хотим переместить его, мы можем просто пойти и выбрать его лицевую сторону и просто переместить его туда, где мы хотим, чтобы он был. Теперь я собираюсь продолжить и добавить несколько дополнительных фигур, прежде чем мы перейдем к последнему шагу. В следующем видео мы быстро рассмотрим, как поместить одну из этих фигур в другой квадрант.5. Pt 4 Поместите фигуру в другой квадрант: если вы все же решите поместить одну из этих фигур в другой квадрант, это то, что вы собираетесь сделать. Мы просто собираемся выделить одну из форм, которые мы можем использовать. Я собираюсь использовать это наверху. Я перетащу его на новый значок. Я собираюсь разблокировать его, и я собираюсь взять его с помощью инструмента прямого выбора, дубликата, и просто переместить его на эту панель здесь. Чего ему не хватает, так это этой формы здесь внизу, и здесь также есть дополнительная форма, которая ей не нужна.Мы собираемся немного сдвинуть вещи. Я собираюсь открыть панель и открыть группу. Я собираюсь решить, какую из этих форм я хочу сохранить. Что ж, я хочу оставить этот наверху, потому что это этот самолет. Но вот этот самолет сзади, что я хочу переместить. Что я собираюсь сделать, так это пойти и нацелить его, и я собираюсь увеличить и переместить его. С помощью инструмента прямого выделения я собираюсь выделить углы этой плоскости, и мне будет сложно заблокировать все остальное, пока я это сделаю, поэтому я собираюсь взять этот элемент и перенести его. вот и я возьму это и принесу сюда.Опять же, я собираюсь взглянуть на это в виде контура с контуром вида, просто чтобы убедиться, что у меня все действительно аккуратно выстроено. Давайте просто зайдем сюда и просто убедимся, что выравнивание идеальное. Похоже, там хорошо. Давай просто спустимся сюда и убедимся, что внизу тоже хорошо. Мне это кажется неплохим. Я выберу «Просмотр», а затем «Предварительный просмотр». Я снова уменьшу масштаб. Теперь у нас есть фигура, которая будет работать в этом квадранте сетки. Нам просто нужно было немного перестроить его, чтобы панели, которые мы видели, были теми, которые мы бы увидели, если бы стояли в этой точке и смотрели в сторону точки схода.Мы увидим эту сторону фигур, но сторону этой. Что мы собираемся сделать, так это просто разблокировать все здесь. Я возвращаюсь к инструменту прямого выделения, просто немного верну его. 6. Pt 5 Поместите фигуру на одну линию с точкой исчезновения: Чтобы закончить мой дизайн, я собираюсь поместить фигуру здесь прямо над этой линией. Теперь я хочу использовать зеленый, поэтому я просто найду один из зеленых и сделаю его копию. Я собираюсь разблокировать его и довести до самого верха, а все остальное заблокировать.На этом этапе я просто хочу показать вам нажатие клавиши, которое упростит разблокировку и блокировку слоев. Я собираюсь удерживать клавишу Alt или Option и просто щелкнуть здесь. Щелкните один раз, чтобы включить замки, и один раз, чтобы выключить их. Вы просто хотите переключать это, пока у вас не будут включены блокировки на всех остальных слоях, и будет отключен только слой, с которым вы хотите работать. Теперь я могу пойти и взять вот это, и я собираюсь поставить его в этом положении. Он будет расположен в центре, прямо посередине этой формы.Теперь здесь есть панель, которая ему не нужна. Поскольку мы смотрим на него лицом к лицу, мы не собираемся говорить о боковых панелях этой формы. Я возьму вот эту панель, о которой идет речь, и либо просто спрячу ее, либо удалим. На самом деле не имеет большого значения, что я делаю. Важно то, что это не в середине иллюстрации. Мы не можем этого видеть, потому что не должны этого видеть. 7. Pt 6 Последние штрихи и подведение итогов: на этом я почти закончил. Итак, я перехожу к последней палитре.Я собираюсь избавиться от своего руководства, поэтому я просто отключу их. Я собираюсь добавить слой наверху. Я собираюсь перетащить его в самый низ, потому что на этом слое я хочу создать прямоугольник размером с мою артборд, а это 1920 на 1080. Он залит сплошным цветом, и я перейду к выравниванию панель и убедитесь, что параметры выровнены по монтажной области. Я собираюсь центрировать его на артборде и заливать градиентом. Я перейду на панель образцов.Я собираюсь выбрать «Открыть библиотеку образцов и градиенты», а затем — «Небо». Мы собираемся заполнить фигуру градиентом с помощью инструмента градиента, и теперь я могу просто протестировать свои градиенты за моими фигурами, и когда я найду тот, который мне нравится, я, возможно, захочу адаптировать его для использования, и мне нравится этот, поэтому Я собираюсь сделать его радиальным градиентом, просто выбрав Радиальный. Затем я перейду к своему инструменту «Градиент», сделаю так, чтобы градиент начинался под центральной точкой моей иллюстрации, и просто вытащу его.Фактический факт, я думаю, он мог бы выглядеть лучше, немного скрытый внутри. Теперь мы можем изменить все цвета на иллюстрации, если захотим, для этого нам нужно будет войти сюда и разблокировать все эти слои, затем мы можем выбрать все и применить изменение цвета. Итак, я перехожу к диалоговому окну изменения цвета. Я собираюсь нажать Edit. Я собираюсь заблокировать свои цветовые отношения. Теперь я могу начать вращаться и просто сказать, что я могу сделать с точки зрения перекраски моих фигур. Если бы я хотел, я мог бы просто прийти сюда и выделить набор цветов.Я просто очень внимательно следил за тем, чтобы они имели оранжево-коричневые формы. Все три цвета, которые используются для их раскраски, идут в одном направлении, так что на них нет чего-то зеленого. Я повторно заблокирую свои цвета и могу внести дополнительные изменения. Мне действительно очень понравился этот пурпурный вид. Если вас это устраивает, вы можете щелкнуть, чтобы добавить новую цветовую группу, и просто щелкнуть ОК. В Illustrator есть способ создания трехмерных кубов в перспективе, это перспектива, которую мы создали сами, это одноточечная перспектива.Ваш проект для этого класса будет заключаться в том, чтобы самостоятельно создать иллюстрацию в одноточечной перспективе, используя эти формы куба. Разместите изображение готовой иллюстрации как проект класса. Я надеюсь, что вам понравился этот урок и что вы узнали о Illustrator то, о чем раньше не знали. Когда вы смотрели этот урок, вас спросят, порекомендуете ли вы его другим. Пожалуйста, если бы вам понравился урок и вы поучились на нем, вы бы сделали для меня две вещи? Во-первых, ответьте утвердительно на тот факт, что вы рекомендовали бы этот урок другим, а во-вторых, в нескольких словах напишите, почему вам нравится этот урок.Эти рекомендации помогают другим учащимся понять, что это класс, который им тоже может понравиться и на котором они будут учиться. Если вы хотите оставить мне комментарий или вопрос, сделайте это. Я читаю и отвечаю на все ваши комментарии и вопросы, смотрю и отвечаю на все ваши классные проекты. Меня зовут Хелен Брэдли. Большое спасибо за то, что присоединились ко мне в этом выпуске Illustrator на обед. Я с нетерпением жду встречи с вами в ближайшем выпуске. 8. Pt 7 3D Perspective Stars: После того, как вы создали свою трехмерную перспективную иллюстрацию, вам может быть интересно сделать еще один шаг и фактически создать иллюстрацию со звездами.Я собираюсь быстро показать вам, как вы это делаете. Я собираюсь выбрать «Просмотр линейки», потому что хочу видеть свои линейки. Я собираюсь провести вниз по линии горизонта, а затем провести по линии, которая даст мне точку схода. Здесь все будет относительно этого момента. Позвольте мне вернуть свою палитру слоев. Я собираюсь заблокировать все и добавить новый слой. Теперь я собираюсь создать звезду. Я перейду к инструменту «Звезда» и вытащу пятиконечную звезду.Если у вас не получается пятиконечная звезда, просто нажмите на «Художественную доску» вместо того, чтобы рисовать звезду, и просто убедитесь, что она установлена на пять точек. У меня здесь пятиконечная звезда, которой я очень доволен. Я собираюсь залить его оранжевым цветом. Я выберу этот цвет. Далее нам нужно сделать наши треугольники. Опять же, это треугольники, хотя кажется, что вы создадите четырехсторонние элементы, мы просто создадим треугольники, потому что это даст нам наши размеры.Я собираюсь создать треугольник с тремя точками. Я собираюсь закрасить его немного темнее, чтобы видеть, что я делаю. Перейдите к инструменту прямого выбора. Я собираюсь закрепить эту точку прямо здесь, на звезде. Я собираюсь довести это полностью до точки исчезновения, и я собираюсь взять это, чтобы выровняться до этой точки звезды. Я сделаю это снова. На этот раз я выберу немного более светлый оранжевый цвет, и мой треугольник будет здесь. Я собираюсь схватить точку привязки, зафиксировать ее там, зафиксировать вторую точку внутри звезды, а затем провести ее полностью до точки схода.Мы сделаем это снова. Инструмент «Прямое выделение», я собираюсь закрепить его здесь, привязать его сюда, а это полностью развернуть до точки схода. Мы сделаем это снова. Я собираюсь выбрать для этого другой апельсин. Возьмите этого в эту точку здесь, этого в эту точку, а этого полностью здесь, снова в точку схода. Теперь нам нужно сделать еще одно. Я просто собираюсь сделать свой треугольник, и мы собираемся проверить, какой из них нам нужен. Я не думаю, что это будет здесь здесь, но я думаю, что это будет здесь.Давай просто пойдем и проверим. Я собираюсь поместить здесь одну точку привязки, одну точку привязки здесь и провести ее полностью до точки схода. Вы можете видеть, что это всего лишь небольшой треугольник. Нам его не нужно очень много, и он должен быть за этим треугольником здесь и за звездой. Позвольте мне сделать это немного темнее, чтобы мы могли ясно увидеть, в чем проблема. Дело не в форме, это в идеальном положении, это идеальная форма. Он должен быть за этой звездой и за этой формой.Давайте перейдем к палитре слоев, давайте просто переставим все здесь. Это будет самая верхняя форма, потому что мы только что создали ее. Я просто буду тянуть это за все. Теперь у нас есть звезда со всеми ее заштрихованными панелями. Возможно, мы захотим немного перекрасить здесь, но у нас есть звезда, поэтому я оставлю вас, чтобы перекрасить ее. Я собираюсь проверить это в Outline View, потому что Outline View просто позволяет нам убедиться, что все находится в нужном месте. Когда я нарисовал это в первый раз, я обнаружил, что у меня есть точка, которая здесь не совсем совпадает, но на этот раз у меня есть все.Когда вы выбираете прямой, я вижу только точку в точке схода, так что все выглядит довольно хорошо. И снова, что мы сделаем, это выделим эту фигуру и сгруппируем ее с помощью Object Group. Мы сделаем дубликат слоя, перетащив его на новый значок. Мы заблокируем предыдущий слой. Мы собираемся использовать инструмент «Прямое выделение», потому что мы хотим выделить только поверхность звезды, потому что это позволяет нам перемещать ее. Когда мы займем нужное положение, мы дважды щелкнем по инструменту «Масштаб», если хотите, и вы можете увеличить или уменьшить его по мере необходимости.Это дополнительная проблема для этого конкретного 3D-эффекта, когда вы можете создать звезду. Позвольте мне показать вам еще кое-что, что вы можете сделать с этим, как только вы их создадите. Я собираюсь выключить ту другую звезду, я хочу эту здесь. Я собираюсь выделить только переднюю и верхнюю часть, и я собираюсь переместить ее сюда, чтобы она была вдоль линии горизонта. Я просто помещаю его сюда, я собираюсь выделить всю форму и сделать из нее Art Brush. Я собираюсь щелкнуть здесь «Новая кисть», выбрать «Художественную кисть» и щелкнуть «Хорошо».Теперь, в более ранних версиях Illustrator, у вас не было опции «Растянуть между направляющими», но если она у вас есть, я предлагаю вам ее использовать. Нажмите «Растянуть между направляющими» и просто переместите эту направляющую сразу за кончик звезды, потому что это позволит вам сгибать и растягивать ее в этой области, но не в этой области. Я так нарисовал. Я собираюсь начать свой гребок и закончить его. Начальная точка обводки будет там, где находится звезда, и я нажму «Хорошо». Я собираюсь щелкнуть мышкой подальше от этой звезды.Я перейду к своему «Brush Tool» и нарисую свою звезду. Как видите, нарисовав оригинальный 3D-элемент, мы получили возможность использовать его по-разному. В этом случае при рисовании размерной звезды с помощью кисти.
Как отключить привязку в Illustrator? — AnswersToAll
Как отключить привязку в Illustrator?
В меню ПРОСМОТР снимите флажок «Привязка к точке» (ПРИМЕЧАНИЕ: в последней версии это переместилось в меню «Настройки» (см. № 3 ниже). В ПАЛИТРЕ ПРЕОБРАЗОВАНИЯ снимите флажок «Выровнять по пиксельной сетке». Другие связанные параметры в НАСТРОЙКАХ — «Отключить привязку» в точку »
Как сбросить перо в Illustrator?
Исправление:
- В разделе «Меню» → «Окно» → «Преобразовать» снимите флажок «Выровнять по пиксельной сетке».
- Снимите флажок «Выровнять новые объекты по пиксельной сетке» в параметрах окна «Преобразование».
Как отключить сетку перспективы?
Щелкните «Просмотр» в строке меню и выберите «Сетка перспективы / Скрыть сетку», чтобы отключить сетку. Сочетание клавиш — «Ctrl», «Shift», «I» (Windows) и «Cmd», «Shift», «I» (Mac).
Почему в ГИС важна привязка?
Привязка включает соединение геометрической вершины или ребер одного объекта с другим. Привязка — важная настройка при редактировании или создании данных ГИС, поскольку она обеспечивает чистое соединение ребер и вершин, которые необходимо соединить.
Приведет ли меньший допуск привязки к более точной оцифрованной карте?
При необходимости пользователь может ввести другое значение. Большое значение допуска привязки сделает карту менее точной. Очень маленькое значение допуска привязки затруднит оцифровку, так как вам придется сильно увеличить масштаб, прежде чем вы сможете сделать снимок.
Как включить привязку в Qgis?
Теперь в настройках QGIS вам нужно будет решить, как вы хотите подключать SNAP к функциям. Выберите меню «Настройки»> «Параметры», а затем вкладку «Оцифровка».Затем выберите открытие панели инструментов привязки и выберите инструмент Включить привязку (магнит). Теперь наведите курсор на карту, чтобы привязаться к объекту и начать оцифровку.
Как включить редактирование в Qgis?
Выберите слой на панели «Слои» и нажмите «Слой | Переключить редактирование. Кроме того, вы можете щелкнуть правой кнопкой мыши слой на панели «Слои» и выбрать «Переключить редактирование» в контекстном меню.
Как включить расширенные инструменты оцифровки в Qgis?
Сначала убедитесь, что ваш ящик инструментов оцифровки активирован, в противном случае вы можете активировать его, используя следующий процесс.Щелкните вкладку просмотра в строке меню и щелкните панель инструментов, а затем установите флажок инструментов оцифровки и продвинутой оцифровки.
Как возникает шум при щелчке?
Когда вы очень сильно нажимаете пальцем (когда вы на самом деле «щелкаете»), вы очень быстро сжимаете воздух в эту маленькую воронку через отверстие с одной стороны, а затем выталкиваете его так же быстро с другой стороны через меньшее отверстие (то, что делает ваш мизинец), и внезапные изменения давления создают шум, который звучит…
Почему люди щелкают вместо хлопков?
История клуба гласит: «Причина этого (как гласит легенда) в том, что вы не можете хлопать и держать пиво в руках [одновременно]! Другая возможная причина заключается в том, что щелканье менее мешает, чем хлопанье в ладоши во время выступлений и объявлений.”Практика щелканья пальцами также популярна в сообществе поэтического слэма, используется…
Почему они выделяют скрытые фигуры?
Щелчок пальцами начинает персонаж, которого Джим Парсонс изображает в ответ на лунную речь президента Кеннеди. Собравшиеся ученые / математики также показывают свое одобрение, щелкая пальцами. В заключение Кевин Костнер хвалит их работу, аплодирует им, и они отвечают тем же.
Каким пальцем вы щелкаете?
безымянный палец
⇧ тащить | Ограничение пропорций или ориентации фигуры |
␣ тащить | Перемещение фигуры при ее рисовании |
⌥ тащить | Нарисуйте из центра фигуры (кроме многоугольников, звезд и бликов) |
| тащить ↑ или↓ | Увеличение или уменьшение сторон многоугольника, звездных точек, угла дуги, спиральных ветров или бликов |
| тащить ⌘ | Сохраняйте внутренний радиус звезды постоянным |
⌥ тащить | Держите стороны звезды прямыми |
| тащить С | Переключение между открытой и закрытой дугой |
| тащить S Ф | Переверните дугу, сохраняя постоянную опорную точку |
| тащить ⌥ тащить | Добавить или вычесть ветры из спирали, увеличивая длину спирали |
| тащить ⌘ тащить | Изменение скорости распада спирали |
| тащить ↑ или↓ | Добавление или удаление горизонтальных линий из прямоугольной сетки или концентрических линий из полярной сетки |
| тащить ← или→ | Добавление или удаление вертикальных линий из прямоугольной сетки или радиальных линий из полярной сетки |
| тащить Ф | Уменьшить значение перекоса для горизонтальных разделителей в прямоугольной сетке или радиальных разделителей в полярной сетке на 10% |
| тащить В | Увеличьте значение перекоса для горизонтальных разделителей в прямоугольной сетке или радиальных разделителей в полярной сетке на 10% |
| тащить Х | Уменьшить значение перекоса для вертикальных разделителей в прямоугольной сетке или концентрических разделителей в полярной сетке на 10% |
| тащить С | Увеличьте значение перекоса для вертикальных разделителей в прямоугольной сетке или концентрических разделителей в полярной сетке на 10% |
] | Увеличить размер кисти-кляксы |
[ | Уменьшить размер кисти-кляксы |
⇧ | Ограничить траекторию кисти-кляксы по горизонтали или вертикали |
⇧ D | Переключение режимов рисования |
⌘ Дж | Соедините два или более путей |
⌥ ⌘ Дж | Среднее число двух или более путей |
⇧ ⌘ ⌥ Дж | Создание углового или плавного соединения |
⌘ 8 | Создание составного пути |
⌥ ⇧ ⌘ 8 | Освободить составной путь |
⇧ ⌘ F8 | Редактировать узор |
⇧ -П | Инструмент «Сетка перспективы» |
⇧ В | Инструмент выбора перспективы |
⌘ ⇧ Я | Сетка перспективы |
⌘ ⌥ тащить | Копирование объектов в перспективе |
⌘ D | Повторное преобразование объектов в перспективе |
⇧ D | Переключение между режимами рисования |
Руководство по созданию трехмерного текста в Adobe Illustrator
Предварительный просмотр
Вот то, что мы будем строить в этом уроке.Нажмите на изображение ниже, чтобы увидеть его в полном масштабе.
Шаг 1: Добавление текста
Мы начнем с набора текста. Щелкните инструмент «Текст» (T), щелкните и перетащите рамку для текста на монтажной области, затем введите «ТЕКСТ ДИЗАЙНА» в две строки. Это придаст нам форму, которую мы ищем. Вы можете настроить размер текста, открыв панель символов («Окно»> «Тип»> «Символ» или нажмите Ctrl / Cmd + T). Я использую шрифт Adelle Basic Bold, но вы можете использовать другой похожий шрифт, если хотите.
Шаг 2. Преобразование текста в контуры
Теперь мы собираемся преобразовать текст в формы, чтобы с ним было легче работать. Используя инструмент выделения (V), щелкните текст, а затем перейдите в меню «Текст»> «Создать контуры» (Shift + Ctrl / Cmd + O).
Чтобы получить еще больше советов по цифровому маркетингу, подпишитесь на электронную почту, которой доверяют более
150 000 других маркетологов: Revenue Weekly. Зарегистрироваться Сегодня!Шаг 3. Настройка кернинга и интерлиньяжа
Кернинг (пробел между буквами) и интерлиньяж (пробел между верхним и нижним словом) текста должны быть скорректированы, чтобы все было плотнее.
Во-первых, нам нужно разгруппировать текст, поэтому перейдите в Object> Ungroup (Shift + Ctrl / Cmd + G). Это сделает так, что мы сможем нажимать на каждую букву отдельно.
Щелкните и перетащите рамку вокруг «ТЕКСТА» с помощью инструмента выделения (V), чтобы выбрать только это слово, а затем переместите его ближе к «ДИЗАЙН».
Чтобы исправить кернинг «ДИЗАЙН», мы хотим перетащить рамку вокруг «ДИЗАЙН» — исключая букву «N», последней буквы — с помощью Selection Tool (V). Поскольку мы хотим, чтобы «N» в «ДИЗАЙН» и «Т» в «ТЕКСТ» оставались выровненными, переместите выделенные буквы вправо на один или два пробела.Повторите это с «DESI», «DES» и так далее, пока текст не станет равномерным.
Шаг 4: Добавление цвета
Так как будет легче увидеть стороны трехмерного текста, мы добавим цвет к буквам. Сначала выберите все буквы «ДИЗАЙН» и залейте их желтым.
Примечание: Если вы не видите открытую панель «Цвет», вы можете выбрать «Окно»> «Цвет» (F6). И если у вас не настроен RGB в качестве цветового режима, вы можете щелкнуть стрелку в правом верхнем углу панели, а затем щелкнуть RGB в параметрах.
Проделаем то же самое с «ТЕКСТОМ», но он будет светло-голубым.
Вы можете поместить цвета на панель «Образцы» («Окно»> «Образцы», если вы ее не видите), просто щелкнув и перетащив на нее свой цвет с панели «Цвет».
Шаг 5: регулировка размера
Теперь можно приступить к работе с 3D текстом. Но сначала мы должны сделать так, чтобы текст немного больше заполнял монтажную область. Выделите оба слова, удерживайте нажатой клавишу Shift (чтобы текст не искажался), а затем перетащите угловую привязку, чтобы увеличить ее.
Шаг 6. Знакомство с трехмерным текстом
Приступим к работе с трехмерным текстом. Сначала сгруппируйте буквы, выбрав «Объект»> «Сгруппировать» (Ctrl / Cmd + G), чтобы, когда мы сделаем наш текст трехмерным, буквы оставались одной формой, а не становились отдельными трехмерными формами.
Затем выберите «Эффект»> «3D»> «Вытягивание и скос», чтобы открыть диалоговое окно «Параметры». В диалоговом окне «Параметры 3D-вытягивания и скоса» установите флажок «Предварительный просмотр», чтобы увидеть, как будет выглядеть текст.
Это ваши настройки по умолчанию всякий раз, когда вы открываете эти опции.
Шаг 7. Настройка трехмерного текста
Давайте начнем поиграться с параметрами 3D Extrude и Bevel. Синий квадрат в 3D-поле в диалоговом окне параметров — это лицевая сторона текста. Вы можете щелкнуть и перетащить каждый край куба и посмотреть, как они изменят ваш 3D-текст.
Для нашего текста мы хотим, чтобы слова выглядели так, как будто они лежат на земле, поэтому настройте параметры положения так, чтобы ваш текст выглядел так, как будто он лежит на спине.
Шаг 8: Настройка перспективы
Правый верхний угол надписи «ДИЗАЙН» выглядит неуместно и не совсем в перспективе. Чтобы исправить это, мы можем настроить перспективу примерно на 50 o для нашего текста.
Шаг 9: Регулировка высоты
Наконец, мы собираемся настроить высоту сторон текста с помощью Extrude Depth, чтобы сделать их немного короче (до 40pt).
Для наших целей это единственные параметры, которые нам нужно изменить в тексте, поэтому нажмите OK, чтобы сохранить настройки.
Шаг 10: Преобразование трехмерного текста в контуры
Текст выглядит нормально: он немного затенен, но в целом он довольно темный и довольно мягкий. Кроме того, мы хотим добавить на него стилизованную штриховку, чтобы сделать его более интересным.
Чтобы начать редактирование текста, выберите «Объект»> «Разобрать оформление». Это возьмет 2D-текст и создаст пути для 3D-текста.
Нам нужно разгруппировать текст, чтобы мы могли начать работать с разными его частями.
Совет. Группировка и разгруппировка объектов — это две общие команды Illustrator.Предлагаю привыкнуть к сочетаниям клавиш для них — Ctrl / Cmd + G (Группировать) и Ctrl / Cmd + Shift + G (Разгруппировать). В этом случае сочетание клавиш будет проще, потому что нам придется несколько раз разгруппировать, чтобы убедиться, что все разгруппировано.
Шаг 11: Регулировка цвета лицевой стороны текста
Выберите грань букв «ДИЗАЙН», щелкнув одну грань, удерживая Shift, и щелкнув другие, чтобы выбрать их все сразу. Чтобы применить цвет, щелкните желтый образец, который мы поместили на панель образцов.
Сделайте то же самое с «ТЕКСТОМ» и выбранным синим цветом.
Шаг 12: Создание теней
Чтобы заштриховать стороны текста, нам нужно создать больше цветов. Мы хотим иметь еще два желтых: темный и темный или .
Чтобы сделать два других желтыми, щелкните исходный желтый цвет, который мы использовали для грани «ДИЗАЙН» на панели образцов, и вычтите 40 из R и G (например, 247, 187, 14 станет 207, 147, 14). Щелкните и перетащите этот желтый цвет на панель Swatches и создайте еще один желтый, вычтя еще 40 из R и G, чтобы получилось 167, 107, 14.Это будут наши 3 желтых.
Повторите то же самое для синего, вычтя 40 из G и B, чтобы получилось 113, 146, 170 и 113, 106, 130.
Шаг 13: Упрощение кривых
Вы заметите, что когда вы нажимаете на некоторые изогнутые фигуры, они разделяются на две части. Мы хотим объединить эти две части в одну, поэтому откройте панель Pathfinder, если она еще не открыта (Shift + Ctrl / Cmd + F9). Нажмите на одну часть стороны, а затем, удерживая Shift, нажмите на другую.
Щелкните команду «Объединить» на панели «Обработка контуров», затем нажмите «Развернуть».
Это объединит две формы в одну. Сделайте это со всеми изогнутыми формами, которые разделены.
Шаг 14: Добавление темных теней
Теперь нам нужно решить, на какие стороны будет попадать наш источник света, а на какие — нет. Поскольку источник света уже установлен справа, мы воспользуемся им. Таким образом, нижняя часть текста и левые стороны текста будут темно-желтыми, а левые — самыми темными.Итак, давайте используем самые темные желтый и синий цвета по левому краю текста.
Шаг 15: Добавление светлых теней
Используйте средние синие и желтые оттенки на остальных сторонах текста.
Теперь мы можем остановиться на этом и остановиться на этом блочном затенении, или мы можем пойти дальше и добавить несколько цветовых градиентов, чтобы сделать затенение более насыщенным. Ради этого урока давайте продолжим и добавим несколько градиентов.
Шаг 16: Создание теневых градиентов
А теперь создадим градиенты.Откройте панель градиента (Ctrl / Cmd + F9), если вы еще этого не сделали.
Щелкните и перетащите самый яркий образец желтого цвета к левой стороне градиента, а второй желтый — к правой стороне градиента. Теперь щелкните и перетащите градиент на панель образцов. Создайте градиент так же, как и первый, используя средний желтый и темно-желтый цвета. У вас должно получиться два желтых градиента. Чтобы применить градиенты к определенным частям, вы просто выбираете эту часть и нажимаете на образец цвета градиента.
Повторите то же самое с синими градиентами.
Шаг 17: Добавление градиентов к более светлым теням
Теперь помните, что наш источник света исходит справа, поэтому фигуры будут отбрасывать тень справа налево. Имея это в виду, нажмите на более светлые стороны текста, а затем щелкните на более светлый градиент.
Чтобы настроить градиент, щелкните инструмент «Градиент» (G) на панели инструментов. Вы можете щелкнуть и перетащить фигуру, чтобы настроить градиент.
Шаг 18: Завершение более светлого градиента теней
Продолжайте добавлять градиент в более светлые области обоих слов. Нет точной науки о том, как мы добавляем цветовые градиенты, просто нужно получить разницу в цвете между разными частями, сделать их более заметными и придать им тонкие вариации в освещении.
Шаг 19: Добавление более темных градиентов теней
Повторите то же самое с более светлыми областями и добавьте темные градиенты к более темным областям.Более темные области будут самыми светлыми вверху и самыми темными внизу (там, где меньше всего света).
Шаг 20: Осветление лицевых сторон текста
Мы можем назвать это хорошим как есть, но если мы хотим сделать лицевую часть текста немного более видимой, мы можем щелкнуть по лицевой стороне каждой буквы (удерживая Shift, чтобы выделить отдельные части вместе), затем Ctrl / Cmd + C ( Копировать), а затем Ctrl / Cmd + F (Вставить на передний план).
Залейте эти скопированные буквы белым цветом.Откройте панель прозрачности (Shift + Ctrl / Cmd + F10). Измените режим наложения на Overlay и непрозрачность на 30%.
Краткое содержание руководства
Вот и все, ребята. В этом уроке были рассмотрены некоторые методы создания отличного 3D-текста с точными оттенками. Мы не использовали программное обеспечение для 3D-рендеринга — только Illustrator. Самое замечательное в создании 3D-объектов в Adobe Illustrator заключается в том, что вы можете настроить размер надписи так, чтобы он был таким большим или таким маленьким, как вы хотите (потому что это, в конце концов, векторный объект), и легко импортировать их в другое программное обеспечение Adobe Creative или Production Suite, а также продукты сторонних производителей.
