1. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

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

Тема в разделе "Фотография, графика и дизайн", создана пользователем Gustav, 3 авг 2016.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    9.501
    Симпатии:
    5.741
    Синемаграфия: как сделать живую картинку в Photoshop

    cinemagrafija.gif

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

    cinemagraph.gif

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

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

    • Итак, первое — выбираем для начала несложное видео, где можно вырезать кусочек без резких перемещений главного объекта и обилия подвижных дополнительных. Это условие нужно потому, что мы будем работать не над каждым кадром, а в группе. Закачать его с Youtube можно благодаря Savefrom или аналогичным приложениям.
    cinemagrafia1.jpg
    • Открываем фотошоп. Выбираем рабочую среду – Движение и отмечаем в разделе меню Окно пункт Шкала времени, если он не отмечен. На панели нажимаем кнопку в виде ленты – Добавить объект.
    cinemagrafia2.jpg

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

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

    cinemagrafia3.jpg

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

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

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

    cinemagrafia6.jpg

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

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

    [​IMG]
     

Загрузка...
Похожие темы Форум Дата
Скачать Наш секрет стройности или как похудеть, не потеряв себя - Федорова (2016) Здоровье и спорт Вчера, в 16:58
Скачать Как сделать продающее предложение на сайте в любом бизнесе - Христосенко (2016) Бизнес, маркетинг и менеджмент Вчера, в 11:19
Скачать Как получать заказы на изготовление мебели из интернета - Смирнов Ремонт и строительство Вчера, в 08:40
Скачать Закупка как единый процесс от плана до исполнения контракта - Межникова, Савукова (2016) Бизнес, маркетинг и менеджмент Понедельник в 16:20
Скачать Как мы делаем большие интернет-магазины - CMSmagazine (2013) Создание сайтов Воскресенье в 11:14
Скачать Как мы делаем сайты финансовых организаций - CMSmagazine (2013) Создание сайтов Воскресенье в 11:11
Скачать Как мы делаем мобильные приложения - CMSmagazine (2013) Создание сайтов Воскресенье в 11:07