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


Урок фотошоп. Анимация- кусочки. 28-04-2011 23:57 к комментариям - к полной версии - понравилось!

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

Урок фотошоп. Анимация- кусочки.

Меня попросили показать, как делается такая анимация. Показываю с удовольствием!
[400x]


Создайте новый документ с белым фоном. На первых моих фото вы не увидите этого белого фона, я про него просто забыла, у меня был прозрачный, я залила его его в процессе, сути дела не меняет.
Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.
Картинка должна быть меньше, чем сам документ.
Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)

[500x]


Возьмите инструмент [показать]и создайте выделение вокруг левой верхней части картинки.

[500x]


Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

[показать]


Каждому кусочку картинки примените такие стили:
Layer > Layer Style > Blending Options ( Добавить- Стиль слоя - Параметры наложения) Кнопка с буквой f внизу справа.

Тень: Цифры сверху вниз- 40-5-45-25
[показать]


Обводка:Цифры сверху вниз- 5-90

[показать]


Получится так-

[показать]


Теперь оставьте видимым только первый слой на фоне и откройте окно- анимация.

[показать]


В рабочем окне перетащите картинку в нижний левый угол таким образом, чтобы остался видимым только маленький уголок. Выставьте время. У меня- 0,2.

[показать]


Затем нажмите на кнопку [показать]Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.
После чего перетащите картинку в рабочем окне снова на положенное место.

[показать]


Выделите эти два кадра(Shift+клик по кадрам) и нажмите на кнопку [показать]Tween (Добавить промежуточные кадры).

[показать]


В окне Tween установите такие настройки:

[показать]


После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:

[300x]


Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия.
Обратите внимание, что здесь в палитре слоёв появился белый фон, у вас он будет с самого начала, если у вас его нет, то добавьте новый слой и залейте его белым цветом.

[показать]


Проделайте так с каждым кусочком. В конце у вас должно получиться так-

[показать]


Всего кадров- 37, на последнем слое выставьте время-1. Наша анимация готова.Сохраняем в фомате gif, анимация тяжёлая, не делайте размер больше 500.

Приятного творчества!
  • Adelina.


  • Код поста-

    вверх^ к полной версии понравилось! в evernote


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

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