14 окт. 2009 г.

Adobe Illustrator за 30 дней. День 17: Цветовые и объектные переходы

Предыдущий урок: Основы работы с текстом

Инструмент «Переход» (Blend Tool) позволяет осуществлять плавный переход между объектами. Вы можете применить этот инструмент как к незамкнутым линиям для создания различных эффектов, так и к формам, чтобы создать реалистичные затенения. Есть огромное количество всяких креативных вещей, которые Вы можете сделать с инструментом «Переход» (Blend Tool). Вы наверняка воспользуетесь этой возможностью в своих будущих иллюстрациях.

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

Эффекты перехода

Ниже представлено несколько интересных эффектов, которые Вы можете быстро создать с помощью перехода.

Реалистичное затенение

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


Эффекты с линиями

Вы можете создать красивую абстрактную волну из линий, используя инструмент «Переход» (Blend Tool). Волна, которую Вы видите ниже, сделана с помощью простого перехода между синей линией и светло-голубой.


Распределение объектов

С помощью инструмента «Переход» (Blend Tool) Вы также можете быстро построить ряд объектов с заданным шагом.


Как это работает

Ниже Вы видите небольшую диаграммку, иллюстрирующую работу инструмента «Переход» (Blend Tool). Для перехода нужно иметь как минимум два объекта. Начальный объект перейдет в конечный за несколько шагов (шаги задаете Вы). В этом случае выставлено всего 3 шага. Траектория перехода создастся автоматически. Траектория определяет путь между объектами.


Переход между объектами

Метод 1: Использование функции перехода


Чтобы быстро создать плавный переход между объектами, выделяем два объекта и идем в Объект > Переход > Создать (Object > Blend > Make). Вот и все:) Плавный переход создан!


Метод 2: Использование инструмента «Переход»

Другой метод, рекомендуемый Tony, – использование инструмента «Переход». При использовании этого метода у Вас будет больше контроля над опорными точками.

Прежде всего, выделите начальный объект.


Затем выберите инструмент «Выделение» (Blend Tool).


Кликните на опорной точке, с которой хотите начать переход.


Затем зажмите Alt и кликните по опорной точке, на которой хотите закончить переход.


Выскочит окно настроек перехода (Blend Options). Выберите «Заданное число шагов» (Specified Steps) и введите в окошко цифру 3.


Вы получите переход от первой звезды ко второй в трех шагах.


Настройки объектов с переходом

Вы легко можете заменить плавный переход на переход с заданным количеством шагов. Просто зажмите Alt и кликните по объекту с переходом инструментом «Переход» (Blend Tool). Выскочит окно с настройками. Поменяйте метод (Spacing) с опции «Оптимальные цвета» (Smooth color) на «Заданное число шагов» (Specified Steps).


Перемещение траектории перехода

Возможно, Вы захотите изменить Вашу траекторию перехода. Например, сделать из прямой линии – кривую. Вы можете просто поправить траекторию с помощью инструмента «Перо» (Pen Tool). Есть другой вариант: рисуем новую линию. Выделяем линию и объект с переходом, идем: Переход > Заменить траекторию (Blend > Replace Spine).


Разбираем переход

Если Вам нужно разбить переход на отдельные объекты, идете в Объект > Разобрать (Object > Expand). Теперь Вы можете редактировать объекты по отдельности.


Следующий урок: Фотореализм с инструментом “Сетчатый градиент” (Gradient Mesh)

Перевод: Анна Волкова
Источник: Vectordiary

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

58 комментариев:

  1. Урок очень прикольный!!! Спасибо Ну тут и всяких "штук" в этом иллюстраторе попробуй запомни)))

    ОтветитьУдалить
  2. Этот комментарий был удален автором.

    ОтветитьУдалить
  3. У меня проблемы с инструментом «Переход».
    Выскакивает окошко,я выбираю необходимые параметры,зажав клавишу ALT. Я выбираю и метод и число шагов,кликаю ок, но ничего не происходит.У меня иллюстратор CS3.С чем это может быть связано?
    Заранее вам спасибо за ответ!

    ОтветитьУдалить
  4. У вас при этом выделены оба объекта?
    И начальный и конечный?

    ОтветитьУдалить
  5. Да я делала как вы написали но ничего не происходило.
    НО я заново выбирала сделать переход - через bject > Blend > Make ,предварительно сделав все изложенное выше с шагами- и у меня переход получился имено шагами.Видно я до конца не поняла что нужно сделать еще и этот пункт затем.Спасибо вам за уроки!Так интересно!

    ОтветитьУдалить
  6. Вот и замечательно, что все получилось :)

    ОтветитьУдалить
  7. Спасибо,за ваши замечательные уроки!Подскажите пожалуйста, никак не получается сделать перемещение траектории перехода по 2 му варианту, рисую линию пером,так же 2 объекта, выделяю их, а функция Blend > Replace Spine у меня не активна,не пойму что делаю не так, у меня CS3.

    ОтветитьУдалить
  8. А переход между двумя объектами при этом уже есть?

    ОтветитьУдалить
  9. А вроде все разобралась с перемещением траектории перехода,спасибо)

    ОтветитьУдалить
    Ответы
    1. Как ты разобралась? У меня он тоже неактивный, как так? что надо сделать?

      Удалить
    2. Переход между двумя объектами по прямой при этом уже есть? Или вы просто два отдельных объекта с линией-траекторией выделяете???

      Удалить
  10. подскажите, а как можно такой переход сделать, если один из объектов с gradient mesh?

    ОтветитьУдалить
  11. Думаю - никак, хотя могу ошибаться. Если что-то получится - пишите!

    ОтветитьУдалить
  12. подскажите, пожалуйста, где найти меню фильтры. нигде никак не могу найти. у меня CS5. спасибо

    ОтветитьУдалить
  13. Поищите в официальном руководстве:
    http://help.adobe.com/ru_RU/illustrator/cs/using/index.html

    ОтветитьУдалить
  14. проблема с переходом(звёздочек)
    Когда появляется то окошко,я делаю все как нужно,но ничего не происходит!! D:
    программа CS5
    Помогите пожалуйста,заранее спасибо!

    ОтветитьУдалить
  15. Звездочки у вас при этом выделены?

    ОтветитьУдалить
  16. Подскажите, пожалуйста, я вот выполняю все как в п.1 Объект > Переход > Создать (Object > Blend > Make, плавного перехода не происходит, а как будто переход в один шаг, хотя у меня в настройках Blend стоит smooth color

    ОтветитьУдалить
    Ответы
    1. Вот у меня сейчас такая же проблема. Плавного градиента не появляется со smooth color. Плавность появилась только при specified steps со значением 1000

      Удалить
  17. Что значит "как будто переход в один шаг" еще один круг появляется? Или что происходит? А цвета такие же задали? Оба объекта было выделено?

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

    ОтветитьУдалить
    Ответы
    1. Градиенты не надо разбирать. Оставляете как есть.

      Удалить
  19. Спасибо вам за уроки, Анна.
    Вот уже дошла до этого урока,проблем не возникало.Практиковаться нужно,да)
    София

    ОтветитьУдалить
  20. Анна, у меня по первому методу не получается такого эффекта как у тебя. Маленький кружок таким и остается внутри большого, а большой перекрашивается в более темный и как то волнами

    ОтветитьУдалить
  21. А, все разобрался. Простите

    ОтветитьУдалить
  22. Анна, скажите, пожалуйста, а если при создании перехода образуется открытый контур, а шагов больше 10-ти, т.е. разбирать объекты нельзя, то стоки примут вектор с этим открытым контуром?

    ОтветитьУдалить
    Ответы
    1. Во-первых, каким образом у вас при создании перехода умудряется образоваться открытый контур?

      Во-вторых, мне было бы приятно, если бы вы представились.
      Как добавлять комментарии от своего имени написано ниже :)

      Удалить
  23. Извините, Анна! Я тоже понимала, что как-то неудобно вот так вот общаться, не доходили руки разобраться, как всё это делать. Большое спасибо, что объяснили. :-)

    ОтветитьУдалить
  24. День добрый! Анна, у меня, хоть убей образуется открытый контур при создании перехода. Рисую, например, круг, на расстоянии от него квадрат, делаю переход, и раз - открытый контур (я так подозреваю, что это именно траектория перехода). :- (

    ОтветитьУдалить
    Ответы
    1. А переход вы делаете с траекторией (например по какой-нибудь кривульке) или просто от объекта к объекту по прямой???

      Удалить
  25. А, всё, разобралась, эту линию потом можно удалить! :-)

    ОтветитьУдалить
    Ответы
    1. Странно...Чтобы не было траеторий делай переход через меню (Object > Blend > Make)

      Удалить
  26. просто сказка, Анна, спасибо Вам !

    ОтветитьУдалить

  27. Анечка, во первых спасибо за уроки, очен легко и доступно. Это же титанический труд с английского перевести и тут выложить ))
    Только у меня не получилось, блэнд на круге. И выделила я два изображения и вошла в обьект и нажала блэнд , а круг из оранжевого превратился в салатовый и все тут. Какой то неправильный круг (((

    ОтветитьУдалить
  28. Посидела подольше помучалась, и до меня дошло, что градиентную заливку и контур надо выстовлят одинаковую и получилось. Пока мучалась научилась делать тунель и ступенчатюю заливку. Вообщем заметно поумнела к концу мучений )))

    ОтветитьУдалить
  29. День добрый:)
    Выполнил все задания, кроме первого метода. Следуя инструкции, в итоге получается что то похожее на последний рисунок (с кругами). В чем может быть ошибка, почему не создается такая же красота как в первом методе?:(

    ОтветитьУдалить
    Ответы
    1. Потому что иллюстратор тупит и не может понять, что нужен переход по цветам, а не объектный переход. Выделите свой переход, затем сделайте двойной клик по инструменту Blend - откроются опции. Там выставите тип перехода Smooth Color. Если это не поможет, то выставите тип Specific Steps и вручную увеличьте значение шагов до такой степени, чтобы переход стал выглядеть плавно от одного цвета к другому.

      Удалить
  30. Здравствуйте!
    Пытаюсь расположить бленд по кругу, но он, почему-то равномерно располагается ровно на 3/4 круга, сколько бы объектов в бленде я ни сделала. Попробовала расположить по прямоугольнику - то же самое, только на три стороны. Скажите, пожалуйста, как расположить равномерно по всему пути? СS6
    Юлия.

    ОтветитьУдалить
    Ответы
    1. Попробуйте разрезать путь, по которому располагается бленд. Например ножницами. Иногда это помогает

      Удалить
    2. Действительно помогло =) Спасибо. Заодно и инструмент ножницы нашла))

      Удалить
  31. Спасибо за урок. Перепробовал разные варианты, поигрался с разными комбинациями. И тут раз - получилась "крыша". Остальное дорисовал. И вышел стадиончик.

    http://hkar.ru/wfH1

    В детализацию уже не стал вдаваться, всё-таки нужно переходить к следующим урокам, но эффект мне понравился. Еще раз спасибо ))

    ОтветитьУдалить
  32. Спасибо огромное за урок и комментарии в конце урока относительно использования инструмента в иллюстрациях для стоков!
    У меня тоже на CS5 возникла знаменитая, как я погляжу, проблема с плавным переходом, который получается не плавный :). На CS6 эта проблема тоже присутствует?

    ОтветитьУдалить
  33. Добрый день) у меня возникла проблема с последним заданием. Как уже писали blend - replace spine не активно. Рисую с помощью пера прямую - все получается, хочу сделать изогнутую хоть чуть чуть - не выходит. Выделяю уже после перехода.

    ОтветитьУдалить
    Ответы
    1. 1. Рисую два объекта
      2. Делаю между ними переход
      3. Рисую рядом кривую линию
      4. Выделяю эту линию и переход
      5. Далее Object > Blend > Replace Spine

      Если вы делаете всё именно так, и не получается всё равно, то возможно проблема с самим иллюстратором. Можно попробовать переустановить программу или написать в поддержку Adobe

      Удалить
  34. Здравствуйте.

    Скажите, пожалуйста, как сделать эффект перехода с линиями, как в начале статьи во втором примере? Очень нравится.

    ОтветитьУдалить
    Ответы
    1. Привет!
      Нарисовать две линии, выделить их, и сделать переход через Object > Blend > Make. Через Blend Options настроить шаги

      Удалить
    2. Это я поняла. А как ее так же вывернуть как ленточку? Это уже другой инструмент какой-то? Просто эти Ваши уроки - первое, что я пробую в Аи. :)

      Удалить
    3. Взять инструмент Direct Selection Tool (A) и изменять положение точек у исходных линий. В итоге сделать так, чтобы исходные линии пересекались, как на рисунке.

      Удалить
  35. А что, если я хочу, чтобы траектория проходила не через середины объектов, а, через какую-то другую произвольную точку? Так вообще реально сделать?

    ОтветитьУдалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.