Архив рубрики: Уроки

День 11. Кисти в Иллюстраторе (Adobe Illustrator) часть 2.

Виды кистей в Иллюстраторе (Adobe Illustrator).

Каллиграфические кисти, в том числе новая кисть для cs4 Кисть-Клякса. Помогают создать имитацию рисования пером, поддерживают нажим на графическом планшете.

Дискретная кисть, распределяет готовые объекты (например, ромашка) вдоль пути кисти.

Объектная кисть. Берется или создается форма кисти (пример, лепестки подсолнуха), которая растягивается вдоль всего контура.

Узорчатые кисти. Создается элемент узора, который равномерно копируется вдоль всего пути кисти. Всего может быть 5 элементов: для сторон, внутреннего угла, внешнего угла, начала и конца узора.

виды кистей в иллюстраторе

Палитра Кисти в Иллюстраторе.

Создание копии кисти – для этого нужно перетащить кисть на кнопку Новая кисть

Редактировать настройки кисти можно щелкнув 2 раза по кисти в палитре Кисти.

В библиотеке кистей вы можете найти множество кистей для имитации акварели, создания рамочек и т. д.

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

Создание своей кисти.

  1. Рисуем объект, который затем станет кистью, и перетаскиваем его на палитру кисти.
  2. Открывается диалоговое окно выбора кисти.
  3. Выбираем, какую кисть хотим создать, настраиваем ее параметры.

создание кисти в иллюстраторе

Для создания каллиграфической кисти не нужно создавать никаких объектов, достаточно щелкнуть по кнопке Новая кисть на палитре Кисти.

Создание узорчатой кисти.

  1. Рисуются части кисти.
  2. Помещаются в палитру Образцы.
  3. Выбираем команду Новая кисть на палитре кистей.
  4. Создать узорчатую кисть.
  5. В Кнопки мозаики помещаем образцы из поля ниже. создание узорчатой кисти

Нельзя создать кисти

  1. из градиентов, но можно вместо градиентов использовать переходы цвета.
  2. из объектов, залитых узором (бесшовной заливкой).
  3. объектов залитых Сетчатым градиентом (стечатой заливкой, мешем, mesh)

Рисовать кистями можно 3 способами:

  1. Работаем сразу инструментом Кисть Рисуем сначала контур Карандашом, Пером.
  2. Выделяем нарисованный объект. Щелкаем по образцу кисти в палитре Кисти.
  3. Перетащите кисть на созданный контур. Цвет кисти будет зависеть от цвета, который задан на панели инструментов для окраски контура. Но мы можем его менять еще и в настройках кисти (см ниже). Изменить форму мазка можно инструментом Прямое выделение.

Для подготовки мазков кисти к печати или на стоки вы должны превратить мазок кисти в обычный векторный объект, который можно будет редактировать как любые кривые Безье. Меню Объект — Разобрать оформление.

параметры инструмента Кисть

Параметры инструмента Кисть.

Открывается при двойном щелчке на панели инструментов на кнопке Кисть.

  1. Точность. Определяет, на какое расстояние можно переместить курсор или перо прежде, чем Illustrator добавит к контуру следующую опорную точку. Чем выше значение, тем более гладким и менее сложным будет контур.
  2. Сглаживание. Степень сглаживания контура при рисовании. Изменяется от 0 до 100%. Выполнять заливку новых мазков кистью. Заливает нарисованный контур.
  3. Сохранять выделенным. Если галочка стоит, то контур останется выделенным после того как вы закончите его рисовать.
  4. Зона редактирования выделенных контуров. Определяет, допускается ли изменение существующего контура с помощью инструмента Кисть.
  5. В пределах: _ пикселов. Показывает, насколько близко должен находиться курсор или перо к существующему контуру, чтобы можно было изменять контур с помощью инструмента Кисть. Параметр доступен, если выбран параметр Зона редактирования выделенных контуров

Настройки кистей.

параметры калиграфической кисти в иллюстраторе

Параметры каллиграфической кисти.

  1. Угол — угол поворота кисти.
  2. Округлость показывает круглая или сплющенная будет кисть.
  3. Диаметр – размер кисти.

настройка каллиграфической кисти

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

  1. Фиксированная. Параметры кисти не меняются в процессе рисования.
  2. Случайно. Параметры изменяются в случайном порядке.
  3. В поле Варианты указывается диапазон колебаний настроек (+, — 3, например).
  4. Нажим, изменение настроек зависит от нажима планшетного пера (полная имитация рисования кистью на бумаге)
  5. Копировальное колесико работает с пером аэрограф
  6. Наклон. Настройки кисти зависят от наклона планшетного пера.
  7. Месторасположение. Настройки кисти зависят от направления наклона планшетного пера (есть не у всех планшетов).
  8. Поворот. Настройки кисти зависят от поворота планшетного пера.

настройки цвета для кистей в иллюстраторе

Настройки окраски для дискретной, объектной и узорчатой кистей.

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

метод окраски кисти

  1. Без окраски. Цвет мазка не меняется.
  2. Полутона. Мазок окрашивается в оттенки цвета. Черные цвета в цвет обводки на палитре инструментов, более светлые цвета — в оттенки цвета обводки на палитре инструментов.
  3. Полутона и тени. Черный и белый цвета остаются неизменными. Остальные цвета приобретают оттенки цвета обводки на палитре инструментов.
  4. Сдвиг цветового тона. Меняется полностью цвет мазка кисти.

настройка дискретной кисти в иллюстраторе

Параметры дискретной кисти.

  1. Размер – размер объектов.
  2. Интервал – расстояние между объектами.
  3. Разброс – насколько близко объекты находятся к центральной линии мазки кисти (контуру).
  4. Поворот – угол поворота объектов.
  5. Поворот относительно – угол поворота относительно страницы или контура.

узорчатая кисть в иллюстраторе

Параметры узорчатой кисти.

  1. Масштаб изменяет размер элементов
  2. Интервал задает расстояние между элементами.
  3. Кнопки мозаики настраивают применение разных узоров к разным участкам контура
  4. Зеркальное отражение По длине или По ширине – отражает кисть.
  5. Настройка: Растянуть. Растягивает или укорачивает части кисти.Вставить пробелы. Вставляет пустое пространство между мазками.

    Сместить. Смещает части кисти внутрь или снаружи контура.

параметры Объектной кисти в иллюстраторе

Параметры объектной кисти.

  1. Ширина. Изменяет ширину рисунка относительно его исходной ширины.
  2. Сохранять пропорции. Сохраняет пропорции при рисовании.
  3. Направление. Определяет направление рисунка относительно движения кисти.
  4. Зеркальное отражение По длине или По ширине – отражает кисть.

Кисть-клякса, настройка и рисование.

Переводные уроки по работе с кистями на выбор:

Попугай

Имитация пера и туши

Уроки по кистям от Виктории Кошелевой

 

Базовый курс Иллюстратора. Список всех уроков.

Из чего состоит векторная иллюстрация?

1. Интерфейс.
2. Простые фигуры (примитивы) в Иллюстраторе (Adobe Illustrator)
3. Кривые Безье в Иллюстраторе (Adobe Illustrator).
4. Работа с цветом в Иллюстраторе (Adobe Illustrator). Заливки.
5. Палитра Обводка в Иллюстраторе (Adobe Illustrator). Кисти часть 1.
6. Палитра Обработка контуров в Иллюстраторе (Adobe Illustrator).
7. Живой цвет в Иллюстраторе (Adobe Illustrator). Карандаш. Слои.
8. Переходы цвета в Иллюстраторе (Adobe Illustrator).
Бонус Как эффективно учиться?   Чем отличается прозрачность и режим наложения?
9. Прозрачности в Иллюстраторе (Adobe Illustrator).
10. Цвет в Иллюстраторе (Adobe Illustrator). Пипетка. Где берем цвет для своих работ. Холодные и теплые цвета. Горячие клавиши работы с цветом в Иллюстраторе
11. Кисти в Иллюстраторе (Adobe Illustrator) часть 2.
12. Создание симметричных объектов в Иллюстраторе (Adobe Illustrator).
13. Наложение текстуры на объект в Иллюстраторе (Adobe Illustrator).
14. Обтравочные маски. Маски прозрачности (непрозрачная маска).
15. Рисование объемных объектов.
16. Имитация трехмерных объектов.
17. Символы.
18. Текст. Как сделать визитку?
19. Палитра Оформление и Атрибуты объектов в Иллюстраторе. Графические стили.
Майндмэппинг (mindmapping, ментальные карты,интеллект-карта, диаграмма связей) — это техника визуализации мышления. Используется для: упорядочивания информации, генерирования большого количества идей, отсеивания лишнего.
20. Диаграммы в Иллюстраторе (Adobe Illustrator).
21. Кисть-клякса

 

Из чего состоит векторная иллюстрация?

Векторная графика — это создание изображений с использованием математических формул.
Например, для описания (рисования) отрезка требуются координаты начала и конца отрезка, для описания круга требуется координаты точки центра и радиус. 

векторная графика, кривые Безье

Векторные изображения имеют небольшой размер файла (кроме случаев когда в векторной программе описывается фотография). Кривые позволяют делать четкий край у объектов (плакатная графика, логотипы, шрифты, чертежи и т.п.). Объекты можно свободно масштабировать не боясь потери качества изображения. Можно создавать и реалистичные изображения, но это требует некоторых навыков работы с программой и навыков рисования на бумаге (композиция, свет, тень, форма, работа с цветом и т.п.). Объем файла зависит от количества точек использованных в изображении и в меньшей степени от типа заливки (много памяти компьютера занимает заливка PostScript в CorelDAW).

Векторная иллюстрация может состоять из нескольких видов объектов.
1. Графические примитивы
2. Автофигуры (есть в CorelDAW)
3. Кривые Безье (в некоторых программах называются пути)
4. Текстовые объекты 
5. Растровые объекты
6. Символьные объекты (символы)
7. Групповые объекты (группы)
8. Комбинированные объекты
9. Трассированные объекты
10. Вспомогательные объекты (маски, направляющие, сетка)

векторная графика, геометрические примитивы

геометрические примититвы

 

автофигуры, вектор

автофигуры

В зависимости о какой программе идет речь – эти объекты будут иметь разные свойства. Например в CorelDAW графические примитивы и автофигуры имеют ограниченное редактирование (то есть не все команды к ним применяются), до тех пор пока их не конвертируют (преобразуют) в кривые. В Adobe Illustrator эти объекты сразу можно редактировать в полной мере. Любой объект состоит из точек (узлов) и сегментов их соединяющих. 

Объекты могут иметь свойства:
1. Заливка
2. Обводка (контур) 

Графический примитив — это простейший геометрический объект, например, эллипс, прямоугольник, многоугольник и т.п.

Автофигуры – объекты, форма которых задана заранее и отличается от геометрических примитивов, например, спираль, блок схема (CorelDAW), звезда, стрелка (CorelDAW), капля (CorelDAW), смайлик (CorelDAW) и т. п.

Кривая Безье – это линия, которая строится с помощью математических формул, разработанная математиком Пьером Безье (Bézier) 1962 году из компании «Рено» и Полем де Кастелье (de Casteljau) в 1959 году из компании «Ситроен», где кривые применялись для проектирования автомобилей. Подробнее и вдаваясь в математику про кривые Безье можно почитать в Википедии.

Кривые Безье состоят из точек (узлов) и сегментов (линий соединяющие точки). Узлы (точки) имеют направляющие линии, с помощью которых можно редактировать кривые. Точка или узел имеют две координаты x и y, определяющими положение точки в изображении.

 

кривые безье, векторная графика

Любая кривая имеет начальную точку и конечную точку – это может быть актуально, например, при рисовании стрелок.
Точки могут быть угловые и сглаженные (в кореле три вида точек, узлов: угловые и сглаженные, симметричные). Угловые точки находятся в углах кривой (например, ломаная линия), сглаженные точки находятся в местах плавных перегибов. Угловые точки не имеют направляющих, но если преобразовать их в сглаженные точки, то направляющие появится.

Направляющие линии всегда находятся по касательной к сегменту (то есть, ВСЕГДА прилегают к сегменту и если начать двигать направляющую, то сегмент будет передвигаться за ней) http://ru.wikipedia.org/wiki/Касательная_прямая к сегменту – это нужно учитывать при редактировании кривой Безье. Направляющих может быть 2 или 1. Одна направляющая есть только у начальной и конечной точки (узла) кривой.

Кривые можно редактировать за:
1. Точки (узлы)
2. Направляющие
3. Сегменты 

Свойства контура (обводки):
1. Толщина
2. Цвет
3. Тип линии (сплошная, двойная, пунктирная)
4. Тип начала и конца линии (свойства закругления концов линий) 
Контур может быть замкнутый и не замкнутый. В CorelDAW не замкнутый контур не заливается, то есть он имеет свойство заливки, но мы ее не видим. В Adobe Illustrator все зависит от настроек в программе (по умолчанию заливается).

Типы заливок:
1. Сплошная
2. Градиентная (в Кореле Фонтанная)
3. Узорная, шаблонная
4. Текстурная (CorelDAW)
5. PostScript (ПостСкрипт) заливка, основана на языке программирования ПостСкрипт (CorelDAW)
6. Меш заливка (заливка по сетке)

виды заливок векторных изображений

Операции с объектами:
1. Группировать
2. Комбинировать
3. Производить с ними логические операции (например, соединить 2 объекта в один или из одного объекта «вычесть» другой)

При группировке объекты можно вместе перемещать, трансформировать, масштабировать, задавать всем одинаковый цвет. НО свойства каждого объекта тем не менее остаются индивидуальны. И при разгруппировке объекты снова становятся сами по себе. Группировка, например, применяется если нарисован дом, с окнами, дверями и остальными объектами и вам нужно дом передвинуть или уменьшить, но что бы у каждого объекта (окно, стена) осталась своя заливка и обводка.
При комбинации объектов получается один объект с общими свойствами.
При работе с логическими операциями то же получается один объект формы отличной от начальной (например, вырезали дырку в круге).

Редакторы векторной графики:
1. Коммерческие

  • Adobe Illustrator
  • Adobe Freehand
  • CorelDraw
  • Xara Xtreme
  • Adobe Flash

2. Бесплатные

  • Inkscape 
  • Expression Design

Векторные форматы:

  1. CDR (CorelDraw)
  2. CMX (CorelDraw) 
  3. AI (Adobe Illustrator)
  4. EPS (Encapsulated PostScript)
  5. WMF (Метафайлы Windows)
  6. EMF (Метафайлы Windows)
  7. SVG (Scalable Vector Graphics)
  8. XAR (Xara Xtrem)

Где используются программы векторной графики?

  1. Полиграфия (визитки, буклеты, брошюры, конверты бланки и т. д.)
  2. Мультимедиа
  3. Графика и сайты для сети интернет (иконки, кнопки, иллюстрации)
  4. Создание шрифтов 
  5. Офисная графика (диаграммы в Adobe Illustrator, схемы)
  6. Создание фотореалистичных изображений
  7. Предпечатная подготовка (работа с цветом и PostScript, PDF)
  8. Наружная реклама

Adobe Illustrator — это стандарт векторной графики, благодаря разработкам специалистов компании Adobe языка PostScript, форматов PDF, EPS широко используемых в печати, веб дизайне, создании шрифтов.
Заметьте, я не утверждаю что CorelDraw или Inkscape хуже или лучше (все имеют свои плюсы и минусы), я говорю что Adobe Illustrator — это стандарт, почему — стандарт, я обосновала выше.

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

 

На главную 

День 2. Простые фигуры (примитивы) в Иллюстраторе (Adobe Illustrator)

ТЕМА: Учимся работать с простыми фигурами. Рисуем ель по уроку.

Домашнее задание.

  1. Видео часть 1. Работа с простыми фигурами.
  2. Видео часть 2. Рисуем ель.
  3. Нарисовать животное из простых фигур, используя полученные знания.

Домашнее задание экспортируем (Файл — Экспортировать) в формат JPEG,
цветовая модель RGB,
разрешение 72 или 150 px,
качество 10, 

выкладываем на сервис хранения картинок (яндекс картинки, радикал…) и
в комментариях пишем на него ссылку.

 

 

Горячие клавиши:

  • Shift — получается правильная геометрическая фигура (квадрат, круг)
  • alt — рисование объекта из центра

Для изменения настроек инструмента (например, так можно рисовать объект заданного размера или с заданным количеством сторон) необходимо 2 раза щелкнуть по иконке инструмента на панели инструментов.

 

 

Рисование снежинки в Иллюстраторе

В этом уроке вы научитесь рисовать снежинку в Иллюстраторе Adobe Illustrator, а также правильно применять команду Поворот. Узнаете как создать в Иллюстраторе Параллельный контур и нарисовать пунктирную линию.

Похожие уроки:
Подарить на Новый год открытку, сделанную своими руками — что может быть лучшим подарком? Часть 1. Часть 2.

Как нарисовать новогодний елочный шарик в Иллюстраторе (Adobe Illustrator).

 

На главную 

Статьи

Уроки 2d

Использование силуэта в дизайне и рисовании

Силуэт — ограниченное отображение чего-либо.

 

— вид и приём прикладной графической техники. История силуэта в России начинается во второй половине XVIII века. Французский художник Ф. Г. Сидо — один из первых силуэтистов в России. Он известен по созданной галерее портретов придворных Екатерины II. Новым словом в развитии искусства силуэта в России стали портреты, выполненные в первой половине ХХ века графом Ф. П. Толстым. Силуэт конца XIX века — первой половины XX века неразрывно связан с творчеством Е. С. Кругляковой и Н. Я. Симонович-Ефимовой. ( Википедия)

 Сидо, силуэт

 

В XVIII веке в эпоху рококо искусство силуэта начало получать распространение во Франции. Популярность получили портреты в стиле силуэта. Название силуэт искусство получило от имени министра Франции Этьена Силуетта (1709—1767), известного скупостью и узкими взглядами. Парижский мир презрительно называл силуэтами всё мелкое, дешевое и не престижное.

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

Среди профессиональных художников-силуэтистов XIX в. почетное место принадлежит Федору Петровичу Толстому (1783-1873). Скульптор, медальер, рисовальщик и живописец, он широко известен как автор медальонов с аллегорическими сценами на темы Отечественной войны 1812 г. и заграничных походов русской армии в 1813-1814 гг.

Небольшой альбом силуэтов работы Федора Толстого хранится в Эрмитаже.

Силуэт, Толстой

силуэт, федор толстой

Выцинанка, вытынанка, вырезанка…  Получила развитие в Белоруссии в XVI веке. Это вырезание силуэта из бумаги. Особенности выцинанки: симметричность и декоративность.

выцинанка, силуэт

Искусство силуэта сейчас широко развито в мире. Чаще всего это одноцветные бумажные работы.

силуэт, украинские художники Дмитро и Юлия

украинские художники Дмирто и Юлия

Вырезание из бумаги Джулен Харрисон, силуэт

Вырезание из бумаги Джулен Харрисон

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

силуэт

Тень далманитнца

силуэт

Волк тень от стула

С помощью силуэта зритель распознает форму. Мы не видим, что находится внутри формы, но при этом нам понятно, что происходит на изображении. Точно так же мы должны находить интересные силуэты в наших работах и показывать их зрителю. Посмотрите как на плакате снизу четко читается силуэт!

силуэт  силуэт

Интересный силуэт задает ритм, движение.

движение ритм в силуэте

Неудачный силуэтвнесет сумятицу в умы, человеку придется всматриваться в изображание что бы понять о чем оно?

силуэт в рисунке

В данном силуэте не понятно что изображено.

В хорошем силуэете мы быстро понимаем о чем идет речь.

силуэт

силуэт города

силуэт, тень

 

 

Как нарисовать новогодний елочный шарик в Иллюстраторе (Adobe Illustrator).

В этом видео уроке вы научитесь рисовать новогоднюю игрушку — елочный шарик  в программе Adobe Illustrator.

 

Похожие уроки:

Рисование снежинки в Иллюстраторе.

Подарить на Новый год открытку, сделанную своими руками — что может быть лучшим подарком? Часть 1. Часть 2.

 

Рисование открытки в Иллюстраторе (Adobe Illustrator)


Урок рисования простой новогодней открытки в иллюстраторе.Смотрите в видео формате. 2 части.

Как убрать в фотошопе белый фон перед трассировкой акварели? Часть 3.

Часть 1.

Часть 2.

Где-то в интернете я прочитала, что перед трассировкой в иллюстраторе народ убирает фон у акварели в photoshop  кисточкой. Просто фон закрашивает и аккуратно обводит по контуру объект. И начала делать так сама. Пока мне не понадобилось почистить акварельную морковь. А у нее ботва и много маленьких листочков. Тут поневоле задумаешься «а как упростить?». И я вспомнила, что вопрос удаления белого фона в фотошопе решается очень просто и быстро, нужно только мозг включать, а не тупо  следовать чужим советам.

акварельный помидор

Подготовка акварели к трассировке в иллюстраторе

Итак, алгоритм удаления белого фона в фотошопе. Читать далее