Закрыть ... [X]

Как сделать движущее фото

Закрыть ... [X]

2 Авг, 2016 Юля Дизайн 23 291 просмотров 0

Синемаграфия

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

cinemagraph

Как сделать синемаграфию в фотошопе?

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

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

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

cinemagrafia1

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

cinemagrafia2

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

turist

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

cinemagrafia3

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

cinemagrafia4

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

cinemagrafia5

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

cinemagrafia6

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

turistcinema

Дополнительно

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

cinemagrafia7

Читайте также: 

10 распространенных ошибок при работе в Photoshop

Цифровая живопись: текстурные кисти в Adobe Photoshop

Скачайте бесплатную книгу «Photoshop Tips and Tricks»

 

 

 

<p style="text-align: center">Нашли ошибку? Выделите текст и нажмите <em>Ctrl+Enter</em>.</p> comments powered by HyperComments comments powered by HyperComments

Поделиться:

Теги adobe photoshopgifвеб-дизайнгифкасинемаграфия

Сообщить об опечатке Текст, который будет отправлен нашим редакторам:

Отправить Отмена

Яндекс.Метрика
Источник: http://say-hi.me/design/sinemagrafiya-kak-sdelat-zhivuyu-kartinku-v-photoshop.html


Поделись с друзьями



Рекомендуем посмотреть ещё:



Похожие новости


Развиваю домик своими руками
Как сделать шашлыки в москве
Блог как его сделать
Все для хранения инструмента своими руками
Цветок мурайя уход в домашних условиях
Проекты садовых туалетов своими руками


Как сделать движущее фото
Как сделать движущее фото


Как сделать ожившее фото движущиеся фотографии в Фотошоп
Как сделать живые движущиеся фото (видео) / Фото (идеи съемок) / ВТОРАЯ



ШОКИРУЮЩИЕ НОВОСТИ