Эффект анимации из квадратов в картинку при помощи Фотошопа

В этом уроке я расскажу как сделать анимированную аватарку с эффектом сборки картинки из квадратов в ImageReady.

Берем любую картинку размером 200*200 (100*100).

\"картинки

Создаем еще 7 копий (Ctrl+J). И переименовываем все слои от 1 до 8. Затем снимаем со всех слоев просмотр и переходим на «1».

\"как

Затем идем Filter/Distort/Wave(фильтры -> искажение -> волна).

\"фильтры

Устанавливаем следующие настройки:

\"настройки\"

Переходим на слой «2» и Изменяем только Scale(масштаб).

\"масштаб\"

Тоже самое делаем с остальными слоями, уменьшая Scale(масштаб).
На слое «3» – Scale 50%
На слое «4» – Scale 25%
На слое «5» – Scale 15%
На слое «6» – Scale 10%
На слое «7» – Scale 5%
Cлой «8» не изменяем.

Теперь нажимаем кнопку в нижней части панели инструментов и переносим наше творение в ImageReady (Shift+Ctrl+M).

\"в

Для первого кадра отключаем все слои кроме слоя «1».

Устанавливаем время 0,1sec.

\"установить

Нажимаем на кнопку создания нового кадра. Время устанавливается автоматически (0,1sec). В панели слоев включаем просмотр «2» слоя.

\"создания

Также создаем остальные кадры, соответственно включая слои.
Для 3 кадра – 3 слой.
Для 4 кадра – 4 слой.
Для 5 кадра – 5 слой.
Для 6 кадра – 6 слой.
Для 7 кадра – 7 слой.
Для 8 кадра – 8 слой.

В конечном итоге у нас должно получиться 8 кадров. Для последнего восьмого кадра устанавливаем время 0,5sec.

\"кадры

Вот и все!!!

Теперь осталось только правильно сохранить!

Заходим File/Save Optimized As…(Ctrl+Shift+Alt+S). Затем указываем путь, куда хотим сохранить.

Подробней об этом тут

\"как

\"анимация\"

Автор урока: Prescilla
Данный материал подготовлен для Вас командой сайта https://bakemono.ru

Понравилась статья? Поделиться с друзьями:
Bakemono.RU
Комментарии: 18
  1. Vlada4ka

    Сяп!

  2. Skelet

    спасиб, классно получилось
    так нормально :

  3. yachiru

    Большое спасибо за урок!!!)) love fascinated

  4. мира

    спасибо за урок furious

  5. paper-child

    спасибо за урок hello furious

  6. enuz39

    Спасибо Большое delighted ,я сначала одну опцию не поменял и у меня рисунок волной был,потом по пробовал прямоугольную картинку вроде нормально получается…Но всё же Спасибо yes

  7. Kita_A

    Дайте пожалуста сайт фотошопа где его можно скачать в ПМ жду ответа заранее спасибо! sm16

  8. КаВайНаЯ_ЭлФи

    Skelet,
    Классно! Поставь на аву, а то у тебя значок Бакемоно..Он конечно красивый, но эта ава посимпотней! ^.^

  9. 007gtr

    у меня на аватар такая не поставилась много весит love а так класно у меня палучилось furious

  10. liush1997

    кроуто furious

  11. Jein aka чудо

    у меня все получилось спасибо

  12. Uri

    Спасибо за урок yes * пошла делать аву *

  13. Fymiko

    спасибо у меня получилось) delighted fascinated

  14. Shaadan0589

    Все работает!
    Спасибо!
    furious

  15. Prescilla

    Shaadan0589,
    Возможно, анимация неправильно сохранена.

    Чаще всего делают ошибку сохранения анимацию через File/Save As (Файл / Сохранить как). Когда необходимо File/Save Optimized As (Файл / Сохранить с оптимизацией).

    Так же я добавила раздел в пособие по сохранению. Посмотри еще и там. Клик

  16. Shaadan0589

    сделал аватарку, но картинка проигрывается только в Adobe Image Ready, а в просмоторщиках анимации нет, сразу последний кадр (целое изображение)

  17. Yuu-tyan

    Спасибо большое))))) Супер урок fascinated

  18. animeshnik007

    крутооо))супер урок,Prescilla furious так держать))

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.