 [показать]
В этом уроке я научу вас, как можно сделать анимацию
распускающегося цветка при помощи скрап-набора.
Материалы для работы здесь
Откроем картинку в фотошопе
[показать]
Я выбрала этот набор, т.к. здесь есть бутоны и распускающиеся цветы.
И так открываем нашу картинку в фотошопе, я взяла этот цветок за основу,
т.к. у него есть стебелек с листиками, а у других цветов из набора нет листиков.
Мне не нравится что на картинке цветок почти упирается в край холста,
по-этому я меняю размер холста и увеличиваю его слева по ширине до 950 пикс.
Для этого идем в верхней панели анимации в Изображение-Размер Холста и выставляем
настройки и расположение холста как у меня.
[показать]
[показать]
Пусть наше изображение пока будет в оригинальном размере,
после того как мы сделаем анимацию, мы поставим такой размер как захочется.
Теперь удалим с изображения цветок, оставив только стебелек с листиками,
возьмем инструмент Выделение, выделим ту часть которую нужно удалить
и нажмем Delete.
[показать]
Вот что у нас получилось в результате
[показать]
Откроем следующее изображение - бутон
[показать]
Наш бутон повернут не в ту сторону, которая нам нужна, развернем его по горизонтали
с помощью инструмента Трансформация.
Для этого нажмем на клавиши Ctrl+T, станем в область выделения,
щелкнем правой кнопкой мышки и в выпавшем меню выберем - Отразить по горизонтали,
не забываем применить трансформирование, нажав на инструмент Перемещение.
[показать]
На нашем новом изображении - назовем его Бутон 1, выделим сам бутон,
с помощью инструмента Выделение и перенесем сам бутон с помощью инструмента
Перемещение на наше Исходное изображение- Ветка. Расположим его на ветке у основания.
[показать]
[показать]
Ну вот пристроили поудобнее наш бутончик на ветке, слой Бутон-1 - снизу,
слой Ветка -сверху.
У нас четыре варианта цветка, по-этому создадим для каждого из вариантов
свой слой ветка, это нам понадобиться для того чтобы веточка наша покачивалась,
во время распускания цветка.
И так станем на слой Ветка и с помощью клавиш Ctrl+J, делаем еще 3 дубликата
слоя Ветка и переименуем их в слой Ветка 1,2,3,4
[показать]
И отключим глазки на всех слоях Ветка, за исключением слоя Ветка-1.
[показать]
Теперь трансформируем нашу веточку, с помощью инструмента Трансформация-Warp,
станем на слой Ветка-1, нажмем клавиши Ctrl+T, станем в выделенную область
и щелкнув правой кнопкой мышки, выберем режим трансформирования - Warp.
[показать]
И с помощью направляющих трансформируем листочки и веточку, делаем трансформацию
аккуратно, не слишком резко меняя положение веточки, тогда и двигаться она у нас будет
плавнее.
[показать]
Лучше всего определиться как будет двигаться наша веточка -
вверх-вниз или вперед-назад. И тогда в четных слоях веточку двигаем например -
Вверх(Вправо), а в нечетных слоях - Вниз(Влево). Я же решила, что моя веточка
будет опускаться и подниматься, по-этому в данном слое трансформирую листики
и веточку вверх. Следим за тем чтобы наш бутончик не оторвался от веточки,
а прочно на ней сидел, как родной, если вдруг произошло смещение бутончика,
разрыв с веточкой, то перейдем на слой Бутон-1 и подстроим наш бутончик к веточке.
[показать]
Теперь можно слить слой Бутон-1 со слоем Веточка-1. Для этого станем на слой Ветка-1,
у нас включены глазки на слоях Ветка-1 и Бутон-1, зайдем в верхнее меню фотошопа,
выберем Слой-Слить с предыдущим.
[показать]
Теперь откроем следующее изображение, которое я условно назвала Бутон-2.
[показать]
Создадим дубликат кадра, на панели анимация у нас один кадр, скопируем его, став на треугольник
внизу панели анимации.
[показать]
Снова выделим бутон и перенесем его на наше основное изображение.
[показать]
При этом мы стоим на первом кадре, со включенными глазками на слое Бутон-1 и Бутон-2.
Активный слой Бутон-2
[показать]
Пристроим наш бутончик к основанию веточки, назовем новый слой - Бутон-2.
И расположим слой Бутон-2 под слоем Ветка-2
После того как наш бутончик стал на свое место, отключим глазок слоя Бутон-2 на первом кадре,
перейдем ко второму кадру, на втором кадре включим глазки на слое Бутон-2 и слое Ветка-2.
Выполните все в такой последовательности как я пишу. В противном случае ваш бутон, после
добавления промежуточных кадров будет летать по холсту.
Работаем со слоем Ветка-2, делаем трансформированием с помощью режима Warp,
только теперь делаем трансформацию веточки и листиков вниз.
Применяем трансформирование. И сольем слой Ветка-2 со слоем Бутон-2.
Вот так теперь выглядят наши панели анимация и слои.
[показать]
И так стоим на втором кадре панели анимации и на слое Бутон-2, применим режим
Tweens, для этого перейдем в нижнее меню панели анимация, нажмем кнопку Tweens
и вставим 5 кадров.
[показать]
[показать]
Вот что у нас теперь получилось
[показать]
На панели анимации у нас 7 кадров, создадим дубликат 7 кадра, для этого
станем на 7 кадр и нажмем кнопку дубликат кадра на панели анимации.
[показать]
Перейдем к следующему этапу нашей анимации, откроем новое изображение цветка
[показать]
Снова выделим бутон и перенесем его на наше основное изображение. И назовем этот слой Бутон-3.
Но перед тем как перенести бутон вернемся снова к первому кадру, стоим на первом кадре
и только после этого начинаем переносить наш бутон и выбирать для него место.
[показать]
После того как бутон станет на свое место, стоя на кадре 1, отключаем глазок на слое Бутон-3.
Переходим к 8 кадру, включаем глазки на слоях Бутон-3 и Ветка-3.
[показать]
Теперь перейдем к слою Ветка-3 и применим трансформирования
с помощью помощью режима Warp, в этот раз применим трансформирование веточки
и листиков - вверх.
После трансформирования сольем слой Бутон-3 и слой Ветка-3.
Стоим на кадре 8 и на слое Бутон-3, переходим в панель анимации и выбираем режим Tweens,
вставляем снова 5 промежуточных кадров.
Теперь у нас 13 кадров на панели анимации.
[показать]
Станем на 13 кадр и сделаем его дубликат. Теперь у нас 14 кадров.
Перейдем снова к первому кадру, станем на него и откроем новый документ с бутоном.
[показать]
Наш бутон, как и первый, повернут не в ту сторону, которая нам нужна, развернем его
по горизонтали с помощью инструмента Трансформация.
[показать]
Выделим теперь наш цветок и перенесем выделение на основное изображение, назовем слой
Бутон-4, устроим его в нужном месте
[показать]
Стоим на первом кадре и отключает глазок слоя Бутон-4
[показать]
Перейдем к 14 кадру, включим глазки на слоях Бутон-4 и Ветка-4.
Выполним трансформирование слоя Ветка-4 и сольем слои Бутон-4 и Ветка-4.
Вот так выглядят наши слои кадры.
[показать]
Теперь вставим промежуточные кадры, стоим на слое Бутон-4 и на кадре 14
[показать]
Переходим в панель анимации, выбираем режим Tweens и вставляем 5 промежуточных
кадров.
[показать]
И у нас готова анимация, ставим на последнем 19 кадре время задержки 0,5 сек.
Остальные кадры без задержки. Меняем размер изображения.
И любуемся нашей анимацией.
|
|
