Код:

Lilitochka-club

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

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


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


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

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

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.

И весят  ого-го... Так что не  вздумайте их на аватарки просить   Но красиво! http://s39.radikal.ru/i086/1007/34/6a401b60cdc5.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

http://www.krasfun.ru/images/2011/6/54880_livepic25.gif

http://www.ellf.ru/uploads/posts/2011-06/1307017979_0-13.gif

http://www.ellf.ru/uploads/posts/2012-01/1327045835_0-8.gif

http://img-fotki.yandex.ru/get/6005/64843573.9b/0_795bd_7ffc963_orig.jpg

0

10

[color=#FC0000] Как сделать синемаграфию?[/color]

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

11

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

0

12

Lilitochka написал(а):

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


Лилит,а почему нельзя на аватарки использовать?

Тем более всего несколько штук подходят...

0

13

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

0

14

http://s5.uploads.ru/t/cuTjk.gif
http://s7.uploads.ru/t/aQjl8.gif

0

15

http://s7.uploads.ru/t/3QmXr.gif
http://sf.uploads.ru/t/aZ8xV.gif

0

16

http://se.uploads.ru/t/uQS2t.gif
http://s4.uploads.ru/t/jXBau.gif

0

17

http://sa.uploads.ru/t/GQs2w.gif
http://sd.uploads.ru/t/Lnefk.gif
http://se.uploads.ru/t/2F97o.gif

0

18

http://sg.uploads.ru/t/nMzLb.gif
http://se.uploads.ru/t/7riTd.gif
http://s1.uploads.ru/t/tl8xU.gif

0

19

http://s7.uploads.ru/t/nKkWJ.gif
http://s4.uploads.ru/t/6y0aY.gif

0

20

http://se.uploads.ru/t/Y1lD5.gif
http://s6.uploads.ru/t/eL2v5.gif

0


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


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC