• ВНИМАНИЕ! НОВЫЙ АДРЕС САЙТА

    РКН заблокировал текущий домен

    Актуальный адрес сайта всегда указан здесь - EGROUND-ZERKALO.COM

Чтиво Синемаграфия: как сделать живую картинку в Photoshop

G

Gustav

Команда форума
Администратор
Сообщения
26.410
Лайки
51.221
Синемаграфия: как сделать живую картинку в Photoshop

Скачать Синемаграфия: как сделать живую картинку в Photoshop


Синемаграфия – это файл в gif-формате, который сочетает в себе статичную картинку и анимированную деталь. Идея создания этой техники принадлежит фотографам Джейми Бек и Кевину Баргу, которые использовали ее для обработки своих фоторабот в сфере моды и журналистики. В итоге получалась живая картинка, привлекающая пользователей сайтов больше, чем статичное изображение.

Скачать Синемаграфия: как сделать живую картинку в Photoshop


Как сделать синемаграфию в фотошопе?
Уроков, как сделать синемаграфию в Adobe Photoshop, есть много, но они все разнятся между собой, и ни один целиком не подошел мне для реализации. Я покажу самый простой и оптимальный способ, который выбрала для себя. Работа велась в фотошопе версии СС 2015.

Последовательность работы:

  • Итак, первое — выбираем для начала несложное видео, где можно вырезать кусочек без резких перемещений главного объекта и обилия подвижных дополнительных. Это условие нужно потому, что мы будем работать не над каждым кадром, а в группе. Закачать его с Youtube можно благодаря Savefrom или аналогичным приложениям.
Скачать Синемаграфия: как сделать живую картинку в Photoshop

  • Открываем фотошоп. Выбираем рабочую среду – Движение и отмечаем в разделе меню Окно пункт Шкала времени, если он не отмечен. На панели нажимаем кнопку в виде ленты – Добавить объект.
Скачать Синемаграфия: как сделать живую картинку в Photoshop


  • Вырезаем из видео небольшой кусок (оптимально – 10-30 кадров, то есть достаточным будет фрагмент продолжительностью в 1 секунду).
Скачать Синемаграфия: как сделать живую картинку в Photoshop


Сохраним его для себя: Файл-Экспортировать-Сохранить для WEB.

Скачать Синемаграфия: как сделать живую картинку в Photoshop


  • Теперь заново открываем его в Adobe. На панели Шкала времени вы сразу же его увидите по кадрам, как и в слоях. «Слой 1″ оставляем не тронутым, а остальные группируем (Зажимаем CTRL и выбираем объекты, а затем CTRL+G).
Скачать Синемаграфия: как сделать живую картинку в Photoshop


  • Сразу же для этой группы применяем маску: Слои-Слой-маска-Скрыть все.
  • Объект, который будет подвижным выделяем белым с помощью Кисти (непрозрачность 100%).
Скачать Синемаграфия: как сделать живую картинку в Photoshop


  • Вверху на вкладке Слои нажимаем клавишу «Унифицировать видимость», в сплывающем окне подтверждаем – «Синхронизировать».

Скачать Синемаграфия: как сделать живую картинку в Photoshop


  • Теперь, когда мы нажмем на панели Шкала времени клавишу Проиграть, то увидим эффект синемаграфии. Можно сохранять файл для WEB.
Скачать Синемаграфия: как сделать живую картинку в Photoshop


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

 
Сверху Снизу