Накладываем ленту на 3D сферу
Сегодня продолжим тему 3D эффектов и узнаем как наложить ленту на сферу.
1. Создаем прямоугольник и заливаем его необходимым цветом.
2. При выделенном прямоугольнике на вкладке Object > Transform выбираем пункт Move. В открывшемся окне вводим следующие параметры и жмем кнопочку Copy. После того, как была создана копия прямоугольника, нажимаем необходимое количество раз комбинацию клавиш Ctrl + В (в результате этого повторяется последнее действие — копирование). Нам нужно шесть прямоугольников.
3. Выделяем все прямоугольники и делаем двойной щелчок на инструменте Shear Tool. В открывшемся окне выставляем угол искажения (6) и ось, по которой искажение будет проихводиться (Vertical). Жмем ОК.
4. Создаем прямоугольник, как показано на изображении ниже (черный контур).
5. Выделяем все фигуры на рабочей области и жмем кнопочку Crop на панели Pathfinder.
6. Из получившихся фигур создаем новый символ, перетаскивая их на панель Symbols.
7. Символ создан и его можно удалить с рабочей области. Создаем круг, который будем преобразовывать в сферу.
8. Создаем еще один прямоугольник (зеленого цвета) поверх круга так, чтобы его сторона проходила через центр круга. Выделяем обе фигуры и на панели Pathfinder жмем кнопочку Minus Front. В результате этого получили половину фигуры круга.
9. Выделяем созданную половинку и на вкладке Effect > 3D выбираем пункт Revolve. В открывшемся меню жмем кнопочку Map Art.
Вибираем символ, который мы создали ранее.
Жмем на кнопочку Scale to Fit.
Ставим галочки в полях Shade Artwork и Invisible Geometry.
Результат.
Создаем манускрипт (свиток) в Adobe Illustrator
В этом уроке мы узнаем как создать манускрипт в Adobe Illustrator. Для создания манускрипта будем использовать 3D эффекты Adobe Illustrator. Техника проста и не займет много времени.
1. Создаем новый документ и с помощью инструмента Pen Tool создаем вот такую завитушку:
2. Выставляем цвет контура белый, а заливку убираем. При выделенной фигуре на вкладке Effect > 3D выбираем пункт Extrude & Bevel. В открывшемся окне вводим следующие параметры и жмем ОК:
3. Бумажная часть манускрипта готова и нам нужно создать палочки, на которых он свернут. Для этого берем инструмент Elipse Tool и создаем 2 круга одного размера. Инструментом Rectangle Tool создаем прямоугольник. Размещаем круги по краям прямоугольника и выравниваем все три фигуры относительно друг друга по центру.
При выделенных фигурах на панели Pathfinder жмем кнопочку Unite, тем самым преобразовывая их в одну фигуру.
Инструментом Scissors (Ножницы) разрезаем фигуру по верхним точкам и удаляем одну половину.
4. Теперь выделяем получившуюся линию на вкладке Effect > 3D выбираем пункт Revolve. В открывшемся окне вводим следующие параметры:
5. Создаем еще одну такую же палочку. Преобразуем эти фигуры в кривые (Подробнее об этом можете узнать в статье Как преобразовать растр в вектор).
6. На этом этапе нам нужно обрезать палочки и удалить части, которые закрыты бумагой. Для этого создаем еще одну копию бумажной части манускрипта (Ctrl + C , Ctrl + F). Верхнюю копию преобразуем в кривые. Удаляем лишние детали. В нашем случае это завитки на заднем фоне. Обрезаем фигуры и удяляем части, которые должны быть под бумагой (Побробней об этом читайте в статье Как обрезать векторное изображение).
7. Манускрипт готов. Остается наложить на него текст и добавить тени. (Подробнее об этом читайте в статье Как добавить изображение на 3d объект)
Обрезаем векторное изображение
В этой статье мы узнаем как обрезать векторное изображение в Adobe Illustrator. Будем использовать функцию Divide Objects Below. Принцип ее действия схож с наложением маски непрозрачности. Разница лишь в том, что после ее использования будут изменены сами фигуры, а не их отображение.
Пример 1
Для примера я создал квадрат и залил его градиентом.
Теперь создаем еще одну фигуру сверху. В моем случае — это звезда.
Нам нужно обрезать квадрат по контуру звездочки. Для этого выделяем звезду и на вкладке Object > Path выбираем пункт Divide Objects Below (Разрезать объекты внизу).
В результате у нас получились две фигуры. Одна — квадрат, вторая — звезда.
Пример 2
Как вы видите на изображении ниже, рисунок выходит за края рабочей области. Можно, конечно, его уменьшить и подогнать под необходимые размеры, но этот вариант нас сегодня не интересует. Нам нужно обрезать изображение по линии рабочей области.
Для этого создаем квадрат размером рабочей области (я ему добавил контур красного цвета).
Как и в предидущем примере, выделяем квадрат и применяем Divide Objects Below. Берем инструмент Direct Selection Tool 
и удаляем все то, что нам не нужно.
Divide Objects Below можно применить только к векторным изображениям (линия не является вектором). Подробней в статье Как преобразовать растр в вектор.
Добавляем градиент на контур
Возможно ли применить градиентную заливку к контуру? Хороший вопрос! Контур не является фигурой и ответ, в этом случае, был бы — нет. Но есть одна тонкость, используя которую можно это сделать. И сегодня мы узнаем как добавить градиент на контур.
Суть этой хитрости в том, что сначала нам понадобится создать кисть необходимого вида, которую мы будем применять к контуру. Для этого создаем две фигуры круга разного цвета.
Выделив обе фигуры, на вкладке Object > Blend выбираем пункт Blend, либо жмем сочетание клавиш Ctrl + Alt + B.
Берем получившийся градиент и перетаскиваем его на панель Brushes, тем самым создавая новую кисть.
Для наглядности я нарисовал следующие фигуры с помощью инструмента Pen Tool и применил к ним созданную кисть.
На следующем изображении мы используем более сложный градиент, который был создан не из 2-х, а из нескольких фигур разного цвета.
Еще один вариант отображения контура в виде градиента можем видеть на изображении ниже.
Причем, контур остался редактируемым, как и любая другая линия в Adobe Illustrator.
Устанавливаем направляющие и линейку разметки страницы
Сегодня мы рассмотрим полезную, а иногда даже необходимую функциональность Adobe Illustrator — использование линейки разметки страницы (Rulers) и установка направляющих (Guides). В проектах, где необходимо точное расположение фигур и объектов на рабочей области, данные возможности Adobe Illustrator будут незаменимы.
Линейка разметки страницы (Rulers)
Для того, чтобы включить линейку разметки страницы на вкладке View > Rulers выбираем пункт Show Rulers. В результате этого по левой и верхней сторонах страницы появится разметка в тех единицах, которые были установлены по умолчанию.
Для того, чтобы изменить единицы измерения линейки, щелкните правой клавишей мыши на линейке и выберите необходимый вариант.
Направляющие (Guides)
Сначала рассмотрим настройки направляющих. На вкладке Edit > Preferences выбираем пункт Guiides & Grid, либо жмем комбинацию клавиш Ctrl + K и в открывшемся окне выбираем пункт Guides & Grid. Здесь мы можем изменить цвет направляющих (Color) и их отображение (Style).
Теперь мы можем установить направляющие. Для этого, подносим курсор к линейке разметки страницы. Зажимаем левую клавишу мыши и тащим на рабочую область новую направляющую.
Для того, чтобы установить направляющую строго по линейке разметки страницы, зажмите и удерживайте клавишу Shift в момент ее создания.
Направляющие, как и другие фигуры на рабочей области, отображаются на панели Layers в порядке их создания.
Для того, чтобы временно спрятать направляющие на вкладке View > Guides выберите пункт Hide Guides (Спрятать направляющие), либо щелчком правой клавиши мыши вызвать контекстное меню и выбрать необходимый пункт.
Любая фигура на рабочей области может быть преобразована в направляющую. Для этого при выделенной фигуре на вкладке View > Guides выберите пункт Make Guides или нажмите комбинацию клавиш Ctrl + 5. А если вы передумали, то на той же вкладке выберите пункт Release Guides (Alt + Ctrl + 5).
Создаем боке «Bokeh» в векторе
Боке — популярная техника, которая часто используется фотографами для получения интересных фоновых изображений и визуального выделения главного объекта съемки. Но так как растр нас не интересует, сегодня мы узнаем как создать боке в Adobe Illustrator — в векторе.
1. Сначала создаем прямоугольник и заливаем его радиальным градиентом от черного к оранжевому.
2. Чтобы изменить отображение градиента нам нужно добавить на него градиентную сетку. На вкладке Object выбираем пункт Rasterize и после этого пункт Create Gradient Mesh. В появившемся окне задаем необходимое количество сегментов сетки. Подробнее о работе с градиентной сеткой можете прочитать в статье Абстрактный фон из градиентного мэша
3. Чтобы продолжить оранжевый цвет по диагонали инструментом Direct Selection Tool выделяем необходимые точки и заливаем их оранжевым. В результате этого оранжевый цвет проходит по диагонали изображения от левого нижнего к правому верхнему углу.
4. Инструментом Elipse Tool создаем круг и заливаем его линейным градиентом от оранжевого к желтому. На панели Transparency выставляем показатель Opacity на 50 и режим смешивания на Hard Light. Перетаскиваем получившийся круг на панель Symbols, тем самым создавая новый символ. Удаляем фигуру символа с рабочей области.
5. Берем инструмент Symbol Sprayer Tool, выбираем созданный символ и наносим его на изображение, зажав левую клавишу мыши.
6. Создаем еще несколько новых символов разного цвета, размера, режима наложения и непрозрачности. Наносим их на изображение.
Результат.
Играем горячим шоколадом
В сеодняшнем уроке будем учиться как создать горячий шоколад в Adobe Illustrator. Для создания такого изображения нам понадобиться несколько простых эффектов Adobe Illustrator. Техника пригодится при создании любой другой жидкости.
1. Создаем новый документ и чертим линию, цвет контура которой — RGB (158 , 75 , 0).
2. При выделенной линии на вкладке Effect > Distort & Transform выбираем пункт Zig Zag и в открывшемся окне вводим следующие показатели:
Преобразуем получившуюся фигуру в вектор.
3. Далее при выделенной линии на вкладке Object > Envelope Distort выбираем пункт Make with Warp и в открывшемся окне вводим следующие показатели:
Преобразуем получившуюся фигуру в вектор. Подробней об этом можно прочитать в статье Как преобразовать растр в вектор.
4. Берем инструмент Pen Tool и дорисовываем подъем линии как на рисунке ниже:
5. При веделенной линии на вкладке Effect > 3D выбираем пункт Revolve и в открывшемся окне вводим параматры как показано на рисунке ниже:
Результат.
Создаем текстуру металла с эффектом корозии
В этом уроке будем учиться как создать текстуру металла с эффектом ржавчины. Тестуру будем накладывать на текст. В процессе работы мы будем использовать эффекты Sponge, Roughen, Transform Each, панели Transparency и Appearance.
1. Создаем новый документ и набираем текст любым шрифтом. В моем случае это Orbitron.
2. Преобразум текст в кривые и заливаем его линейным градиентом. Цвета: черный и оттенок коричневого (110, 96, 33).
3. Копируем текст (Ctrl + C) и вставляем сверху (Ctrl + F). Заливаем его белым цветом и на вкладке Effect > Stylize выбираем пункт Scribble. В открывшемся окне вводим параметры, показанные на изображении ниже. На панели Transparency выставляем параметр непрозрачности на 50.
4. Создаем еще одну копию текста сверху применяем к ней эффект Scribble с параметрами показанными ниже. Непрозрачность = 25.
5. Создаем копию текста сверху и заливаем ее светло-коричневым цветом (117, 76, 36).
6. При выделенной верхней копии текста на вкладке Object > Path выбираем пункт Offset Path и в открывшемся меню вводим необходимые параметры.
7. Далее на вкладке Effect > Distort & Transform выбираем пункт Roughen и в открывшемся окне вводим параметры, как показано на рисунке ниже. Благодаря этому мы создаем фугуру хаотичной формы, которая будет имитировать корозию на металле.
8. Получившейся фигуре на панели Transparency выставляем режим наложения Overlay.
9. Для того, чтобы придать корозии более реалистичный вид при выделенной фигуре на вкладке Effect > Texture выбираем пункт Craquelure и в открывшемся окне вводим следующие параметры:
10. Текст готов и мы можем заняться фоном. Создаем прямоугольник размером на всю рабочую область. Заливаем его радиальным градиентом от черного к светло-коричневому.
Для создания текстуры нам понадобится создать копию фонового изображения и залить ее светло-серым цветом. При выделенной фигуре на вкладке Effect > Artistic выбираем пункт Sponge и в открывшемся окне вводим следующие параметры эффекта.
11. Преобразуем фигуру, созданную в предидущем шаге в вектор. Подробней об этом можете прочитать в статье Как преобразовать растр в вектор.
В результате преобразовывания мы получили группу объектов различной формы. Разгруппировываем их и на вкладке Object > Transform выбираем пункт Transform Each. В открывшемся окне вводим следующие параметры. Получившейся тектсуре устанавливаем показатель непрозрачности и режим наложения Screen.
12. Результат.
Создаем почтовый конверт
В этом уроке займемся созданием почтового конверта без использования сложных эффектов. Нам понадобятся простые фигуры и неколько простых функций, которые предлагает Adobe Illustrator. Будем использовать инструмент Line Segment Tool, Shear Tool, Transform ZigZag. Поработаем с контуром.
1. Создаем новый документ и с помощью инструмента Rectangle Tool рисуем прямоугольник размером 400 на 200 пикселей.
2. Берем инструмент Line Segment Tool и создаем линию внутри конверта.
3. Панели Stroke задаем линии толщину (10pt) и ставим галочку в пункте Dashed Line. Благодаря этому будет создана прерывистая линия (2pt).
4. Выделяем созданную линию и на вкладке Object выбираем пункт Expand, тем самым преобразовывая ее в кривые. Двойным щелчком мыши на инструменте Shear Tool вызываем параметры этого инструмента. В появившемся окне указываем угол наклона.
5. Копируем получившуюся прерывистую линию по всем сторонам конверта и удаляем лишние элементы с помощью инструмента Direct selection Tool.
6. На этом шаге создадим штамп почтового сервиса, например, почта России. Берем инструмент Elipse Tool и создаем два круга как показано на рисунке ниже. Для того чтобы добавить текст берем инструмент Type On A Path Tool и подносим курсор к контуру внутреннего круга. Делаем щелчок мыши и набираем текст. Применяем к получившимся фигурам кисть — Artistic_ChalkCharCoalPaintbrush.
7. Берем инструмент Pen Tool и создаем изгибистую линию. Зажав клавишу Alt перетаскиваем ее вниз, тем самым создавая ее копию. Жмем Ctrl + D чтобы создать необходимое количество копий линии. Применяем к ним кисть из преидущего шага.
8. Теперь займемся маркой. Создаем два прямоугольника. Выделяем внешний и на панели Effect > Distort & Transform выбираем пункт Zig Zag. В появившемся окне выставляем параметры изкажения как показано на рисунке ниже.
9. Добавляем цвет созданным фигурам и распологаем их в нужных местах.
Создаем брендовый подарочный пакет
В этом уроке будем создавать дизайнерский или брендовый подарочный пакет. Для того, чтобы нарисовать брендовый пакет будем использовать простые фигуры и стандартные текстуры, которые предлагает Adobe Illustrator.
1. Создаем 4 простые фигуры и заливаем их линейным градиентом.
2. Копируем одну из передних сторон (Ctrl + C) и вставляем 2 копии сверху (Ctrl + F). Одну из копий сдвигаем вниз. Для наглядности я их залил разным цветом. Выделяем обе копии и на панели Pathfinder жмем кнопку Minus Front.
3. Проделываем те же действия со второй передней стороной.
4. Добавляем уголки изгиба и убираем контур.
5. Открываем палитру текстур. Для этого на панели Swatches открываем закладку Libraries > Patterns > Decorative и выбираем пункт Decorative Modern.
6. Копируем каждую фигуру передней части пакета (Ctrl + C) и вставляем сверху. Выделяем каждую по очереди, применяем к ней текстуру и выставляем показатель непрозрачности на 15.
7. Для того. чтобы создать отверстия для ручек пакета берем инструмент Elipse Tool и создаем овалы как показано на рисунке ниже. Заливаем их цветов или градиентом. Для блика создаем отдельную фигуру инструментом Pen Tool и заливаем его булым цветом.
8. Копируем получившееся отверстие и распологаем обе фигуры на пакете.
9. Берем инструмент Pen Tool и рисуем фигуру ручки пакета и заливаем ее линейным градиентом.
10. Также рисуем тень для ручки пакета и выставляем показатель непрозрачности. Переносим фигуру тени под фигуру ручки пакета.
11. Рисуем тень, которая падает от пакета.
12. Для того, чтобы создать этикетку создаем три фигуры: 2 круга и прямоугольник, как показано на рисунке ниже. Для нагрлядности я их залил разным цветом. Выделяем зеленый круг и голубой прямоугольник и жмем кнопку Unite на панели Pathfinder.
13. Выделяем красный круг и получившуюся в предидущем шаге фигуру. Щелчком правой клавиши мыши вызываем контекстное меню, в котором выбираем пункт Make Compound Path.
14. Этикетка почти готова и остается только добавить на нее декора. Для этого выделяем фигуру этикетки и на закладке Object > Path выбираем пункт Offset Path. В открывшемся окне вводим параметры, показанные на рисунке ниже. В результате этого была создана копия этикетки с меньшими размерами. Добавляем ей текстуру и выставляем показатель непрозрачности.
15. Переносим этикетку в то место, где хотим ее видеть. Берем инструмент Brush и рисуем веревочку, которая будет держать этикетку. Если вы рисуете для микростоков, то не забудьте преобразовать элементы созданные кистью в кривые. Подробнее об этом можете узнать в статье Как преобразовать растр в вектор.
Резельтат
br /