[*РаСкРуТкА фОрУмО.оВ*]

Объявление

[=Мир фотошопа и дизайна=]

Вы здесь » [*РаСкРуТкА фОрУмО.оВ*] » Уроки фотошопа » Анимация "Жизнь в Движении"


Анимация "Жизнь в Движении"

Сообщений 1 страница 2 из 2

1

источник

Результат урока:

http://i052.radikal.ru/0906/67/92012e10daa3.gif

1. Открываем картинку. Для своей аватары я брала вот эту картинку:

http://radikal.ru/F/s48.radikal.ru/i122/0906/3d/a8b1328fd966.jpg

2. Обрезаем картинку под аватару размером 100 на 100. Читаем уроки "Как изменить размер" и "Как обрезать картинку?", если не знаем как это сделать.

Вот моя аватарка:

http://s48.radikal.ru/i119/0906/ca/7e44a90a0c02.jpg

3. Оставим эту базу нетронутой. И скопируем ее, чтобы было с чем работать дальше. Скопировать слой мы можем нажав ctrl + j на клавиатуре:

http://s56.radikal.ru/i153/0906/b6/87f49a40466c.jpg

4. К этому новому слою-дубликату применяем Filter (фильтр) => Other (другие) => Offset(Смещение):

http://s42.radikal.ru/i095/0906/28/54824db136cft.jpg

Открывается вот такое окно:

http://i021.radikal.ru/0906/28/154fce711454.jpg

так как мы работаем с вертикалью, выбираем бегунок "Vertical" и ставим там значение "+10". Внизу обязательно указываем "Wrap Aroud" (закольцевать).

В результате видим следующее:

http://s60.radikal.ru/i170/0906/32/a0655937c9fb.jpg

5. Теперь копируем уже этот новый слой. Проверив, что выделен он, жмем снова ctrl + j:

http://s45.radikal.ru/i109/0906/e6/c33d397421bf.jpg

6. И снова применяем фильтр, к уже новой копии, ничего не меняя, снова сдвигая картинку на 10 пикселей на вертикали:
http://i037.radikal.ru/0906/57/10ce05b87d59.jpg

7. Так (копируем слой - применяем фильтр) делаем до тех пор, пока картинка не вернется на исходную позицию. У меня всего вышло 10 кадров (вместе с базой):

http://s41.radikal.ru/i093/0906/73/04ca5c608e3d.jpg

Украшение аватары

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

Я решила сделать фон для своей аватары из градиента.

- Я создала новый пустой слой.

- Разместила его ниже всех моих слоев.

- Залила слой белым цветом при помощи Paint bucket tool

- Применила к слою "Blending options" (эффекты слоя) - Gradient (градиент) с такими настройками:

http://s54.radikal.ru/i145/0906/fc/f112188d2bc3.jpg

- Но вы его не увидете, пока не измените режим наложения всех слоев дубликатов с падающим человеком. Для этого выыделив поочередно каждый из них, измените режим наложения "Normal"/Нормальный на "Darken"/Замена темным. Таким образом на аватаре будут видны только темные эелементы - а это сама девушка и градиент под ней:
http://s52.radikal.ru/i136/0906/51/45f143828d5f.jpg
http://s45.radikal.ru/i107/0906/2e/974f5ec37cca.jpg

- Я не ограничилась фоном и еще надпись на аватару. Надпись расположила поверх всех остальных слоев:

http://s49.radikal.ru/i126/0906/ed/42b0e05a4d79.jpg

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

8. Переходим в Имайг Реади:

[youtube]http://i015.radikal.ru/0906/42/21017517aef6.jpg[/youtube]

9. В панели "Animation" (Анимация) создаем еще кадров, по числу наших слоев-дубликатов с девушкой, с помощью кнопки "Duplicate current frame" (дублировать активный кадр):
http://s59.radikal.ru/i166/0906/a6/08c89a4fd6a8.jpg

10. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка, для второго кадра - первый дубликат, для третьего кадра - второй дубликат, и т.д.. На скрине я показала, как проставить видимость только для первых трех кадров, а дальше, я думаю, вы справитесь сами:

http://i028.radikal.ru/0906/4f/b3a6c7d79073.gif

Примечание: Если вы украшали свою аватару, то слои с украшениями (слой-фон, слой-рамка и т.д.) должны присутствовать на всех кадрах, т.е. их видимость (глаз около слоя) должна быть включена на каждом кадре, как это сделано в моем случае.

11. Выставляем нужное время, и жмем play:

http://s50.radikal.ru/i129/0906/82/110d42fb6922.gif

А если вы заранее потрудитесь и объедините пару сходных по идее и фону изображений в одну картинку, ваш результат может оказаться еще интересней!

http://s39.radikal.ru/i083/0906/86/154e3118781b.gif

Экспериментируйте!

+1

2

Очень классно и полезно!)) +

0


Вы здесь » [*РаСкРуТкА фОрУмО.оВ*] » Уроки фотошопа » Анимация "Жизнь в Движении"