• Авторизация


Урок фотошопа анимации 08-06-2011 22:32 к комментариям - к полной версии - понравилось!

Это цитата сообщения DJILIYA Оригинальное сообщение

Урок фотошопа анимации "Листопад"

[250x250]   [250x250]

Первое, что хочется отметить, это урок не столь сложный сколько занудный, т.к. требует много внимания именно на запоминания последовательности действий и создания огромного количества слоев.
Теперь давайте определимся. Листопад = это когда падает и уносится ветром много много листиков, однако я сюда добавлю и пример с 1 листиком, на основании которого и поставлен весь листопад по сути.
И так. Открываем новый документ, или же картинку где мы будем создавать листопад.
[показать]

я воссоздам сюжет, оторвавшегося листика от ветки и улетающего от дерева. И так. Берем листик.
[показать]
Чтобы создать иллюзию полета и реальности, нам нужно работать не просто с перемещением листика по пространству рисунка, но и с его размерами. Создаем эффект, что листик оторвавшись от дерева как бы приближается к нам, улетая вверх. Для этого нам нужно создать несколько копий листика ( чем больше тем лучше) и сделать его разных размеров, постепенно уменьшая, но не наоборот! Помним, что при уменьшении качество теряется, потому мы будем уменьшать а не увеличивать. Это к тому, что если у вас получится по пропорциям рисунка, что листик стол мал, что его только увеличивать. Тогда ищите более качественный клипарт.
И так. Я создала 12 слоев.
Подсказка: Дубль слоя создается путем кликания на слой правой мышкой и выбором "создать копию/duplicate layer's". Для быстрого создания нескольких слоев, создайте обычным образом слоя три, а потом нажмите на нижний слой листика и, одновременно нажимая клавишу shift, выбираете самый верхний слой с листиком. Все три слоя с листиком выделяться. После чего снова правой мышкой вызов меню и выбор создания копии. Вы получить уже 6 слоев.
Теперь мы начинаем "прокладывать путь" движения листика в обратной перемотке, то есть с того места куда он улетит. Уменьшать будем путем трансформации -> ( Ctrl+t ), и не забываем нажать на верхней панельке замочек закрепления пропорционального изменения размера.
[показать]
Выбираем самый верхний слой, который будет являться у нас конечным в нашей анимации и на котором листик будет максимально большим.И трансформируем листик до нужного размера, после чего передвигаем его в конечную точку его полета.
[показать]
Теперь работаем так же со следующим листиком, делая его чуть меньше и передвигая его немного левее, ближе к дереву...Вообще Вы можете на дополнительном слое изобразить себе для простоты линию, по которой будет лететь Ваш листик.
[показать]
и уже согласно этой линии расставлять свои листики на рисунке.
Проделывая одно и тоже с каждым листиком, старайтесь менять его положение относительно его же центра.
[показать]
Просто в момент трансформирования, вы наведите мушку к углу квадрата трансформации, пока не появится стрелочка в виде полукруга, и вот тогда просто разворачивайте листик вокруг его же центра относительно всего рисунка. Ведь листик не летает в одном и том же положении, не крутясь вокруг своей оси в разные стороны.
И так теперь мы расположили все листики. Как видите - это не столь трудно сколько кропотливо. Анимация будет лучше и качественне именно если будет больше слоев и меньше разрывов между 2 листиками...Идеалом было бы наложение листиков таким образом, чтобы небольшая часть 1 листика перекрывала часть другого..но это очень долго. У меня получилось вот так
[показать]

Почти готово. если вы создали линию движения, то удалите теперь этот слой чтобы не мешал. Теперь создаем копии фона по количеству слоев и каждый слой листика объединяем со слоем фона. Не запутайтесь и старайтесь объединять с низу, то есть перемещая слой фона к слою с листиком, с которым Вы желаете его объединить. В конечном итоге вы должны получить слои, по количеству равное количеству ранее созданных с листиком,расположенных так -> верхний слой - конечная точка полета листика, нижний слой - точка откуда листик улетает. При всех включенных слоях у вас должно показываться на рабочем столе только листик в его конечной точке.
[показать]

Теперь переходим к самой анимации. Выключаем все слои кроме нижнего-первого слоя и выбираем из верхнего меню функцию анимации
[показать]
"Окно/анимация".
Появилась панель анимации.
[показать]
где справа вверху жмем на значок в виде трех горизонтальных полосок. Появится меню анимации, где мы выбираем "создать кадры из слоев"
[показать]
В нашей панели анимации сразу появится все наши слои. Теперь они стали кадрами анимации. Нам надо проставить время. Выделяем сразу все кадры ( первый кадр уже выделен, прокручиваем к самому последнему кадру и жмем на него мышкой одновременно с клавишей shift.) И теперь можно нажать на стрелку рядом с отображением секунд, и в появившемся меню выбрать 0,1 сек. Все кадры сразу приобрели время выдержки в 0,1 секунду.
[показать]
Теперь можете включить play в палитре анимации и проверить как будет выглядеть Ваш рисунок. Если что-то не устраивает, то переделайте моменты какие то, или до создайте новые слои с листиком...
[показать]


По такому же принципу создаются движения и нескольких листиков для образования листопада. Набираем необходимое количество разных листиков
[показать]
каждый на новом слое. Чтобы было проще и Вы меньше путались лучше сразу создать группы, значок
[показать]
в которые вы будете закладывать слои с каждым листиком(листиками). Дело в том, что чтобы создать хороший листопад, вам потребуется создавать каждое перемещение листика(листиков) на новом слое..
Жмем на значок папки и после все слои с листиками ( у меня их 5) перемещаем в папку. Хватаем мышкой слой с листиком в палитре слоев и просто перетаскиваем его в слой где расположена папка.
[показать]

Получилось ли у вас переместить все в папку проверьте путем нажатия на стрелку рядом со значком папки. Тогда папка "закроется" и все что в ней содержится свернется.
[показать]
Так теперь мы разместим наши листики так как они будут двигаться. Повторяем в общем все что делали с 1 листиком, но только по отношению уже к группе листиков. Опять же повторюсь - если не лень и есть время, то лучше работать примерно с 10-15 слоями листьев, а не с 5 как я...Тогда и листопад будет более "густой" и "листопаднее".
Теперь практически повторяем все что делали вначале с 1 листиком, но по отношению уже к группе листиков. за несколькими исключениями. Вы можете избрать 2 пути развития листопада.
1. Каждый листик падает по своей траектории, и соответственно вы выстраиваете все листики по своей траектории
[показать]
1 группа 5 листиков- в конечной точки расположения 2 группа 5 листиков - чуть выше по обозначенной траектории и т.д. тут так же следует менять и расположение вокруг своей оси расположение листиков, можно увеличивать уменьшать размеры, имитируя полет от вас или к вам.

2. Листики просто падают без особой траектории..так скажем каша мала. Для этого, вы расположив листики в первой группе, создаете дубль папки группы(так же как создаются дубли слоев) и уже во второй папке меняете расположение и размер листиков, не придерживаясь особых траекторий...а как захочется. Главное чтобы получилось разнообразие - много листиков, разного размера, по разному расположенных.
[показать]
После расположения листиков по 1 или 2 способу, переходим к фону. Мы создаем количество фоном ровно по количеству папок групп. После чего каждый фон закидываем в каждую папку группы. Выключаем все слои за исключением 1 группы., по которой жмем правой мышкой и выбираем- объединить видимые слои (Merge visible). Мы получаем 1 слой с 1 группой листиков на фоне. Далее выключаем этот слой и включаем слои во второй группе. Там так же объединяем все видимые слои в этой группе. Таким образом поступаем со всеми слоями и получаем в конечном итоге столько количества рисунков, сколько было папок.
Если вы используете 2 способ листопада, то можете создать дубли уже готовых слоев, и смешать их с другими, переместив слои по разным местам.Помним что во 2 способе мы не придерживаемся траекторий движений, потому нам не важно расположение слоев - листики будут двигаться хаотично, но зато нам важно чтобы их было больше и движение казалось разнообразнее, что может нам дать как раз массовость количества слоев.
заключительный этап-анимация, по примеру описанном выше. Отличия 1 и 2 способа листопада можно понять сравнив 2 рисунка, которые получились у меня.
1. [250x250]
2. [250x250]
повторюсь- чем больше вы сделаете слоев с зафиксированным положением листика по мере его продвижения, и чем больше будет при этом самих листиков ( не как у меня 5 штук, а 10-15) тем лучше будет смотреться анимация и тем достовернее будет листопад.
Так же пожелание. Начальная точка движения и конечная точка движения листиков по траектории всегда лучше обозначать по краям рисунка, поставив листики наполовину за рисунком. То есть листик только выглядывает своей как то частью, чтобы при просмотре анимации не было ситуации что лист падал падал а потом посередине рисунка просто куда то испарился...пример того имеется на рисунке 1 с желтым крупным листом по середине. В то время как остальные уходят то вправо то влево то вниз за края рисунка, этот лист просто исчезает с середины рисунка...


http://photoshop.rukoyatka.ru

Серия сообщений "- Уроки анимации":
Часть 1 - Урок фотошопа анимации "Листопад"
Часть 2 - Плавный переход между картинками.
Часть 3 - Плавно исчезающее изображение.(инструмент "штамп")
...
Часть 6 - Пузырьки - Урок от Mishel
Часть 7 - Водяной Знак на изображении
Часть 8 - Уроки фотошопа
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок фотошопа анимации | Алёнка_Грекова - Дневник Алёнка_Грекова | Лента друзей Алёнка_Грекова / Полная версия Добавить в друзья Страницы: раньше»