1. Новые покупки

    24.03.2017: Обучающий и интенсивный онлайн курс от ведущей иммиграционной компании Канады

    24.03.2017: Методика слива трафика. Арбитраж (Бурж и Ру)

    24.03.2017: Advanced Time and Sales (ATAS)

    23.03.2017: INSTASOFT 4.0.9.5

    23.03.2017: Виртуальная ШКОЛА СКАЗКОТЕРАПИИ

    22.03.2017: сервис по лендингу

    22.03.2017: От 130 000 Зарабатывай сидя! (белая схема)

    22.03.2017: Курс "Дебиторка: от поиска до взыскания 2.0" В. Куклин

    21.03.2017: Измени свой мозг: Новые инструменты критического мышления

    20.03.2017: [Lynda]Основы композитинга в After Effects: Ротоскопирование и обработка краев

    20.03.2017: Как зарабатывать от 50000 руб. сидя 4 часа в неделю в ВКонтакте - Жуковский (2017)

    18.03.2017: Контрактные автозапчасти - Гордеев

    17.03.2017: Perfex CRM - мощнейшая crm и erp система на Codecanyon (1.6.2)

    17.03.2017: Патч для платформы Advanced Time And Sales

    14.03.2017: Поток клиентов из Инстаграм: Интенсив - Александра Гуреева (2016)

    12.03.2017: Музыка для видео и слайд-шоу + переводы уроков по видео

    12.03.2017: TheBrain - ваша персональная база знаний

    11.03.2017: [Muse] Доступ на год к сайту шаблонов Qooqee.com

    09.03.2017: Невероятно эффективная работа с VKPRO закрытый онлайн тренинг от Алексея Евстропова

    06.03.2017: Как полностью раскрыть потенциал растений - Курдюмов

    05.03.2017: Пассивная схема заработка

    03.03.2017: Фотошоп за 7 дней. Дизайн и реклама в малом бизнесе - Степаненко (2015)

    03.03.2017: Закрытый профкурс кратчайший путь к профессионализму в трейдинге

    27.02.2017: Обучающий видеокурс по Slider Revolution

    25.02.2017: [Бизнес Молодость] Выбор ниши 2017

    25.02.2017: Travelling with Hugh. Курс о путешествиях. Уроки с нейтивом

    21.02.2017: Бизнес форсаж. Н. Закхайм (2015)

    21.02.2017: Подарок на всю жизнь - Н. Закхайм (2015)

    21.02.2017: Конструктор адаптивных email сообщений

    21.02.2017: Видео курс PRO 2.0. Партизанский маркетинг. 2017.

    21.02.2017: [Digital Tutors] Sculpting Male and Female Faces in ZBrush [ENG-RUS]

  2. Сбор взносов

    23.03.2017: INSTASOFT 4.0.9.5

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

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

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

  1. Gustav

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

    Сообщения:
    1.895
    Симпатии:
    11.660
    Синемаграфия: как сделать живую картинку в 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]