Тема 4 Эффекты трансформации

1. Проект «Визитка»

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

  1. Создайте монтажную область 90×50 мм для визитки стандартного размера. Предусмотрите выпуски со всех четырех сторон по 4 мм.
  2. Создайте две вертикальные и две горизонтальные направляющие на расстоянии 3 мм от каждой стороны.
  3. Создайте текстовую и гафическую часть логотипа.
  4. Введите основные сведения визитки: фамилию и имя, должность.
  5. Введите адрес сайта.
  6. Если кому-то получившийся результат графической части покажется недостаточно реалистичным, то можно попробовать имитировать объем с помощью эффекта Effect | 3D | Extrude & Bevel (Эффект | 3Д | Выдавливание и фаска).
  7. Выделите инструментом Select (Выделение) все объекты и сгруппируйте их, выполнив команду главного меню Object | Group (Объект | Группировать) или нажав комбинацию клавиш Ctrl+G.
  8. Создайте новую монтажную область область формата А4 (книжный вариант) и назовите ее Визитка.
  9. Переместите сгруппированный объект и расположите в левом верхнем углу монтажной области.
  10. Выполните команду главного меню Effect | Distort & Transform | Transform (Эффект | Искажение и трансформация | Трансформация). В диалоговом окне эффекта установите параметры, как на рисунке. В результате мы получим 5 одинаковых визиток по вертикали.
  11. Выделите все визитки по вертикали. Выполните команду главного меню Effect | Distort & Transform | Transform (Эффект | Искажение и трансформация | Трансформация). Появится диалоговое окно, в котором сообщается о том, что объект (группа объектов) уже имеет этот эффект. Не обращайте внимания, нажмите кнопку Apply New Effect (Применить новый эффект), чтобы продолжить применять эффект трансформации.
  12. В окне эффекта Transform (Трансформация) укажите значение Horizontal (По горизонтали) равным 95 mm, а значение Vertical (по вертикали) равным 0 mm. В поле Copy (Копировать) напишите 1 и щелкните по кнопке OK. Таким образом, мы получим еще один столбец из пяти визиток.
  13. Быстрое получение 10 визиток, выровненных на одном листе, — действие, конечно, полезное и приятное, но это только «подготовка к празднику». Так как наша двойная трансформация является эффектом, то получается, что 9 визиток — это всего лишь копии основной. Таким образом, если мы поменяем оригинальную (основную) визитку, то изменятся и все ее копии. Попробуем?

  14. Выберите инструмент Select (Выделение) и дважды щелкните по звездочкам у оригинальной визитки, чтобы попасть в режим изоляции группы, объединяющей все объекты нашей визитки. В верхней части документа появится темно-серая полоса, подтверждающая, что мы находимся в режиме изоляции группы.
  15. Выделите большую звездочку и измените цвет ее заливки. Соответствующие звездочки во всех 9 копиях визитки тут же поменяются.
  16. Дважды щелкните по тексту «Степан Босов», и в нем появится курсор. Напишите новый текст — «Олег Творцов». Точно так же поменяйте слово «директор» на слово «дизайнер». Вы уже заметили, что текст автоматически поменялся во всех визитках? Таким образом, мы быстро получаем 10 визиток для дизайнера студии.
  17. Дважды щелкните инструментом Select (Выделение) в свободном месте документа, чтобы выйти из режима изоляции.
  18. По окончании редактирования выполните команду главного меню Object | Expand Appearance (Объект | Применить оформление), чтобы окончательно применить эффекты трансформации.

2. Проект «Цветы»

Этот проект является не только отличным способом отработать навыки применения трансформации, но и позволит вам проявить свои творческие способности. Используя обычный эллипс, можно быстро создать цветок с помощью инструмента трансформации. Наша цель — создать целый букет цветов, комбинируя инструменты, команды и эффекты трансформации.

  1. Нарисуйте контуры двух фигур инструментом Pencil (Карандаш).
  2. Выделите оба контура и выполните команду главного меню Object | Transform | Transform Each (Объект | Трансформация | Трансформировать каждый). В появившемся окне трансформации в разделе Scale (Масштабирование) укажите значения по горизонтали и по вертикали, а в разделе Rotate (Поворот) задайте любой угол. Нажмите кнопку Copy (Копировать).
  3. Не снимая выделения с объектов, повторите трансформацию, нажав комбинацию клавиш Ctrl+D.
  4. Нажимая комбинацию клавиш Ctrl+D несколько раз, повторяйте трансформацию. Дорисуйте середину цветка карандашом.
  5. Создайте бело-розовый градиент с помощью палитры Градиент и сохраните созданный градиент в палитре Swatches (Образцы)
  6. Выделите все полученные объекты и назначьте им заливку бело-розовым градиентом из палитры Swatches (Образцы). Получится розочка.
  7. Уберите у всех объектов обводку, чтобы цветок выглядел более легким .

  8. Нажмите комбинацию клавиш Ctrl+G, чтобы сгруппировать выделенные объекты. Группировка позволит вам быстрее и проще выделять или двигать полученные цветочки, когда вы будете собирать их в букет.
  9. Скопируйте цветок, чтобы на его основе создать вариации при помощи различных трансформаций.
  10. Выполните команду главного меню Effect | Distort & Transform | Pucker & Bloat (Эффект | Искажение и трансформация | Втягивание и раздутие).
  11. Выполните команду главного меню Object | Expand Appearance (Объект | Применить оформление), чтобы окончательно применить эффект. Не забудьте сгруппировать объекты этого цветка, прежде чем перейти к созданию следующего.
  12. Еще раз скопируйте базовый цветок.
  13. Выполните команду главного меню Effect | Distort & Transform | Roughen (Эффект | Искажение и трансформация | Огрубление). В окне эффекта задайте параметры, чтобы получилась «лохматая колючка», как на рисунке.

  14. Окончательно примените эффект, выполнив команду Expand Appearance (Применить оформление) из меню Object (Объект).
  15. Еще раз скопируйте базовый цветок.
  16. Если вы примените команду главного меню Effect | Distort & Transform | Zig Zag (Эффект | Искажение и трансформация | Зигзаг), то получится колючка, как на рисунке.

Итак, я думаю, вы уже уловили основную идею создания цветов:

  1. Рисуем контур карандашом или создаем геометрический примитив.
  2. Применяем один из эффектов искажения, чтобы изменить форму объекта.
  3. При помощи команды Transform Each (Трансформировать каждый) слегка уменьшаем и поворачиваем объект, копируя его при этом.
  4. Повторяем трансформацию нужное количество раз, пока не получится цветок.
  5. Группируем полученные объекты цветка, чтобы было проще выделять и перемещать их в дальнейшем.

Самостоятельная работа

Проект "Цветы в вазе"

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

Создавая свои цвета и градиенты, раскрасьте цветы, как вам нравится. Для рисования стеблей и листьев используйте инструмент Pencil (Карандаш).

В завершении создайте на основе геометрических примитивов вазу для вашего букета. Для этого:

  1. Нарисуйте высокий прямоугольник.
  2. Примените к прямоугольнику команду главного меню Effect | Distort & Transform | Free Distort (Эффект | Искажение и трансформация | Свободная деформация). В окне эффекта сдвиньте верхние маркеры контейнера, чтобы получилась трапеция.
  3. Окончательно примените эффект, выполнив команду главного меню Object | Expand Appearance (Объект | Применить оформление), и покрасьте объект линейным градиентом, чтобы ваза казалась объемной.