Итак, по просьбам трудящихся этот урок будет посвящен детальной разборке моей анимационной аватары. Скажу сразу: я уже точно не помню, какие настройки и где я ставила и работать я буду с новыми исходниками, так что конечный результат, естественно, будет отличаться от оригинала. Прошу всех, кто прочитал этот урок и сделал работу в ФШ, покажите свой результат. Мне, во-первых, до банальности интересно поглазеть на ваши работы, а, во-вторых, чтобы понять, не допустила ли я каких-либо ошибок, ну, или вы.

Ну что, приступим?

----------------------------------------------------------------------------------------------------------

Внимание: ни малейшего своего внимания в этом уроке не обращаем на анимированный текст, блики и лампочки. Знаете, как делать – делайте. Но меня сейчас лучше не раздражать, в силу женской физиологии. Лучше подарите мне шоколадку и тыквенный сок – лучше будет.

Еще момент: вся анимация подразделяется на 6 эффектов.

[spoiler *=Тык][/spoiler]

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

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

Итак, для урока нам понадобятся:

1) 3 исходника, объединенных одной темой.
`Если это фотосессия, как на моей анимации, то все 3 исходника должны быть из этой фотосессии.
`Если вы хорошо умеете работать с одним исходником - пжалста, работайте с одним.
`Мои исходники:
[spoiler *=Тык]

[/spoiler]

2) Терпение и еще раз терпение.
`Без каментариефф хд

Are you ready, kids? Oh, yeah, captain! хд

1) Создаем новый документ размером 100*162

2) Эффект №1

`Открываем первый исходник

`Если есть необходимость, кадрируем, уменьшаем, в общем, делаем его пригодным для работы с ним.

`Как видно на примере Эффекта, идет переход от одной части исходника к другой. В данном случае, голова девушки перемещается из правой части аватара в левую.

`Берем инструмент «Прямоугольная область» и ставим такие настройки:

[spoiler *=Тык][/spoiler]

`Далее просто тыкаем на нашем исходнике две области и перетаскиваем их на наш рабочий документ. Первая область – от которой будем уходить, вторая область – к которой будем приходить. Не понятно – вот скриншоты.

[spoiler *=Тык]
[/spoiler]

`Совсем по-детски: тыкнули первую область – перенесли, тыкнули вторую – перенесли.

`Если все сделано правильно, и две части исходника лежат на рабочем слое ровно, то должна получиться следующая картина.

[spoiler *=Тык][/spoiler]

`Еще раз внимательно смотрим на Эффект №1. Область, к которой мы переходим, лишена цветов. Для этого мы выделяем Слой 2 и нажимаем комбинацию клавиш Shift+Ctrl+U (без плюсов). Наш слой стал бесцветным.

`Копируем Слой 1 шесть раз комбинацией клавиш Ctrl+J. Работаем с первой копией. Идем в Фильтр – Размытие – Размытие в движении. Ставим следующие настройки:

Угол – 0 (и везде будет 0)
Смещение – 5

`Работаем со второй копией. Идем в этот же фильтр. Ставим следующие настройки:

Смещение – 50

`И так далее идет работа с каждой копией 1-го слоя. Должна в настройках смещения вырисовываться такая картина. Дополнительно, через дробь пишу непрозрачности для Слоев, когда вы примените к ним фильтры.

1 копия – 5/Непрозрачность слоя 100%
2 копия – 50/Непрозрачность слоя 85%
3 копия – 75/Непрозрачность слоя 75%
4 копия – 100/Непрозрачность слоя 65%
5 копия – 125/Непрозрачность слоя 45%
6 копия – 150/Непрозрачность слоя 25%

`Далее копируем Слой 2 пять раз. Берем Слой 2 (копия) и подставляем ее под  Слой 1 (копия) 2. Берем Слой 2 (копия) 2 и подставляем под Слой 1 (копия) 3. Сделали? Молодцы, продолжайте в том же духе, подставляйте копии Слоя 2 под копии Слоя 1. В конце концов, должно получиться нечто такое:

[spoiler *=Тык][/spoiler]

`Теперь будем работать только с копиями 1-го слоя. Встаем на Слой 1 (копия) 6. Нажимаем комбинацию клавиш Ctrl+E (латинская E). Слои совместились. Встаем на Слой 1 (копия) 5 жмем ту же комбинацию. Ту же работу проделываем вплоть до Слоя 1 (копия) 2. Получается такая картина:
[spoiler *=Тык]

[/spoiler]

`Если вы вытерпели эти объяснения, вы вполне готовы для следующего Эффекта, ибо мы сделали первый.

3) Подготовка к Эффектам №2 и 3.

`Возьмите следующий исходник и выделите ту область, которая вам нужна, перетащите ее на рабочий документ. Сделали? Отлично.

`Теперь вам нужно немного уменьшить в размере исходник. Я уменьшила примерно в 1,5 раза и снова выделила нужную мне область, и снова перенесла на наш рабочий документ. Таким образом, внимание на слои:

[spoiler *=Тык][/spoiler]

4) Эффект №2

`Копируем Слой 2 пять раз. Работаем со Слой 2 (копия) 6. Идем в Фильтр – Искажение – Волна.
Ставим общие настройки. "ДА" НЕ ТЫКАЕМ! Тыкнете после настройки амплитуды!

Число генераторов – 6
Длина волны – 100/100
Масштаб – 100/100

Амплитуда на каждой копии 2-го слоя будет своя:

Слой 2 (копия) 6 – 1/1 … Непрозрачность слоя 90%
Слой 2 (копия) 7 – 2/2 … Непрозрачность слоя 65%
Слой 2 (копия) 8 – 3/3 … Непрозрачность слоя 55%
Слой 2 (копия) 9 – 4/4 … Непрозрачность слоя 35%
Слой 2 (копия) 10 – 5/5 … Непрозрачность слоя 25%

`Копируем Слой 3 пять раз. Подставляем каждую копию под копию 2-го слоя, где мы только что применили фильтр «Волна». И сейчас мы будем работать только с этими пятью копиями 3-го слоя. Мы будем использовать тот же фильтр – «Волна», настройки те же самые, НО! Настройки амплитуды как бы идут «задом наперед», то есть, на Слой 3 (копия) Амплитуда будет 5/5, а на Слой 3 (копия) 5 – 1/1. Настройки непрозрачности не трогаем.

`Ну, и как всегда, встаем на Слой 2 (копия) 10 и жмем Ctrl+E, встаем на Слой 2 (копия) 9 и жмем Ctrl+E. Напомню, что последний слой, который нужно совместить с нижним – Слой 2 (копия) 6.

`После всех этих манипуляций в слоях должна быть приблизительно такая картина:

[spoiler *=Тык][/spoiler]

Все, с Эффектом №2 покончено.

5) Эффект №3

`Надеюсь, вы выполнили подготовку перед 2-м Эффектом, и у вас есть Слой 4. К нему мы будем переходить очень и очень легко, используя один небольшой фильтр – Фильтр – Искажение – Дисторсия – и непрозрачность.

`Копируем Слой 3 четыре раза. Сразу устанавливаем на них непрозрачность. И я выставляю настройки к ползунку в Дисторсии.

Слой 3 (копия) 6 – 80% - 25
Слой 3 (копия) 7 – 60% - 35
Слой 3 (копия) 8 – 40% - 45
Слой 3 (копия) 9 – 20% - 55

`Копируем Слой 4 четыре раза и как в предыдущих эффектах подставляем их под слои с эффектом, соединяем их (Ctrl+E). Слои:
[spoiler *=Тык]
[/spoiler]

Подготовка к Эффектам №4 и 5.

`Открываем ваш последний исходник, выделяем ту область, которая нужна вам, переносим ее на наш рабочий документ и копируем один раз.

`Работаем с копией. Идем в Редактирование – Трансформирование – Отразить по горизонтали. Наш слой отразился.

`Слой 5 необходимо обесцветить. Комбинация клавиш – Shift+Ctrl+U

Подготовка закончилась.

6) Эффект №4.

`Здесь почти все повторяется, как и в Эффекте №1, мы копируем Слой 4 шесть раз, Слой 5 пять раз, переставляем СлоИ 5 под СлоИ 4, кроме самой первой копии. Примерно все должно выглядеть так:

[spoiler *=Тык][/spoiler]

На скриншоте также написаны непрозрачности для слоев. Сделайте так же.

`Все настройки для фильтра «Размытие в движении» для Слоев 4 возьмите в Эффекте №1.

`Совмещение слоев то же самое, верхний с нижним, комбинацией Ctrl+E.

`В слоях ситуация такая:

[spoiler *=Тык][/spoiler]

7) Эффект №5

`Копируем Слой 5 шесть раз. Работаем с первой копией. Идем в Фильтр – Искажение – Искривление. Настраиваем примерно так:

[spoiler *=Тык][/spoiler]

Затем идем в Фильтр – Размытие – Радиальное размытие. Ставим:

Метод – Кольцевой, Качество – Наилучшее, Где бегунок – 15.

На остальных копиях значение бегунка увеличивается на 10.

`Берем ластик с такими настройками:

[spoiler *=Тык][/spoiler]

`Подтираем то, что размылось с боку. Такую же  операцию вы повторите с остальными копиями, когда примените оба фильтра.

`Настройки Искривлений для остальных копий:
[spoiler *=Тык]
[/url]
[/url]
[/url]
[/url]
[/url]
[/spoiler]
`Приблизительная ситуация в слоях. Настройки Непрозрачности поставьте как на скриншоте:

[spoiler *=Тык]
[/spoiler]
`Копируем Слой 5 (копия) пять раз и как в предыдущих случаях подставляем их под слои с фильтрами. Совмещаем слои. Слои:
[spoiler *=Тык]
[/spoiler]

8) Эффект №6

`Копируем Слой 5 (копия) семь раз. Работаем с первой копией. Идем в Фильтр – Искажение – Скручивание. Настройки Скручивания для каждой копии отличаются на 25. Начинаем с 25. То есть, на первой копии скручивается на 25 градусов, то на седьмой копии – на 175 градусов.

`Копируем самый первый слой шесть раз и подставляем по одному слою, начиная с самого верха. Таким образом, из семи слоев с фильтром только один, самый первый с Непрозрачностью 100% остается без второго слоя внизу. Совмещаем слои попарно, как делали раньше много раз.

Извиняюсь, скриншота нет.

Итак, мы уже на финишной прямой.

9) Анимация.

`Идем в Окно – Анимация. К сожалению, я не смогла заксриншотить следующий момент, дабы облегчить нам работу, поэтому объясняю как могу:

В правой верхней части окошечка Анимации есть такая маленькая кнопочка, где изображен треугольник и полосочки. Если не видите, выделено на  скриншоте черным цветом. Жмем на него и в открывшемся списке ищем «Создать кадры из слоев». Нажали? Тогда должно в окошечке анимации произойти нечто следующее:

[spoiler *=Тык][/spoiler]

`Получилось? Снова жмем на треугольник и полосочки, ищем «Выделить все кадры». Все кадры выделились, и мы должны установить время. Внимание на скриншот:

[spoiler *=Тык][/spoiler]

`Нажимаем туда, где выделено черным и выбираем «Другое». Устанавливаем время 0,17, жмем «Да», и на ВСЕХ кадрах устанавливается время 0,17.

`Все, голая анимация готова. В следующем уроке будем применять лампочки, блики, градиент, а еще на следующем поговорим об анимации текста. Сохраняйте в двух форматах: в PSD и GIF. PSD на следующие уроки, GIF мне на проверку в комментарии хд

Мой результат -

----------------------------------------------------------------------------------------------------------

И мне все-таки очень хочется посмотреть на ваши результаты. Я этот урок писала со всеми прибамбасами часа 4, а сделать эту работу новичку – час. Сравните, и да проснется в вас совесть хд

Желаю всего хорошего, удачи, попутного ветра, и тэ дэ и тэ пэ.