Создаем светящийся 3D текст
В этом уроке мы узнаем как создать светящийся 3d текст с помощью готовых кистей. Для создания данного эффекта нам понадобятся кисти, которые можно скачать здесь. 1. Создаем новый документ. Для фона рисуем прямоугольник и заливаем его темным цветом. В моем случае это темно-синий. Берем инструмент Type и набираем необходимый текст любым шрифтом. 2. Преобразуем текст в кривые. Выделяем и на вкладке Effect > 3D выбираем пункт Extrude & Bevel. В открывшемся окне выставляем значение Surface на No Shading. Поворачиваем фигуру так как нам нужно, выставляем необходимый параметр глубины (80 pt). 3. Выделяем получившийся объект […]
Читать далше...Создаем хромированный текст
В сегодняшнем уроке мы узнаем как создать хромированный текст в Adobe Illustrator. Используя простые манипуляции с фигурами и добавляя разные градиенты на них, мы создадим популярный эффект с бликами и переливами. 1. Создаем новый документ и набираем текст любым шрифтом. Выделяем его и на вкладке Type выбираем пункт Create Outlines. Получившиеся фигуры заливаем градиентом от белого к темно-синему, как показано на изображении ниже. 2. Теперь выделяем все фигуры и на вкладке Object > Path выбираем пункт Offset Path. В открывшемся окне вводим -1 пиксель. В результате этого создается еще одна копия букв внутри первой. […]
Читать далше...Создаем спортивный мяч
Сегодня мы разберемся как создать спортивный мяч или шар. Будем использовать уже знакомые нам 3D возможности редактора Adobe Illustrator. Основной нашей задачей будет — закрепить навыки работы с 3D объектами в Adobe Illustrator, используя различные примеры. 1. Создаем фигуру круга и разрезаем ее пополам по вертикали. Подробнее об этом можно прочитать в статьях Накладываем ленту на 3D сферу и Обрезаем векторное изображение. 2. Для первого примера возьмем бильярдный шар (американский пул). Поэтому нам понадобится номер, который будем накладывать на шар. Создаем простую фигуру, преобразовываем ее в вектор и создаем новый символ. 3. Теперь переходим к ранее созданной половинке круга. […]
Читать далше...Накладываем ленту на 3D сферу
Сегодня продолжим тему 3D эффектов и узнаем как наложить ленту на сферу. 1. Создаем прямоугольник и заливаем его необходимым цветом. 2. При выделенном прямоугольнике на вкладке Object > Transform выбираем пункт Move. В открывшемся окне вводим следующие параметры и жмем кнопочку Copy. После того, как была создана копия прямоугольника, нажимаем необходимое количество раз комбинацию клавиш Ctrl + В (в результате этого повторяется последнее действие — копирование). Нам нужно шесть прямоугольников. 3. Выделяем все прямоугольники и делаем двойной щелчок на инструменте Shear Tool. В открывшемся окне выставляем угол искажения (6) и ось, по которой искажение будет проихводиться (Vertical). Жмем ОК. […]
Читать далше...Создаем манускрипт (свиток) в Adobe Illustrator
В этом уроке мы узнаем как создать манускрипт в Adobe Illustrator. Для создания манускрипта будем использовать 3D эффекты Adobe Illustrator. Техника проста и не займет много времени. 1. Создаем новый документ и с помощью инструмента Pen Tool создаем вот такую завитушку: 2. Выставляем цвет контура белый, а заливку убираем. При выделенной фигуре на вкладке Effect > 3D выбираем пункт Extrude & Bevel. В открывшемся окне вводим следующие параметры и жмем ОК: 3. Бумажная часть манускрипта готова и нам нужно создать палочки, на которых он свернут. Для этого берем инструмент Elipse Tool и создаем 2 круга одного размера. Инструментом Rectangle […]
Читать далше...Добавляем изображение на 3D объект
В этой статье мы узнаем как добавить изображение на 3d объект в Adobe Illustrator. Для примера я использовал текст, но таким же образом можно добавить на 3d объект изображение, текстуру и т.д. 1. Для начала создаем то, что мы будем добавлять на 3d объект. В моем случае — это текст. 2. Инструментом Selection Tool перетаскиваем созданный текст на панель Symbols, тем самым создавая новый символ. 3. Нам понадобится 3d объект. Я использовал свиток, который создал незадолго до этого. 4. Для того. чтобы вызвать окно параметров этого свитка щелкните на соответствующей ссылке панели Appearance. В открывшемся окне жмем кнопку Map […]
Читать далше...Обрезаем векторное изображение
В этой статье мы узнаем как обрезать векторное изображение в Adobe Illustrator. Будем использовать функцию Divide Objects Below. Принцип ее действия схож с наложением маски непрозрачности. Разница лишь в том, что после ее использования будут изменены сами фигуры, а не их отображение. Пример 1 Для примера я создал квадрат и залил его градиентом. Теперь создаем еще одну фигуру сверху. В моем случае — это звезда. Нам нужно обрезать квадрат по контуру звездочки. Для этого выделяем звезду и на вкладке Object > Path выбираем пункт Divide Objects Below (Разрезать объекты внизу). В результате у нас получились две фигуры. Одна — […]
Читать далше...Добавляем градиент на контур
Возможно ли применить градиентную заливку к контуру? Хороший вопрос! Контур не является фигурой и ответ, в этом случае, был бы — нет. Но есть одна тонкость, используя которую можно это сделать. И сегодня мы узнаем как добавить градиент на контур. Суть этой хитрости в том, что сначала нам понадобится создать кисть необходимого вида, которую мы будем применять к контуру. Для этого создаем две фигуры круга разного цвета. Выделив обе фигуры, на вкладке Object > Blend выбираем пункт Blend, либо жмем сочетание клавиш Ctrl + Alt + B. Берем получившийся градиент и перетаскиваем его на панель Brushes, тем самым создавая […]
Читать далше...Устанавливаем направляющие и линейку разметки страницы
Сегодня мы рассмотрим полезную, а иногда даже необходимую функциональность Adobe Illustrator — использование линейки разметки страницы (Rulers) и установка направляющих (Guides). В проектах, где необходимо точное расположение фигур и объектов на рабочей области, данные возможности Adobe Illustrator будут незаменимы. Линейка разметки страницы (Rulers) Для того, чтобы включить линейку разметки страницы на вкладке View > Rulers выбираем пункт Show Rulers. В результате этого по левой и верхней сторонах страницы появится разметка в тех единицах, которые были установлены по умолчанию. Для того, чтобы изменить единицы измерения линейки, щелкните правой клавишей мыши на линейке и выберите необходимый вариант. Направляющие […]
Читать далше...Создаем боке «Bokeh» в векторе
Боке — популярная техника, которая часто используется фотографами для получения интересных фоновых изображений и визуального выделения главного объекта съемки. Но так как растр нас не интересует, сегодня мы узнаем как создать боке в Adobe Illustrator — в векторе. 1. Сначала создаем прямоугольник и заливаем его радиальным градиентом от черного к оранжевому. 2. Чтобы изменить отображение градиента нам нужно добавить на него градиентную сетку. На вкладке Object выбираем пункт Rasterize и после этого пункт Create Gradient Mesh. В появившемся окне задаем необходимое количество сегментов сетки. Подробнее о работе с градиентной сеткой можете прочитать в статье Абстрактный фон из градиентного мэша […]
Читать далше...