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

Добавить комментарий

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

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

Добавить комментарий

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

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

Добавить комментарий

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

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

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

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

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

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

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

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

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

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

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

  1. нажимая ENTER на клавиатуре
  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
 

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

Добавить комментарий

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

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

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

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

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

 

 

Примеры ДЗ

силуэт

 

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

 

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

Добавить комментарий

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

 

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

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

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

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

 

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

 

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

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

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

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

2 комментария

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

 

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

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

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

Добавить комментарий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

Добавить комментарий

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

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

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

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

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

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

или

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

 

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

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

 

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

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

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

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

 

Правила.

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

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

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

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

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

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

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

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

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

1 комментарий

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

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

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

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

 

 

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

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

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