Рисуем алмаз правильной формы в Adobe Illustrator
Нарисовать алмаз в Adobe Illustrator довольно просто. Для этого нам нужно понять анатомию граней алмаза правильной формы и воспроизвести его в векторе. Как исходник я взял изображение алмаза, которое вы можете взять здесь. Его мы будем использовать как шаблон для создания векторного изображения в этом уроке.
Создаем новый документ в Adobe Illustrator (Ctrl + N). Чтобы импортировать изображение алмаза в наш документ, на вкладке File выбираем пункт Place и указываем на нужный файл. Блокируем его, установив замочек рядом с нужным слоем на панели Layers, либо нажимаем комбинацию клавиш Ctrl + 2.
Теперь берем инструмент Pen Tool (P) и начинаем создавать фигуру за фигурой. Старайтесь делать так, чтобы фигуры прилегали друг к другу и между ними не оставалось свободных мест, т.к. в последствии они будут заливаться цветом. Нам понадобится прорисовать фигуры, которые покроют половину изображения. Для наглядности я залил их разным цветом.
Далее берем инструмент Selection Tool (V), выделяем созданные фигуры и группируем их (Ctrl + G). Копируем (Ctrl + C) и вставляем сверху (Ctrl + F). Выделяем верхнюю копию и на верхней панели открываем закладку Transform.
Указываем точку, относительно которой будем производить трансформацию.
Открываем меню на панели Transform и выбираем пункт Flip Horizontal.
В результате этого мы отразили группу фигур относительно левого края по горизонтали.
Центральные области получились состоящими из двух фигур. Их нужно объединить. Для этого разгруппировываем фигуры, выделяем две центральные фигуры и на панели Pathfinder жмем кнопку Unite.
C фигурами в верхней части проделываем такую же операцию.
Работаем с цветом
Теперь мы можем заняться цветом. Выбираем одну из фигур, заливаем ее линейным градиентом и убираем контур.
Выделяем остальные фигуры и с помощью инструмента Eye Dropper Tool 
заливаем их аналогичным градиентом.
Выделяем каждую фигуру и изменяем угол наклона градиента пока не будет достигнут желаемый результат.
Теперь займемся Рундистом (центральной горизонтальной частью алмаза). Берем инструмент Rectangle Tool и создаем прямоугольник необходимой длинны и высоты.
Заливаем его градиентом и переносим в самый низ (Ctrl + Shift + [). Добавляем фон для нашего алмаза и блеск.
Светящаяся кнопка
Сегодня постараемся создать светящуюся кнопку для микростоков. Как вы уже знаете у микростоков строгие требования к векторным изображениям. Одно из них — это отсутствие растра в векторном файле, т.е. все элементы изображения должны быть векторными. Использование прозрачности с недавних пор стало допустимым, поэтому только его мы и будем использовать в этом уроке.
Фоновое изображение
Создаем новый документ (RGB) и прямоугольник размером на всю рабочую область. Заливаем его темно-серым цветом. Это будет фон, которому мы в последствии добавим градиент. Копируем его (Ctrl + C) и вставляем сверху (Ctrl + F). Выделяем нижний прямоугольник и добаляем ему радиальный градиент.
Добавим нашему фону шероховатости. Выделяем верхний прямоугольник и на вкладке Effect > Artistic выбираем пункт Film Grain. В открывшемся окне вводим следующие параметры эффекта:
В результате этого мы получили растровый объект и для микростоков он не годится. Его нужно преобразовать в вектор (кривые). Для этого при выбранной фигуре на вкладке Object выбираем пункт Expand Appearance. Далее открываем закладку рядом с кнопкой Live Trace и выбираем пункт Tracing Options. В открывшемся окне изменяем только следующие значения:
- Path Fitting: 1px
- Minimum Area: 1px
- Corner Angle: 1
- Ставим галочку в поле Ignore White
После этого жмем кнопку Expand и на панели Transparency меняем показатель непрозрачности на 15.
Фон готов и для того, чтобы он нам не мешал можно его заблокировать. Для этого на панели Layers поставьте замочек рядом с ним или нажмите Ctrl + 2.
Создаем кнопку
Берем инструмент Elipse Tool и создаем круг без контура размером 60 на 60 пикселей. Копируем его и вставляем сверху.
Выделяем верхнюю копию. Добавляем ей внешний (снаружи) контур голубого цвета толщиной 7 пикселей и убираем заливку.
На вкладке Object выбираем пункт Expand Appearance. В результате этого у нас получились две фигуры: основа кнопки и кольцо вокруг нее голубого цвета.
Основа
Выделяем основу кнопки, копируем ее и вставляем сверху. Нижней фигуре добавляем радиальный градиент. К верхней фигуре применим эффект Film Grain, который мы уже применяли, работая с фоном, поставим показатель непрозрачности равный 10 и режим наложения Multiply.
Светящийся элемент
Для создания светящегося элемента мы будем использовать голубое кольцо(контур), которое мы создали ранее.
Выделяем его и на вкладке Object > Path выбираем пункт Offset Path. В открывшемся окне вводим следующие параметры:
Получившуюся фигуру заливаем более светлым голубым цветом. Проделывая те же операции, создаем еще одно кольцо и заливаем его белым цветом.
Выделяем два верхних кольца и смешиваем их с помощью Blend. Для этого на вкладке Object > Blend выбираем пункт Make или жмем Ctrl + Alt + B.
Берем инструмент Elipse Tool и создаем круг размером 80 на 80 пикселей. Заливаем его радиальным градиентом, один из показателей которого прозрачный, а второй голубого цвета.
Перемещаем этот круг под все элементы кнопки. Этот круг будет использоваться как внещнее свечение.
Если вам нужен другой цвет, скопируйте созданную кнопку, выберите необходимые элементы, измените их цвет.
Создаем затмение
В этом уроке мы будем рисовать затмение в Adobe Illustrator CS5. Интересный эффект света на фоне темной планеты. В работе мы будем использовать технику, которая может пригодится при создании иллюстраций для микростоков.
Создаем прямоугольник на всю рабочую область и заливаем его черным цветом. Берем инструмент Elipse Tool и создаем круг размером 100 на 100 пикселей. Копируем его (Ctrl + C) и вставляем снизу (Ctrl + B). Выделяем нижнюю копию и удерживая клавишу Alt, растягиваем его по вертикали. Заливаем его цветом фона (черным).
Теперь выделяем оба круга и применяем к ним бленд, нажатием комбинации клавиш Ctrl + Alt + B, либо на вкладке Object > Blend выбираем пункт Make. Двойным щелчком мыши на инструменте Blend Tool вызываем окно параметров бленда, в котором из выпадающего меню выбираем пункт Specified Steps (пошаговый бленд) и задаем количество шагов для перехода цвета (15). На панели Transparency изменяем режим наложения на Screen.
Далее создаем еще один круг размером 100 на 100 пикселей и заливаем его радиальным градиентом от черного к белому. Это будет планета затмевающая свет.
Теперь берем инструмент Rectangle Tool, создаем прямоугольник и заливаем его линейным градиентом от черного к прозрачному(Opacity = 0). Перемещаем этот прямоугольник под ранее созданный бленд.
Создаем еще две копии этого прямоугольника. Размещаем два прямоугольника по краям, а третий по центру планеты.
Теперь выделяем все три прямоугольника и применяем к ним пошаговый бленд.
На вкладке Objects выбираем пункт Expand. Разгруппировываем получившиеся фигуры и на панели Transparency применяем к ним режим наложения — Screen.
Сияние сверху готово и нам нужно создать такое же снизу для симетрии. Для этого выделняем верхние прямоугольники. Берем инструмент Rotate Tool и зажав клавишу Alt делаем щелчок в центре планеты. Этим действием мы задаем точку, вокруг которой будем вращать выделенные фигуры.
В открывшемся окне выставляем радиус вращения (180) и жмем Copy. В результате этого будет создана копия выделенных прямоугольников повернутая на 180 градусов вокруг центра планеты.
Овальное сияние на фоне планеты имеет отчетливый контур и нам нужно его убрать. Берем инструмент Direct Selection Tool и выделив внешний контур сияния, на панели Transparency показатель непрозрачности выставляем на 0, тем самым делая его невидимым.
Остается только заняться фоном. Выделяем фоновую фигуру и заливаем ее радиальным градиентом от черного к серому.
Затмение готово.
Шьем по тексту
Cегодня рассмотрим метод создания текста с прерывистым контуром. Такой эффект напоминает нить, которой прошили каждую букву.
Создаем новый документ и набираем текст любым шрифтом.
На панели Appearance жмем кнопку Create New Stroke. Благодаря этому создается новый контур.
Даем цвет и толщину контуру.
Чтобы сделать контур прерывистым открываем меню редактирования контура и ставим галочку в окошке Dashed Line. После этого открывается возможность выставить длину штрихов и пробелов между ними. Dash — это штрих, Gap — это пробел.
Добавляем фон.
Раскрашиваем звезду с помощью Live Paint Bucket
В этом уроке мы будем использовать инструмент Live Paint Bucket для раскрашивания звезды. Урок простой и будет полезен для понимания работы с инструментом Live Paint Bucket.
Берем инструмент Star Tool и на рабочей области создаем фигуру звезды. В моем случае она имеет пять лучей. Теперь с помошью Пера (p) рисуем 5 лучей проходящих через центр звезды.
Инструментом Selection Tool (v) выделяем звезду и пять линий, которые мы создали и берем инструмент Live Paint Bucket.
Выбираем необходимый цвет и заливаем области изображения необходимым цветом.
Далее изменяем цвет и заливаем оставшиеся детали.
Создаем эффект битого стекла
Эффект разбитого стекла часто используется при создании логотипов, банеров, фоновых изображений и т.д. Сегодня мы рассмотрим простую технику для создания этого эффекта.
Создаем новый документ и набираем необходимый текст любым шрифтом.
Как мы уже знаем текст в Adobe Illustrator не является векторным изображением и нам нужно преобразовать его в кривые. Для этого при выделенном тексте на вкладке Object выбираем пункт Expand.
Для большей наглядности я добавил контур из залил фигуры цветом.
Берем инструмент Pen Tool (p) и рисуем треугольники поверх текста.
Теперь выделяем один из треугольников и на кладке Object > Path выбираем пункт Devide objects below. Благодаря этому все объекты, которые находятся под треугольником были разрезаны по его контуру.
Повторяем эту операцию с каждым треугольником.
Текст разрезан. Разгруппировываем его. Берем инструмент инструмент Direc Selection Tool и увеличиваем линии раскола. Добавляем фон.
Создаем диско шар
На первый взгляд, создать диско шар в Adobe Illustrator со всеми этими мелкими деталями кажется трудоемким заданием. На самом деле техника, с помощью которой мы сегодня будем создавать диско шар, не затрагивает использование сложных эффектов. Любой желающий сможет научиться создавать такие иллюстрации за очень короткий срок. Поэтому перейдем сразу к делу.
Создаем новый символ
В реальности диско шар представляет собой сферу, на поверхности которой находится множество кусочков зеркала (в нашем случае — квадратной формы). Именно их созданием мы сейчас и займемся.
Берем инструмент Rectangle Tool и создаем прямоугольник размером 400 на 200 px. Заливаем его любым цветом.
При выделенном прямоугольнике на вкладке Object выбираем пункт Rasterize. Этим действием мы преобразовали его в растровое изображение. Снова открываем Object и выбираем пункт Create Object Mosaic. В открывшемся окне изменяем только параметры Tile Spacing и Number of Tiles и жмем ОК:
Удаляем фоновое изображение.
Теперь выделяем всю группу мелких квадратиков и перетаскиваем ее на панель Symbols, тем самым создавая новый символ. В открывшемся окне изменяем параметр Type на Graphic и жмем ОК.
Мы создали новый символ, который будет использоваться позже. Группу квадратиков на рабочей области можем удалить. Она нам больше не понадобится.
Основа шара
Символ готов и мы можем перейти к созданию основы шара. Для этого инструментом Elipse Tool создаем фигуру круга размером 200 на 200 px. Берем инструмент Direct Selection Tool и удаляем точку с левой стороны.
Выделяем получившуюся фигуру и на вкладке Effects > 3D выбираем пункт Revolve.
В открывшемся окне изменяем параметр Surface на No Shading. Жмем на кнопку Map Art и в следующем окне на закладке Symbol выбираем символ, который мы создали ранее. Для того, чтобы растянуть символ на всю фигуру шара жмем кнопку Scale to Fit.
При выделенной фигуре открываем Object и выбираем пункт Expand. Теперь необходимо разгруппировать фигуры (Shift + Ctrl + G) и удалить лишние.
Работаем с цветом
Разгруппировываем шар и берем инструмент Selection Tool. Из общего количества квадратиков нам нужно создать несколько групп, которые будут заливаться цветом. Благодаря этому мы придадим шару объем.
Для наглядности я залил разным цветом каждую группу квадратиков.
Теперь каждой группе даем градиентную заливку. В моем случае это — серые тона. Изменяйте угол наклона градиента для того, чтобы группы отличались.
Для фона создаем еще одну фигуру круга размером 200 на 200 px. Переносим этот круг в самый них и заливаем радиальным градиентом.
Добавим немного блеска. Создаем фигуру круга и заливаем ее радиальным белым градиентом. Правому показателю градиента задаем параметр Opacity (непрозрачность) на 0.
Получившийся блеск переносим на самые светлые квадратики.
Для того, чтобы добавить отблески света рисуем произвольную фигуру. Заливаем ее линейным градиентом. Одному показателю градиента показатель Opacity выставляем на 0.
Добавляем фон и можно идти танцевать.
Текст в виде газона
Сегодня разберем как создать текст в виде газона. В этом уроке будем использовать простую технику с использованием эффектов Adobe Illustrator. На создание эффекта потребуется около 30-ти минут.
Создаем новый документ и пишем необходимый текст инструментом Type Tool. Шрифт выбирайте на свой вкус.
При выделенном тексте на вкладке Object выбираем пункт Expand Appearance. Копируем текст (Ctrl + C) и вставляем сзади (Ctrl + B). Нижнюю копию блокируем, так как пока она нам не будет нужна.
Выделяем верхнюю копию и на вкладке Effects > Sketch выбираем пункт Note Paper. Выставляем следующие параметры эффекта:
Далее при выделенной фигуре открываем Object > Expand Appearance.
Радом с кнопокой Trace открывем закладку и выбираем пункт Tracing options. Изменяем следующие параметры:
- Mode:Gryscale
- Max colors:11
- Minimum area: 2px
Жмем кнопку Expand на верхней панели. Этими действиями мы преобразовали растровое изображение в кривые (вектор).
Теперь нам нужно удалить темные области с получившихся букв. Если таких областей получилось много, выделите одну и на вкладке Select > Same выберите пункт Fill & Stroke. После этого удалите их.
Далее выделяем все фигуры и заливаем их линейным градиентом от светло-зеленого к темно-зеленому. Выделяя каждую букву по отдельности и меняя угол градиента, можно достичь более естественного вида.
Теперь самое интересное. Будем превращать буквы в газон. Выделяем фигуры и на вкладке Effect > Distort & Transform выбираем пункт Pucker&Bloat. Параметр выставляйте на свое усмотрение. В моем случае это 170.
Трава готова, займемся землей. Разблокируем нижнюю фигуру, которую мы создавали ранее. Открываем Object > Expand Appearance. Заливаем ее темно-коричневым цветом. Для того, чтобы размыть края на вкладке Effect > Stylize выбираем пункт Feather. Выставляем радиус размытия. Готово!
Создаем эффект дыма
В этом уроке мы рассмотрим как создать эффект дыма в Adobe Illustrator, который в дальнейшем можно будет применить к тексту и не только. Данная техника проста и включает в себя использование функции Distortion. Я буду использовать версию CS5.
Создаем новый документ в режиме CMYK для печати размером А3. Далее создаем прямоугольник черного цвета на всю рабочую область.
Берем инструмент перо (Pen Tool) и чертим вертикальную линию без заливки. Цвет контура — белый. Толщина линии 0,05 мм. Измерение в миллиметрах можно задать, вызвав меню общих настроек комбинацией клавиш Ctrl + K.
Теперь на нужно скопировать получившуюся линию по горизонтали. Для этого при выделенной линии жмем Enter и в открывшемся меню (Move) выставляем следующие параметры и жмем Copy:
- Horizontal: 0,05 мм
- Vertical: 0
В результате этого была создана одна копия линии справа от оригинала на расстоянии 0,05 мм. Для того, чтобы повторить данную операцию и создать необходимое количество копий с теми же параметрами, зажимаем Ctrl + D секунд на 20.
Выделяем все линии и на панели Transparency меняем режим наложения на Screen, показатель непрозрачности на 8. Группируем линии (Ctrl + G).
Берем перо (p) и поверх группы линий рисуем приблизительно такую фигуру:
Теперь на вкладке Object выбираем пункт Envelope Distort > Envelope Options. В открывшемся окне выставляем показатель Fidelity на 100.
Выделяем верхнюю фигуру и группу линий и на вкладке Object выбираем пункт Envelope Distort > Make With Top Object.
Дым готов. Теперь берем инструмет Selection Tool (v) и переносим образец дыма на панель Brushes. В открывшемся окне выбираем Art Brush и жмем ОК.
Вводим имя новой кисти. Выставляем ее направление и метод окрашивания: Tints and Shades.
Кисть готова. Теперь взяв инструмент Brush и выбрав нашу кисть, можно создавать интересные «дымовые» узоры. А также применять эффект к тексту.
Пишем мелом на доске
В этом уроке мы будем создавать эффект текста, написанного мелом на школьной доске. Для этого будем использовать простую технику с использованием градиента, кистей и текстуры. Я буду работать в Adobe Illustrator CS5, но подойдёт и предыдущая версия CS4, т.к. именно с этими версиями совместима текстура, которую мы будем использовать.
Шаг первый
С помошью инструмента Rectangle Tool (m) создаем прямоугольник. Это будет доска, на которой мы будем писать мелом.
Шаг второй
Заливаем прямоугольник радиальным градиентом от светло-зеленого к темно-зеленому. Основа готова.
Шаг третий
На этом шаге нам понадобится текстура, которую можно скачать здесь. Распакуйте архив, откройте файл и скопируйте текстуру поверх нашего прямоугольника. После этого измените цвет текстуры на белый, режим наложения на Overlay и показатель Transparency на 10.
Шаг пятый
Мы почти закончили создавать доску. Осталось только добавить ей немного естественной потертости. Для этого создадим кисть (Illustrator CS5) со следующими параметрами:
- Type = Round Fan
- Size = 10 mm
- Bristle Length = 150
- Bristle Density = 75
- Bristle Thickness = 50
- Paint Opacity = 15
- Stiffness = 100
После этого берем инструмент Paintbrush Tool (b) и наносим хаотичные мазки.
Шаг шестой
Доска готова и теперь мы можем на ней писать. Набираем необходимый текст любым шрифтом. Убираем заливку и даем контуру белый цвет.
Далее из документа с текстурой копируем кисть в наш документ и пременяем её к тексту. Добавляем толщину контуру.
