Код:

Lilitochka-club

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Lilitochka-club » Остановись мгновенье! » Синемаграфия или ожившие фотографии


Синемаграфия или ожившие фотографии

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

1

Синемаграфия - удивительная и перспективная технология для интернет-рекламы.

Нью-йоркский фотограф Джеми Бек (Jamie Beck) и моушн-дизайнер Кевин Берг (Kevin Burg) придумали новый вид изображений, который они назвали синемаграфиями (cinemagraphs). Цель синемаграфии - обратить внимание на некоторые детали образа - ветер, колышаший волосы, вино, льющееся из бутылки - с помощью локальной анимации.
По сути это простые анимированные gif изображения, но поднятые на качественно новый уровень искусства их создания. Сами авторы утверждают, что их картинки - это уже не фото, но еще и не видео, а нечто среднее. Явление это отнюдь не новое, но техника немного сложнее, чем создание обычного gif.

http://files.adme.ru/files/news/part_38/380805/1.gif

http://files.adme.ru/files/news/part_38/380805/2.gif

http://files.adme.ru/files/news/part_38/380805/3.gif

Теги: синемаграфия, ожившие фотографии, интернет-реклама

0

2

http://files.adme.ru/files/news/part_38/380805/4.gif

http://files.adme.ru/files/news/part_38/380805/5.gif

http://files.adme.ru/files/news/part_38/380805/6.gif

http://files.adme.ru/files/news/part_38/380805/7.gif

http://files.adme.ru/files/news/part_38/380805/8.gif

0

3

http://files.adme.ru/files/news/part_38/380805/9.gif

http://files.adme.ru/files/news/part_38/380805/10.gif

http://files.adme.ru/files/news/part_38/380805/11.gif

http://files.adme.ru/files/news/part_38/380805/12.gif

http://files.adme.ru/files/news/part_38/380805/13.gif

0

4

http://files.adme.ru/files/news/part_38/380805/14.gif

http://files.adme.ru/files/news/part_38/380805/15.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs1.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs2.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs3.gif

0

5

http://files.adme.ru/files/news/part_30/303155/cinemagraphs4.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs5.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs6.gif

http://files.adme.ru/files/news/part_30/303155/Cinemagraph14.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs8.gif

0

6

http://files.adme.ru/files/news/part_30/303155/Cinemagraph13.gif

http://files.adme.ru/files/news/part_30/303155/Cinemagraph15.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs9.gif

http://files.adme.ru/files/news/part_30/303155/Cinemagraph11.gif

http://files.adme.ru/files/news/part_30/303155/Cinemagraph12.gif

http://files.adme.ru/files/news/part_30/303155/Cinemagraph16.gif

http://files.adme.ru/files/news/part_30/303155/Cinemagraph17.gif

http://files.adme.ru/files/news/part_30/303155/cinemagraphs7.gif

АDME.RU

Отредактировано Лигия (2012-06-08 00:42:27)

0

7

Лигия написал(а):

Явление это отнюдь не новое, но техника немного сложнее, чем создание обычного gif.

И весят  ого-го... Так что не  вздумайте их на аватарки просить   Но красиво!

0

8

http://img0.liveinternet.ru/images/attach/c/7/94/752/94752846_AnnstreetstudioCinemagraph07.gif

http://img1.liveinternet.ru/images/attach/c/7/94/752/94752883_large_AnnstreetstudioCinemagraph00.gif

http://img0.liveinternet.ru/images/attach/c/7/94/753/94753352_large_AnnstreetstudioCinemagraph03.gif

http://img1.liveinternet.ru/images/attach/c/7/94/754/94754125_AnnstreetstudioCinemagraph17.gif

http://img0.liveinternet.ru/images/attach/c/7/94/754/94754152_AnnstreetstudioCinemagraph20.gif

http://img0.liveinternet.ru/images/attach/c/7/94/754/94754156_large_AnnstreetstudioCinemagraph21.gif

0

9

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

Cinemagraph Tutorial. 

(Синемаграф туториал - перевод статьи Fernando J Baez - Сinemagraph tutorial)

Cinemagraph больше чем просто фото, но не совсем видео.

Первый раз я увидел такого рода фотографии где-то неделю назад. Я наткнулся на два восхитительных блога, от Jamie Beck and Coco Rocha. Они делают эти потрясающие картинки, как они сами называют их “cinemagraph”. 
Cinemagraph это простой .gif файл с большей художественной выразительностью чем обычные .gif, которые ты обычно видишь. Для начала тебе нужна хорошая картинка, которая хорошо выглядит как не поджвижное фото. Когда ты сочтешь, что композиция верная и все готово, попроси своих моделей стоять настолько неподвижно, насколько это возможно для тебя, чтобы снять видео в самом высоком разрешении твоей камеры. Не забудь использовать трипод, чтобы минимизировать дрожание камеры. Я снимаю 1080p при 25 fps, это поможет тебе получить более качественную картинку, когда ты работаешь с кадрами.
Теперь, когда ты снял свое видео, открой Photoshop CS5, далее Файл - Открыть и найди свое видео.

http://media.tumblr.com/tumblr_lr1m56UtSu1qgekfq.png

В панели анимации выбери нужные кадры, одной-двух секунд достаточно в большинстве случаев, но это решать тебе. Далее, когда ты выбрал, нажимай File - Export - Render Video. Затем переименуй файл и нажми Render.

Теперь иди в File - Import - Video frame to layers (импортировать кадры видео в слои). Теперь в панели анимации есть кадры и в панели слоев есть все кадры, которым ты можешь создать маски и хорошенько отредактировать. Выбери первый кадр и в панели слоев будет виден только первый слой. Это будет неподвижная часть фотографии. Выбери второй кадр и в палитре (панели) слоев выбери и первый и второй слои. Сделай маску второму слою той части, которая должна двигаться.

Проделай то же самое со всеми кадрами, только помни, что только те слои, которые видимые, появятся в этом конкретном кадре.

Ты можешь просмотреть анимацию в любое время, нажав клавишу пробела.

Чтобы сделать плавный переход в анимации, первый и последний кадры должны быть одинаковыми. Это легко можно сделать, как ты закончишь накладывать маски на слои. Выбери все кадры, скопируй и вставь их после оригинальных кадров. Теперь в меню панели анимации выбери Reverse frame (Обратить порядок кадров) и все готово.

http://media.tumblr.com/tumblr_lr1m68fNwg1qgekfq.png

Выбери время показа для каждого кадра, поиграйся со значением пока не понравится результат, я делаю 0,16 секунды в каждом кадре. Ты можешь добавить корректирующий слой, чтобы поменять цвета или сделать другой эффект. Так как это будет .gif файл, значит мы ограничены 256 цветами. Поэтому хорошая идея использовать Duo-tone или кросспроцесс дабы уменьшить цвет и получить все возможное от этого gif файла. Я использую эффект кросспроцесса. Как только вы закончили с этим, время сделать gif файл.
Чтобы сохранить анимацию, жми File - Save for web and device (сохранить для web и устройств), выбери gif, убедись, что повтор анимации поставлен на бесконечность.

http://media.tumblr.com/tumblr_lr1muvBn1G1qgekfq.png

Вот и все, дело сделано.

© Fernando J Baez

P.S.

1. Выровнять дрожащие кадры в Photoshop можно командой Редактирование - Автоматическое выравнивание слоев.

2. Обработать видео можно в MP4Cam2Avi или Virtual Dub, там же можно сохранить часть видео как avi файл или как серию изображений. File - Export - Image sequence…

3. Снимая HD видео на Nokia N8, получаешь отличного качества картинку стандарта MPEG-4. Но без кодеков Quicktime такое видео не обработать.

blog.ahalai.ru/post/9828965462/cinemagraph-tutorial-perevod-ozhivshie-kartinki

0

10

Посвободней  буду - надо разобраться... http://s017.radikal.ru/i408/1210/14/24fb2fe07675.gif

0

11

http://s2.uploads.ru/t/tWE6Z.gif

0

12

http://sf.uploads.ru/NV4t9.gif

0

13

http://sf.uploads.ru/Btu18.gif

0


Вы здесь » Lilitochka-club » Остановись мгновенье! » Синемаграфия или ожившие фотографии


Рейтинг форумов | Создать форум бесплатно