ФорумPhotoshopУроки Photoshop
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
ОтветитьНовая темаНовое голосование
4 ответа. 6379 просмотров.
   
 мужчина  2 fingers 26 Ноября 2018, 22:46
Пост №1 * 26 Ноября 2018, 22:46
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 180 постов
806°
Возраст: 36
Регистрация: 29.05.2008
Проживает: Харьков
В этом уроке я расскажу, как создать потрясающий Синемаграф эффект используя стандартные инструменты в программе Photoshop. Выполняя урок, вы научитесь импортировать видеофайлы, изменять длину видео, конвертировать видео в кадры, а так же редактировать их число и содержимое.
В завершении выполнения урока у вас получится вот такой результат.
Создаем Синемаграф эффект в Adobe Photoshop *
[ скрытый текст ]


или вот такой:
Создаем Синемаграф эффект в Adobe Photoshop *


Детали:
Программа: Photoshop CS6 и выше
Время выполнения: ~30 мин.
Сложность: простые

Материалы урока:

Видео: Водопад

Этап 1. Загружаем видео.

Сначала, нам нужно загрузить видеофайл с которым мы будем работать. Для этого перейдите в меню File > Import > Video Frames to Layers, выберите ваше видео и нажмите Open. Далее установите Range To Import на Selected Range Only и откорректируйте длительность вашего видео.
Создаем Синемаграф эффект в Adobe Photoshop

Этап 2. Обрезаем видео.

Шаг 1.

Теперь нам необходимо обрезать видео. Для того чтоб видео было цикличное «бесшовное» видео, первый и последний кадры должны быть, как можно более похожими друг на друга. В моем случае кадры 8 и 64 более-менее похожи, поэтому нужно убедится, чтоб 8 кадр был первым, а 64 последним на временной шкале. Для этого мы удалим фреймы вне этого диапазона.
Для начала мы удалим слои, которые включены в эти фреймы. Вы берите «Слой 1» зажмите клавишу Shift и выберите «Слой 7» в результате у вас выберутся все промежуточные слои. После чего правый клик мыши (ПКМ) и выберите пункт Delete Layers.
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 2.

Теперь мы удалим фреймы в этом диапазоне используя тот же метод, но только на временной шкале. ПКМ по шкале и в появившимся меню выберите Delete Frames.
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 3.

Теперь удалим слои выше 64 слоя. Выберите «Слой 65» зажмите клавишу Shift и выберите «Слой 77» в результате у вас выберутся все промежуточные слои. После чего ПКМ и выберите пункт Delete Layers.
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 4.

Как и в шаге 2 удалим лишние фреймы.
Создаем Синемаграф эффект в Adobe Photoshop

Этап 3. Создаем конкретную область анимации.

Шаг 1.

Теперь нам нужно сделать область, в которой будет происходить анимация. Для этого выберите «Слой 1» и назовите его «Основа» .
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 2.

Теперь выберите «Слой 9» зажмите клавишу Shift и выберите «Слой 64» . Затем перейдите в меню Layer > New > Group from Layers, чтоб создать группу слоев или нажмите Ctrl+G. Переименуйте группу на «Рабочая область» .
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 3.

Выберите первый фрейм, зажмите клавишу Shift выберите 57 фрейм – врезультате у вас выберется весь диапазон между ними. Перейдите в меню Layer > Layer Mask > Hide All, тем самым вы добавите маску группе слоев, которая скроет ее.
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 4.

Теперь установите цвет переднего плана на белый #ffffff, выберите инструмент Brush Tool (B), задайте кисте мягкие края и обведите область в которой будет проигрываться анимация.
Создаем Синемаграф эффект в Adobe Photoshop

Шаг 5.

Скройте из видимости слой «Основа» , а затем снова отобразите его, чтоб он стал виден во всех кадрах.
Создаем Синемаграф эффект в Adobe Photoshop

Этап 4. Сохраняем синемаграф.

Все что осталось – это сохранить анимацию. Для этого перейдите в меню File > Export > Save For Web и установите следующие настройки.
Создаем Синемаграф эффект в Adobe Photoshop

Создаем Синемаграф эффект в Adobe Photoshop

Вот и все...
Поздравляю вы выполнили урок
Создаем Синемаграф эффект в Adobe Photoshop *


Автор: Marko Kožokar
Источник: Tutsplus
Переводчик: 2 fingers


Отредактировано: 2 fingers — 10 Декабря 2018, 09:34
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  valeri0749 28 Января 2019, 20:55 (спустя 2 месяца)
Пост №2 * 28 Января 2019, 20:55 (спустя 2 месяца)
Ответ с цитированием этого сообщения

Дебютанты
5 постов
Возраст: 70
Регистрация: 1.01.2010
Проживает: Мариуполь
Привет.
Я вот только не понял, зачем из всего видео с водой делать только часть анимации?
Ваше изначальное виде на много красивей конечного.

Мне бы нужно наоборот, анимировать море на фотке или на видео.

Есть такая возможность?
0
 мужчина  2 fingers 28 Января 2019, 22:33 (спустя 1 час 37 мин.)
Пост №3 * 28 Января 2019, 22:33 (спустя 1 час 37 мин.)
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 180 постов
806°
Возраст: 36
Регистрация: 29.05.2008
Проживает: Харьков
Цитирую (valeri0749)
Я вот только не понял, зачем из всего видео с водой делать только часть анимации?
Это же Синемаграф.
Цитирую (valeri0749)
Мне бы нужно наоборот, анимировать море на фотке или на видео.
Вот такой урок был тема «Эффект волнующейся воды»
Но вы можете и поискать в глобальной сети используя ключевые слова.
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
0
 женщина  Energumen 8 Марта 2019, 14:08 (спустя 1 месяц)
Пост №4 * 8 Марта 2019, 14:08 (спустя 1 месяц)
Ответ с цитированием этого сообщения

Размышляющие
15 постов
Возраст: 24
Регистрация: 17.09.2016
Проживает: Россия
Спасибо за урок ,у меня все получилось ^_^ вот только к сожалению не пойму как такую гифку прикрепить чтобы она работала тут. На сторонний ресурс что ли заливать :я не знаю:


Отредактировано: Energumen — 8 Марта 2019, 14:08
0
 мужчина  2 fingers 8 Марта 2019, 19:50 (спустя 5 часов 41 мин.)
Пост №5 * 8 Марта 2019, 19:50 (спустя 5 часов 41 мин.)
Ответ с цитированием этого сообщения
модератор

Мастера
гильдия «Фотоарта»
10 180 постов
806°
Возраст: 36
Регистрация: 29.05.2008
Проживает: Харьков
Цитирую (Energumen)
На сторонний ресурс что ли заливать
Точно :)
Авторские уроки: Ps >>>
Авторские уроки: Ai >>>
0
« Предыдущая тема | Уроки Photoshop | Следующая тема »
 Похожие темы
Создаем сумасшедший диско-эффект в Adobe Photoshop
Create a Crazy Disco Effect
2 fingers 8 4546 +4 17 Декабря 2016 - 17:37
» к последнему сообщению
Создаем эффект резинового штампа в Adobe Photoshop
How to Create a Rubber Stamp Effect
2 fingers 10 5549 +8 8 Августа 2017 - 07:47
» к последнему сообщению
Создаем эффект скетча из фото в Adobe Photoshop
How to Create a Sketch Effect Action
2 fingers 54 13256 +25 8 Января 2019 - 20:45
» к последнему сообщению
Создаем сверкающий эффект в Adobe Photoshop
How to Create a Sparkling Action
2 fingers 2 3079 +6 8 Июня 2017 - 16:17
» к последнему сообщению
Создаем зимний пейзаж в Adobe Photoshop
How to Create a Winter Landscape
2 fingers 21 11459 +45 24 Августа 2018 - 22:33
» к последнему сообщению

0 посетителей в этой теме