Архив метки: illustrator

День 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), что я и делаю на видео.

День 3. Кривые Безье в Иллюстраторе (Adobe Illustrator).

ТЕМА:  Понимаем логику работы с кривыми Безье в Иллюстраторе (Adobe Illustrator). Учимся рисовать кривыми Безье круг, квадрат, ленту не применяя редактирования (используем только инструмент Перо).

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

  1. Скачать и просмотреть видео, проделать все то же самое. Сделать 5 квадратиков (кривыми Безье), 5 кружочков (кривыми Безье), 5 галочек (кривыми Безье), 5 ленточек цельных (кривыми Безье) и 1-3 ленты состоящих из нескольких кусочков (на видео всё есть!)
  2. Про кривые Безье читаем в статье Из чего состоит векторная иллюстрация?
  3. Найти косяк на последней ленте (задание на внимание и понимание как устроен окружающий мир)
  4. Для продвинутых Найти фотографию или свой рисунок, открыть ее в иллюстраторе и обрисовать ее контур. Залить контур черным цветом. Получиться силуэт. (Открываем фото методом перетаскивания или с помощью меню Файл — Открыть.  Что бы фотография случайно не сдвинулась, когда вы ее будете обрисовывать, её можно заблокировать ctrl+2, а затем снять блокировку ctrl+alt+2. Естественнно, фото сначала нужно выделить, а потом блокировать. А при нажатии ctrl+alt+2 автоматически разблокируются все объекты, то есть выделять ничего не нужно.

Силуэт – ограниченное контуром отображение чего-либо.
Ниже пример. Вопрос: что вы видите на картинке?

силуэт, ваза рубина

 

 

Примеры ДЗ

силуэт

 

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

 

День 16. Имитация трехмерных объектов.

В Иллюстраторе  (Adobe Illustrator) существует возможность делать имитацию трехмерных объектов. Это конечно не построение в перспективе от руки, но позволяет создавать довольно интересные вещи.
Можно создавать 3d объекты с помощью вытягивания и вращения.


Будьте внимательны!

Цвет объекта с эффектом будет зависеть от цвета объекта без эффекта.

меню Эффекты, создание трехмерных объектов
 
Для создания трехмерных объектов с помощью вытягивания в Иллюстраторе (Adobe Illustrator) есть команда Эффект — Объемное изображение — Вытягивание и скос.
Объекты вытягиваются вдоль оси Z.

параметры вытягивания в иллюстраторе 3д объектов

Для создания трехмерных объектов с помощью вращения в Иллюстраторе (Adobe Illustrator)  есть команда Эффект — Объемное изображение — Вращение.

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

Настройки диалоговых окон Вытягивания и Вращения.

  1. Позиция, определяет положение объекта.
  2. Вытягивание и скос, определяет  «глубину» объекта.
  3. Поверхность, позволяет выбрать имитацию материала, из которого состоит объект.
  4. Освещение – это настройки освещения объекта.
  5. Отображение, позволяет поместить на поверхность объекта рисунки.
     

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

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

  1. Рисуем текстуру или берем готовую
  2. Сохраняем ее в палитре Символы (методом перетаскивания). Я брала готовый символ в библиотеке символов (такая же кнопочка как и библиотеки кистей, но на палитре символов)
  3. Открываем диалоговое окно Проецирование
    проецирование в иллюстраторе
  4. Настраиваем текстуру. Текстуру можно перетаскивать и изменять в размерах.
  5. Поверхности запоминаются по цифрам.
  6. Та поверхность, с которой сейчас работаете подсвечивается на объекте, если включить галочку Предварительный просмотр.

 

 

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

Объекты с эффектами не используются в микростоковой иллюстрации и не идут на печать. Поэтому используем команду Объект — Разобрать оформление, Объект — Разгруппировать для подготовки к печати. Учтите, что у вас получиться куча мелких объектов.

 

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

Во второник будет теоретическая часть онлайн про методы креативного мышления в 22.30
 

День 20. Диаграммы в Иллюстраторе (Adobe Illustrator).

Диаграмма — это графическое изображение, наглядно демонстрирующее соотношение каких-либо величин. Представляет собой геометрическое символьное изображение информации с применением различных приёмов техники визуализации. (ru.wikipedia.org/wiki/Диаграмма)

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

Научимся же этому!

Для создания диаграммы есть инструмент Диаграмма.

интрумент диаграмма в иллюстраторе

Способы применения инструмента Диаграмма:

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

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

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

диаграммы в иллюстраторе

Применять изменения в диаграмме можно:

  1. нажимая ENTER на клавиатуре
  2. Ввод  в окне Данные диаграммы.

 

День 6. Палитра Обработка контуров в Иллюстраторе (Adobe Illustrator).

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

День 19. Палитра Оформление и Атрибуты объектов в Иллюстраторе. Графические стили.

Атрибуты оформления – это свойства, которые влияют на вид объекта, не изменяя его базовой структуры. К атрибутам оформления относятся заливки, обводки, прозрачность и эффекты. Если к объекту применить атрибут оформления и затем изменить или удалить этот атрибут, базовый объект и другие его атрибуты не изменятся.
атрибуты объектов в иллюстраторе
То есть, по сути, мы работаем с внешним видом объекта. Это нам дает определенную гибкость в работе (исходный объект не меняется, а часть свойств в палитре Оформление всегда можно выключить или удалить), но и накладывает определенные ограничения на редактирование формы готового объекта. Читать далее

День 7. Живой цвет в Иллюстраторе (Adobe Illustrator). Карандаш. Слои.

Карандаш в Иллюстраторе (Adobe Illustrator).
Рисует как обычный карандаш на бумаге.
Используется чаще при рисовании на графическом планшете,  для имитации графики нарисованной от руки, при создании эскизов.
Редактируется инструментами редактирования кривых (как и любые кривые Безье). Опорные точки появляются автоматически. Количество опорных точек будет зависеть от параметров в диалоговом окне Карандаш.
Когда вы рисуете этим инструментов, то  вновь созданный контур остается выделенным.

Как нарисовать замкнутый контур?
Начинаем рисовать, в процессе рисования нажимаем Alt и удерживаем его. Курсор меняется на карандаш с ноликом. Когда вы закончили рисовать контур, отпускаете кнопку мыши, но все еще удерживаете Alt. На каком бы расстоянии не находились точки начала и конца линии таким способом они все равно соединяться прямой линией.

Как редактировать контур инструментом Карандаш?
Фишка! Редактировать можно любой контур из кривых Безье.

  1. Продолжаем рисовать незамкнутый контур. Для этого просто подводим карандаш к конечной точке контура, нажимаем и тащим.
  2. Соединяем 2 контура.  Для этого выделяем 2 контура инструментом Выделение. Подводим инструмент Карандаш к одному из контуров. Начинаем рисовать. Нажимаем на Ctrl, удерживаем его, при этом меняется курсор. Заканчиваем рисовать отпускаем кнопку мыши,  затем отпускаем Ctrl. Примечание. Для достижения лучших результатов рекомендуется перетаскивать один контур к другому, как если бы контуры просто продолжались в первоначальном направлении.
  3. Изменение контуров. Подносим Карандаш к контуру. Ловим момент, когда у Карандаша пропадает крестик (у курсора) и начинаем перетаскивать инструмент пока контур не примет нужную форму. Не всегда получаются запланированные результаты. Они зависят от того куда и с какого места начать перерисовывать контур.

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

Настройки палитры.

Отклонение.  Настраивает  частоту добавления опорных точек при перетаскивании указателя мыши или пера. Чем больше данное значение, тем более сглаженным и менее сложным будет контур.
Плавность. Управляет степенью сглаживания, применяемой при использовании инструмента. Диапазон сглаживания – от 0% до 100%. Чем больше данное значение, тем более сглаженным будет контур. Чем меньше данное значение, тем больше создается опорных точек и тем больше сохраняется неровностей линии.
Выполнять заливку новых штрихов карандашом. Заливка применяется к обводке инструментом Карандаш, которая была нарисована после того как вы поставили галочку у этого параметра.
Оставлять контур выделенным. Определяет, сохраняется ли выделение после создания контура. Этот параметр выбран по умолчанию.
Зона редактирования выделенных контуров. Делает возможным редактирование параметра В пределах: _ пикс.   Если галочка не стоит, то контур редактироваться не будет.
В пределах: _ пикс. Показывает, на каком расстоянии от контура должен быть Карандаш, прежде чем начнется изменение контура.

 

 

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

Вот эту овечку я нарисовала инструментом Карандаш.

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

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

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

 

 

День 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 картинки — одна должна состоять из холодных цветов (например, вьюга), взятых с фото, вторая из теплых (пустыня, например)
  • Статья по теме Программы и сервисы работы с цветом