Архив рубрики: Базовый курс Иллюстратора

Кисть-Клякса в Иллюстраторе (Adobe Illustrator)

Кисть-Клякса не совсем обычная кисть. кисть-клякса

При рисовании ею не создается векторный путь, а создается сразу готовый векторный объект с заливкой и без обводки, причем заливка будет такого цвета, который задан на палитре инструментов для обводки!

Вы можете задавать кисти до рисования не только цвет «заливки» (обводки), но и прозрачность. Эти параметры можно настроить в палитре Оформление.

Кисть реагирует на нажатие при работе с графическим планшетом.

кисть-клякса

Контуры будут объединяться в один объект, если находятся рядом (в примере на картинке 2 мазка кистью – один объект).

Редактируем Кисть-Кляксу по точкам контура инструментом Прямое выделение, инструментом Сглаживание, Ластиком и инструментом Деформация.

настройка кисти кляксы

Параметры кисти-Кляксы.

Сохранять выделенным. При рисовании все объекты объединяются и остаются выделенными. Если стоит эта галочка тогда становиться не активным параметр Объединить выделенные объекты.

Объединить выделенные объекты. При выделенном объекте кисть-Клякса объединяется с ним. Если объекта выделенного нет, то кисть-Клякса объединяется с любым близким объектом.

Отклонение изменяется от 0,5 до 20 пикселов. Чем выше значение, тем более гладкий контур получается у объекта.

Плавность изменяется от 0 до 100%. Чем выше значение, тем более сглаженный контур.

Размер – диаметр кисти.

Угол. Определяет угол поворота кисти. Естественно если отпечаток кисти круглый, то вы ничего не увидите, а вот если вы его сплющите в поле Скругление… Угол поворота можно менять еще в окне Редактора формы кисти.

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

Скругление показывает округлость кисти (круг, эллипс).

Хочется порекомендовать вам изучить урок Есаулова Ильи по рисованию этим инструментом, который называется Cоздание векторной иллюстрации с помощью планшета Wacom и Adobe Illustrator CS4

В результате урока получается вот такой замечательный слон.

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

 

Панель инструментов

панель инструментов в Иллюстраторе (Adobe Illustrator)

  • Если на иконке инструмента есть маленький черный треугольник внизу справа — это значит под данным инструментом прячется еще несколько, так называемые скрытые инструменты. Что бы увидеть их, нажмите на иконку инструмента и подержите левую кнопку мыши, откроется панель с этими инструментами.
  • Для того что бы посмотреть и настроить параметры инструмента нужно щелкнуть по нему 2 раза.
  • Если щелкать по инструменту на панели инструментов в программе Иллюстратор, удерживая Alt, то будет меняться инструмент под курсором мыши на другой инструмент из группы (прикольная фишка).
  • Вокруг активного инструмента будет подсвечена кнопка.
  • Перемещать панель можно за строку заголовка.
  • Скрыть/показать панель Инструменты — горячая клавиша Tab или меню Окно/Инструменты.

Вариант картинки с панелью инструментов программы Иллюстратор (Adobe Illustrator) готовый для печати можно скачать ниже. Само изображение взято их справки к Иллюстратору.

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

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

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. Кисть-клякса

 

День 13. Наложение текстуры на объект в Иллюстраторе (Adobe Illustrator).

Текстура всегда двумерная, плоская.

Фактура — объемная, трехмерная.

Текстура — это характеристика изображения поверхности предмета, а фактура — свойство поверхности самого предмета.

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

  1. ручками
  2. средствами Иллюстратора

наложение текстуры на объект в иллюстраторе
Текстура отрисованая вручную.

текстура в иллюстраторе
Текстура сделанная средствами  Иллюстратора. Читать далее

День 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. Зеркальное отражение По длине или По ширине – отражает кисть.

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

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

Попугай

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

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

 

День 5. Палитра Обводка в Иллюстраторе (Adobe Illustrator). Кисти часть 1.

Палитра Обводка.

Находиться в меню Окно. Позволяет редактировать обводку объекта.

Толщина обводки задается в пунтках (В странах СНГ 1 пункт = 0,3759 мм.)

Выравнивание обводки относительно контура/линии (то есть обводка может быть любой толщины, а контур он всегда тонкий). Виды выравнивания: Обводка по центу линии, Обводка внутри линии, Обводка снаружи линии. Выравнивание работает только для замкнутых объектов.

Изменение концов и стыков линии.

Срезанные концы  Создаются контур с обводкой с квадратными концами.

 

 

 

 

 

Скругленные концы  Создаются контур с обводкой с полукруглыми концами.Выступающие концы  Создаются контур с обводкой с квадратными концами, выступающими на половину ширины линии за крайнюю точку линии. Этот параметр обеспечивает одинаковую толщину обводки во всех направлениях относительно линии.Угловые стыки  Создаются контур с обводкой с острыми углами.
Скругленные стыки  Создаются контур с обводкой со скругленными углами.Скошенные стыки  Создаются контур с обводкой с квадратными углами.
Срез - это переключение между срезанным (остроугольным) стыком и скошенным (квадратным) стыком. Изменяется от 1 до 500. По умолчанию 4, при этом программа переключается со срезанного стыка на скошенный стык, когда длина точки в четыре раза превышает толщину обводки. Значение 1 для предела среза соответствует скошенному стыку.

 

 

 

 

 

 

Создание пунктирных линий. Для это выставляем галочку Пунктирная линия на палитре и выставляем числовые значения в полях Штрих и Зазор. Если линия единообразна по всей ее длине то достаточно выставить значения только в перых двух полях. Кроме того можно выставить разные Концы и Стыки линии, тогда можно сделать линию состоящую не только из квадратиков , но и из линий.

 

Домашнее задание 1 Солнышко:

  1. рисуем круг без заливки, но с обводкой
  2. делаем обоводку пунктирной
  3. и делаем ее оооочень толстой, должны получиться расходящиеся лучи
  4. ну и в серединку помещаем круг
  5. итог — солнышко

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

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

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

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

  • A — инструмент прямое выделение
  • G — инструмент градиент
  • Shift  - выделение нескольких объектов

Команды:

  • Объект - Разобрать    Позволяет разбирать сложные объекты на более простые ( в нашем случае это кисти).
  • Объект — Контур — Вычистить  Удаляет незамкнутые линии, точки, пустые текстовые объекты

Работать с одним  объектом из группы можно:

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

 

 

Итоги недели

 

 

 

 

ВОПРОС:

Когда я нажимаю копировать (когда угол выставляем), то у меня появляется одна семечка, а не несколько.

Для того что бы повторять последнюю трансформацию (поворот, например) есть команда меню Объект — трансформация — повторить трансформацию (ctrl+D), что я и делаю на видео.

День 8. Переходы цвета в Иллюстраторе (Adobe Illustrator).

Создание переходов

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

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

 рисование в иллюстраторе

Создать переход

  • Выберите инструмент "Переход" (W).
  • Щелкните в центре одного объетка и второго объекта.
  • После этого получается 1 объект с переходом

или

  • Выделить объекты, которые будут участвовать в переходе.
  • Меню Объект — Переход — Создать (Alt+Ctrl+B)

 

Разобрать переход

  • меню Объект - Разобрать    Позволяет разбирать сложные объекты на более простые ( в нашем случае это кисти).

 

палитра Переход в Иллюстраторе

Настройки Перехода

Метод. Определяет количество шагов в переходе.
Оптимальные цвета — программа сама подбирает количество шагов.
Заданное число шагов — вы определяете количество шагов.
Заданные интервалы - вы определяете величину интервалов между объектами.

Ориентация. Определяет ориентацию объектов.
Выровнять по странице Ориентирует переход перпендикулярно оси Х страницы.
Выровнять по контуру Ориентирует переход перпендикулярно к контуру.

 

Правила.

  • Нельзя сделать переход между объектами сетки.

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

  • При переходе между двумя объектами с узорчатой заливкой шаги перехода используют только заливку объекта верхнего слоя.

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

  • При переходе между объектами, имеющими разные атрибуты оформления (эффекты, заливки, штриховки), Illustrator пытается создать переходы параметров.

  • При переходе между двумя экземплярами одного символа шаги перехода будут экземплярами этого символа. Однако, если переход выполняется между двумя экземплярами разных символов, шаги перехода не будут являться экземплярами символа.

  • По умолчанию переходы создаются как группа частичной прозрачности, так что, если на любом из шагов будут присутствовать перекрывающиеся прозрачные объекты, эти объекты не должны быть видны один из-под другого. Можно изменить эту настройку, выбрав переход и сняв флажок "Маскировать в группе" в палитре "Прозрачность".

 Домашнее задание: скачать видео и сделать 3 урока на видео.

День 14. Обтравочные маски (клиппинг маск). Маски прозрачности (непрозрачная маска).

обтравочная маска в иллюстраторе

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

обтравочная маска в иллюстраторе
Маскировать можно и векторные и растровые изображения.

обтравочная маска с текстом в иллюстраторе
Назначенная обтравочная макса – это объект без заливки и контура.

Обтравочный контур – это объект, который используется в качестве маски.

Создать обтравочную маску:
Выбрать обтравочный контур и объекты или группы, которые предстоит маскировать и
нажать Объект  — Обтравочная маска  — Образовать

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

Редактировать обтравочную маску:
Объект – Обтравочная маска – Редактировать маску.
Можно

  1. Перемещать обтравочную маску инструментом Выделение
  2. Изменять форму обтравочного контура Прямым выделением
  3. Применять к обтравочному контуру заливку и контур

Дополнительные параметры находятся на контрольной панели (панель свойств)

редактировать содержимое обтравочного контура в иллюстраторе

Редактировать содержимое маски:
Выделять объекты в маске можно через палитру слои или инструментом Прямое выделение.
Дополнительные параметры находятся на контрольной панели (панель свойств).

Удалить обтравочную маску:  Объект  – Обтравочная маска – Отменить

 маски непрозрачности в иллюстраторе

Маски прозрачности (непрозрачная маска).

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

Создать маску прозрачности:

  1. Создаем фигуру
  2. заливаем ее градиентом черно-серо-белым
  3. выделяем фигуру и то что будет маскироваться
  4. Палитра Прозрачность — меню палитры — Создать непрозрачную маску.

Черный цвет — 100% непрозрачность.

Белый — 100% прозрачность.

Серый — полупрозрачность.

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

Для редактирования маски выделяем ее на палитре Прозрачность, а дальше редактируем. Для завершения редактирования выделяем тот объект, который спрятан под маской, там же на палитре Прозрачность.

редактировнаие содержимого маски прозрачности в иллюстраторе

 

Пример маски непрозрачности:

  1. Пишем текст
  2. Задаем ему обводку
  3. Рисуем под текстом градиент
  4. Применяем маску непрозрачности

пример маски непрозрачности в иллюстраторе

маска непрозрачности в иллюстраторе

 

ДОМАШНЕЕ ЗАДАНИЕ:

  1. найти интересный!!! контур (текст, птица, цветок…….), сделать его обтравочной маской для картинки.
  2. тоже самое сделать с маской прозрачности

Проявляйте фантазию!

День 10. Цвет в Иллюстраторе (Adobe Illustrator). Пипетка.

ТЕМА: Инструмент Пипетка. Где берем цвет для своих работ. Холодные и теплые цвета.

Горячие клавиши работы с цветом в Иллюстраторе (Adobe Illustrator):

X — поменять местами цвет заливки и обводки на панели инструментов

D — восстановить цвета по умолчанию ( белая заливка, черный контур)

Shift+X — поменять цвет заливки и обводки местами на объекте

I — выбор пипетки.

> — выбор режима градиентной заливки

< — выбор режима цветной заливки

/ (косая черта) — выбор режима без заливки

V —инструмент выделение

 

Пипетка (I) берет из объектов в качестве образца и применяет атрибуты цвета, текста и оформления, включая эффекты.

Для настройки свойств инструмента щелкните на нем на панели инструментов 2 раза.

У пипетки могут стоять выбор всех атрибутов объектов, если вы хотите выбрать только цвет не меняя атрибутов объектов, то в тот момент когда вы берете образец цвета удерживайте Shift.

Для того что бы выбрать цвет вне программы Иллюстратор, а, например, с рабочего стола возьмите инструмент пипетка, щелкните им на пустом месте и не отпуская клавишу мыши перетащите не выбранный цвет.

Выбор цвета из промежуточного цвета градиента Shift+ Пипетка.

Для применения выбранного цвета к невыделенным объектам, удерживайте Alt, при этом кончик пипетки окраситься в черный цвет.

 

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

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

День 9. Прозрачности в Иллюстраторе (Adobe Illustrator).

Бонус Как эффективно учиться?

 

Чем отличается прозрачность и режим наложения?

прозрачность в иллюстраторе

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

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

 

Палитра Прозрачность в Иллюстраторе (Adobe Illustrator).

 

Виды режимов наложения в Иллюстраторе (Adobe Illustrator).

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

  • Просмотреть и попробовать различные режими наложения на простых объектах
  • Сделать видео урок