Урок № 64. «Живые» переходы. Часть II.

Так получилось, что почти каждый наш урок начинается с небольшой психологической разминки. Сегодня тоже не отступим от этого правила. Мой тренер по бодифлексу Людмила Юрьевна недавно прислала такое высказывание: «Настоящий учитель не учит, он лишь делится своей радостью. В его радости увидите все учения мира». Замечательные слова. Мы не знаем, кто их автор, но слова достойны того, чтобы открыть очередной наш урок.
Делиться своей радостью! Об этом мы постоянно говорим! Вот и 63-й урок прошел радостно, потому что сама программа Adobe Illustration пронизана радостью и отличным настроением! Её создавали творческие и радостные люди. Они заложили в программу успех и удачу, которые надо только открыть для себя. Этим мы постоянно занимаемся!

Наш последний штрих в прошедшем уроке напоминал или элемент карнавала, или китайский праздник с ярким драконом.

Переход

Не хочется эту яркость даже убирать с экрана! Так много в ней радости! Кстати, можно направление поменять у наших переходов. Object – Blend – Reverse spine (объект –переход – в противоположном направлении).

Переход в противоположном направлении

Вы всё это проделывали? Вот молодцы-то! Какие у меня ученики!

Хочется, правда, что-то подкорректировать, изменить! Все объекты, использованные в создании перехода, воспринимаются программой как единый объект. Придется разобрать объект перехода. В результате будет группа отдельных фигур, каждая из которых редактируется независимо от других. Мы больше не сможем работать с данным переходом как с единым объектом. Итак, Object (объект) – Blend (переход) – Expand (разобрать). Переход превратиться в группу отдельных фигур. Разгруппируем и всё изменим!

Самостоятельные объекты

Теперь виден каждый цветок или фигура. Они самостоятельные объекты! Вы можете их полностью заменить или переделать. Используйте навыки прошлых уроков!

Мы договаривались, что постоянно будем вычищать экран для познания нового. Но, если с очередным «шедевром» расстаться жаль, сохраните его! Я вычищаю экран. Мы работаем в документе blend.

Особенности перехода (Blend) описаны на нашем сайте в уроках «Приемы работы в Adobe Illustration. Часть 3». Они начинаются с главки «Предоставьте математику программе».

Итак, идем: Уроки вектора5. Эффективные приемы в Adobe IllustrationПриемы работы в Adobe Illustration. Часть 3Предоставьте математику программе.
Можно перейти по ссылке
http://www.sharlottastock.ru/pages/uroki/vektor/priemy-chast-3/

Читайте на сайте, а практику пройдем в этом уроке!

Рисуем нотную линейку: создадим две линии.

Две исходные линии

Можно было бы ничего не говорить, вы все знаете. Но все же… Инструментом перо – Pen Tool (P) нарисовала линию, дала ей черный цвет и в палитре Stroke (обводка) присвоила значение 3 pt. Скопировала с помощью Alt. Расстояние взяла на глаз, программа рассчитает!

Теперь действуем инструментом Blend Tool (W) так, как написано в главке. В Spacing (размещение) выбираем Specified Steps (количество шагов), ставим 3.

Подготовка к созданию бленда

ОК. Идем Object (объект) – Blend (переход) – Make (создать). Вот и линии.

Нотная линейка

Нотная линейка готова. Она выделена черной стрелкой Selection Tool (V).

Отличная математика! Попробуйте сами так рассчитать! Сколько будет трудов!

Хотя на этой нотной линейке нет нот, мои ученики – тонкие люди. Знаю, что в душе у каждого тихо звучит прекрасная мелодия!

Теперь проверим динамичность перехода.

Поворот перехода

Когда исходные линии выделены черной стрелкой Selection Tool (V), легко уменьшить и повернуть переход.

Перейдем на белую стрелку Direct Selection Tool (A). Выделим одну точку на нижней линии, сдвинем.

Изменение перехода

Динамический переход! Убедились, а теперь поиграем им! Двигаем уже смелее!

Изменение перехода

Работали с нижней линией, возьмемся за верхнюю!

Изменение перехода

Играйте и наблюдайте, всё в ваших руках! Главное, мы убедились в динамичности перехода!

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

Изменение перехода

Не снимая выделения белой стрелкой Direct Selection Tool (A), добавьте цвет двум исходным линиям, остальные изменятся сами. Привнесем радость в свою работу с помощью цвета! Уменьшим созданное и пойдем дальше по эффективным приемам. Они описаны подробно, я ничего не добавляю, кроме практики. Тренируемся!

Тихая мелодия заменяется чем-то бравурным, почти маршевым!

Приемы создания переходов

Молодцы! У вас получилось все красивее и лучше! Горжусь!

Теперь очистим экран и поработаем над изгибом перехода, следующий этап в приемах. Ничего не объясняю, читайте внимательно! Тренируемся!

Линия для перехода

Начертили путь и возьмем опять два цветка из нашей коллекции в рисунке stroke1.

Переход вдоль кривой

Всё получилось! Дальше! Фигуры вдоль окружности. Пробуем!

Фигуры вдоль окружности

Цветы не такие идеальные, это бленд! Зато они вдоль окружности!

Изменение перехода. Тут нет проблем!

Изменение перехода

Чувствуете радость? Программа всё делает за нас! Мы только наслаждаемся!

Музыка в душе торжествующая, жизнеутверждающая!
Все вычистим и пойдём дальше. Начинается новый материал, которого нет на сайте.

Создадим переход с заданным числом шагов. Здесь займемся математикой. Сильно не переживайте, если вы не очень её любите. Программа нам во всем поможет. Без математики будет криво и косо.
Создадим прямоугольник с точными параметрами: Width (ширина) – 25 px, Height (высота) – 165 px.

Создание прямоугольника

OK. Цвет заливки я выбрала светло-коричневый, у обводки потемнее. Вы всегда свободны в выборе цвета!

Цвет заливки и обводки

Теперь скопируем этот прямоугольник Ctrl+C, Ctrl+F. Перейдем на черную стрелку Selection Tool (V) и дважды по ней кликнем, вызывая окно Move (перемещение), передвинем прямоугольник на 200 px.

Перемещение прямоугольника

ОК. Получили второй прямоугольник. Всё математически точно!

Точная копия

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

Мне очень хочется, чтобы у вас получился этот переход. Здесь нужна точность. Уж потерпите!
Музыка в душе стала спокойной, даже с элементами печали. При изучении нового так  надо, чтобы ничего не пропустить!

Выделим черной стрелкой Selection Tool (V) первый прямоугольник и откроем палитру Transform (трансформирование). Смотрим в палитре на наклонный прямоугольник, раскроем значения наклонов. Выберем 30о.

Создание наклонного прямоугольника

Кликнем на 30о, прямоугольник наклонился.

Создание наклонного прямоугольника

Опять скопируем наклоненный прямоугольник: Ctrl+C, Ctrl+F. В меню палитры Transform (трансформирование) кликнем Flip Horizontal (отразить по горизонтали). Всё знакомо, делаем!

Создание копии

Я не случайно показываю палитру Transform (трансформирование), нам нужны точные цифры. Опять дважды кликнем по черной стрелке Selection Tool (V) и вызовем окно Move (перемещение). Введите в Horisontal цифры – 287, 085 px. Точные цифры, на которые надо передвинуть наклонный прямоугольник.

Подготовка к созданию перехода

Вот теперь начнется переход! Подготовка нужна для будущего успеха.

Музыка в душе меняется на бодрую и даже стремительную!

Дважды кликнем по кнопке инструмента Blend Tool (W), откроется диалоговое окно Blend Options (параметры перехода), в раскрывающемся списке Spacing (размещение) выбираем пункт Specified Steps (количество шагов), ставим значение 4.

Используя инструмент Blend Tool (W), ставим курсор поверх левого наклоненного прямоугольника. Курсор приобретает вид белого квадратика со звездочкой, щелкаем мышью, не надо превращать его в черный. Переходим к среднему прямоугольнику, курсор – белый квадратик с плюсом, он сообщает о добавлении объекта в переход, щелкаем мышью, появился переход.

Часть перехода

Работаем дальше инструментом Blend Tool (W), щелкаем мышью по правому наклоненному прямоугольнику, курсор – белый квадратик с плюсом. Получилось!

Переход

Чтобы завершить текущий переход и приступить к созданию нового перехода между объектами, щелкнем мышью по инструменту Blend Tool (W). Можно работать дальше!

Выделение оставляем, идем в меню Object (объект) – Blend (переход) – Blend Options (параметры перехода). В диалоговом окне Blend Options (параметры перехода) параметру Specified Steps (количество шагов) даем значение 9 и нажимаем ОК.

Переход

Вам не кажется, что у нас получился чудесный пол?! Пока не кажется? Хорошо, идем в меню Object (объект) – Blend (переход) – Expand (разобрать).

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

Пока это группа, присвоим ей градиентную заливку. Тут уж выбирайте сами!

Градиентная заливка

Теперь настоящий блестящий пол! На нем только танцевать с платками или шарфами из тончайших тканей! Что ж, бленд нам поможет! Мы хотим радости!

Зазвучали танцевальные ритмы! В нашем воображении юные, изящные танцовщицы скользят по сцене, вызывая восторг! Пусть танец продолжается!

Сдвинем пол-сцену на холст. Займемся новыми особенностями бленда.

Интересные вещи получаются, когда при создании бленда используются линии. Нарисуем инструментом перо Pen Tool (P) две произвольные линии.

Линии для перехода

Цвет придайте свой, какой нравится. Ваш выбор!

Выделим линии черной стрелкой Selection Tool (V) дважды кликнем по инструменту Blend Tool (W), вызовем окно Blend Options (параметры перехода), в нем выберем Specified Steps (количество шагов), поставим количество шагов – 35.

Некачественный переход

ОК. Нажмите горячие клавиши Ctrl+Alt+B. Сразу возник переход. Он не очень красивый, потому что точки двух разных линий не всегда совпадают, получаются пробелы и неровности! Отодвинем созданный бленд на пространство рабочей области, создадим новый, ровненький, без таких некрасивых пробелов.

Очень часто при создании переходов из линий возникает такая проблема. Знайте об этом!

Линии для перехода

Я скопировала линии с помощью Alt. Идем тем же путем, как при создании первого перехода!

Качественный переход

Другое дело! Линии ровные и красивые! Предыдущий переход удалим!

Снова играем, создаем красивые изгибы из двух линий! Ровные и четкие получаются переходы из скопированных линий, расположить их можно по-разному! Цвета выбирайте сами! Самостоятельная работа! Создавайте радость и наслаждайтесь!

Музыка звучит, танцовщицы подхватывают тончайшие прозрачные ткани!

Разнообразные переходы

Мы делимся радостью! Я не вижу ваши работы, но знаю, что очень стараетесь! Моё воображение дорисовывает ваши шедевры! Молодцы! Выберем лучшие, сдвинем их на холст, остальные удалим.
А теперь то же самое, но из трех линий. Самостоятельная работа!

Разнообразные переходы

Три линии, а какие разные переходы! Многообразию нет конца! И мы управляем этим! Опять во всём сквозит радость!

Выбираем лучшее, остальное удаляем!

Вытаскиваем на рабочую область пол- сцену и понравившиеся бленды. Размещаем!

Разнообразные переходы

«Остановись, мгновенье! Ты прекрасно!» Только что на сцене кружились воздушные танцовщицы. Они создали необыкновенный ритм, и вот исчезли, растворились, их тончайшие прозрачные материи ещё парят в воздухе. Медленно опускаются, а мы следим за этим изяществом!

Таков бленд! Чувствую, он вам нравится! Сохраним рисунок, здесь мы делали всё осмысленно. Запечатлим последнее мгновение танца!

Музыка стихает, но душе так приятно!

Создадим новый документ blend1. Ctrl+N, документ готов к работе.

Бленд – фокусник, и представление продолжается! Мы на представлении!

Возьмем два перпендикулярных отрезка. Присвойте им свой цвет!

Линии для перехода

Выделите оба отрезка, дважды щелкните на инструменте Blend, установите параметры Specified Steps (количество шагов) – 30, с помощью белой стрелки Direct Selection Tool (A) и Shift выделите верхние точки отрезков, затем Ctrl+Alt+B.

Переход

Выделите все объекты черной стрелкой Selection Tool (V), дважды щелкните на кнопке Rotate (поворот) создайте копии, щелкнув на кнопке Copy (копирование) в окне, а потом поверните их на 90°

Переход

А теперь опять играем, создаем свои замысловатые комбинации. Фантазируйте, изобретайте! Теперь вы сами фокусники! Да ещё какие! Мне за вами не угнаться! Я просто радуюсь!

Переходы

Если есть возможность делиться радостью, почему ей не делиться? Программа искрится ей! Такой «болезнью» надо заражаться!

Какая музыка в душе! Восторг!

На этом фокусы не кончаются! Сдвинем созданное на холст и продолжим!

Создадим круг и в центр его поместим звезду, количество лучей звезды контролируйте клавишами вверх вниз.

Переход

Красиво получается, а путь все тот же: выделим фигуры черной стрелкой Selection Tool (V) дважды кликнем по инструменту Blend Tool (W), вызовем окно Blend Options (параметры перехода), в нем выберем Specified Steps (количество шагов), поставим количество шагов – 30. Нажимаем горячие клавиши Ctrl+Alt+B, вот такой бленд!
Теперь меняйте геометрические фигуры, цвет и количество шагов! Самостоятельная работа!

Переходы

Молодцы! Знаю, что ваша фантазия не имеет границ! Опять все сдвинем на холст, вычистим экран!

Всё представление происходит на сцене. Но занавеса нет! Нарисуем! Я ничего не объясняю, вы сделаете лучше меня!

Градиент

Градиент – тоже переход только цвета. Я взяла его в библиотеке палитры Swatches (образцы). Вы выбираете цвет сами! Задняя стена готова.

Сделаем занавес!

Градиент и бленд

У меня он белый, вы решаете сами! Опять бленд! Порадуйтесь, всё умеете, навыки отлично отработаны!

Звучит финальная музыка представления. Скоро все атрибуты окажутся за кулисами!

Уменьшим и разместим созданное вокруг сцены. Пусть останется память о представлении!

Различные переходы

Как было чудесно на концерте! Но время не ждет!

Создадим новый документ, Ctrl+N, назовем blend2.

В воображении мы выходим на улицу, там осень! Летят листья, дует ветер, моросит дождь.

В душе звучит другая музыка, музыка осени!

Мы снова возвращаемся к нашим осенним листьям, которые рисовали в самом начале. Не будем их копировать, нарисуем новые. У нас есть всемогущий бленд!

Создайте лист, берем инструмент Scale Tool (S) – масштаб, дважды кликнем, чтобы вызвать окно, ставим параметры – 3%, жмем Copy (копирование). А дальше всё повторяется!

Переход

Рисуем листья! Будут они похожи, не будут, мы отрабатываем навыки использования перехода!

Переходы

Молодцы! Вам все по плечу, любая работа, любое задание!

Листья летят и летят. Ветер и дождь создают свою мелодию. Мы возвращаемся домой под музыку осеннего карнавала!

Переходы

На душе спокойно и умиротворенно.

Мы отлично поработали, будем отдыхать!

Заметили, сколько переходов было в нашей душе? И радостных, и бравурных, и ритмичных, и печальных, и спокойных! В этом уроке мы прожили чудесные мгновения жизни! Улыбаемся и с улыбкой идем на перемену!

Урок окончен!

Сохраните нарисованное, закрепите изученное.

Следующий урок № 65. «Живые» переходы. Часть III.


Эта страница была показана 201 раза.

Пожалуйста, поделитесь, если страница оказалась полезной!
  • Добавить ВКонтакте заметку об этой странице
  • Facebook
  • Одноклассники
  • LiveJournal
  • Twitter
  • Tumblr
  • Мой Мир

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *