Как сделать двигающийся рисунок

Твой Сетевичок

Все о локальных сетях и сетевом оборудовании

5 лучших приложения, чтобы заставить фото двигаться

Картинка, которая двигается, — новый тренд в «Инстаграме» и на других развлекательных социальных платформах. Часть фото статична, а другая часть подвижна, например, область с небом, морем, машинами на дороге — всё что угодно. Как самостоятельно создать такую картинку-видео с помощью обычного мобильного приложения?

Топ-5 приложений для движущихся фото для «Андроида» и «Айфона»

Расскажем о нескольких мобильных программах, которые позволяют быстро сделать оригинальное изображение: какая-то его часть будет двигаться и тем самым завораживать внимание. Приложения работают по одному из двух принципов: часть картинки замораживается в редакторе (если это видео) или оживляется (если это просто фото).

Программы также сохраняют движущиеся фото в разных форматах — «гифках», просто видео, анимированные PNG и в других.

Loopsie

Эта программа подходит для «Андроида». Она полностью бесплатная. Сначала вы снимаете предварительно короткое видео в этом же приложении, потом в редакторе делаете неподвижной определённую область на ролике. Получается изображение с определённой движущейся областью. Программа удобная, с интерфейсом на русском языке.

Огромный плюс в копилку утилиты — она не ставит водяные знаки.

Какие ещё у программы функции:

Скачать программу можно с «Плей Маркета».

«StoryZ Живые фото»

У программы тоже понятный и удобный интерфейс, как и у предыдущей, но она работает по принципу оживления статичного фото. Можно заменить какой-то один элемент фото на видео. Это могут быть облака, вода, дым и прочее. Эта функция называется «Движение».

В этой же программе есть ещё одна аналогичная функция — «Анимация». Вы выбираете элемент (область будущей анимации) на фото и задаёте векторы стрелочками — направления, в которых будут двигаться выделенные элементы.

Кроме того, в этом редакторе можно снимать, сохранять видео в разрешении до 4К, а потом делиться ими с друзьями через это же приложение. Что ещё радует: в этом софте есть набор обучающих видео, то есть вы точно освоите все функции, которые предлагает приложение. Программа подходит для «Андроида».

Скачать её можно с «Плей Маркета».

Plotaverse

Это приложение подходит и для «Айфона», и для «Андроида».

Скачать его можно из App Store по этой ссылке либо с «Плей Маркета».

Жирный минус утилиты — она платная, стоит 379 рублей. Но оно того стоит.

Какие у программы возможности и плюсы:

Cinemargraph

Ещё один вариант для Android. Работает по тому же принципу, что и Plotaverse. Программа бесплатная, сохраняет движущееся фото в формате GIF. Что входит в функционал:

применение фильтров; добавление фото в социальные сети прямо из приложения; регулировка частоты кадров картинки в «гифке»; настройка качества движущегося фото; фокусировка на предмете при съёмке.

Cinemagraph Pro

Для «Айфона» есть программа, похожая по названию на предыдущую, — Cinemagraph Pro. Но это не одно и то же приложение — разработчики разные. Она бесплатная и с множеством функций: от фильтров и добавления текста на картинку до обучающих видео. Но за использование придётся «заплатить» водяным знаком на обработанной «фотке». Убрать его можно только за подписку.

Программа работает по принципу заморозки определённых участков снятого только что видео — как в Loopsie для «Андроида».

Здесь можно редактировать движущееся фото: делать его ярче, увеличить свет, сатурацию и многое другое. Можно выбрать разрешение для отредактированного видео, а также его формат. Можно сразу подогнать размер, разрешение и формат файла под определённую социальную сеть или мессенджер (Instagram, Twitter, SnapChat и другое).

Как сделать движущееся фото

Рассмотрим, как сделать анимированное изображение на примере программы Loopsie, рассмотренной выше:

Программа запустит стабилизацию видео. После этого можно переходить к редактированию. Выберите опцию анимации. Закрасьте пальцем ту часть картинки, которая должна двигаться. Укажите тип движения: от начала и до конца либо туда-обратно, как в «Бумеранге». Сохраните движущееся фото себе на телефон либо сразу поделитесь им в социальных сетях: в приложении вы сразу увидите иконки для «Инстаграма», Facebook, WhatsApp.

Если у вас «Андроид», самый простой вариант — использовать Loopsie: снимаете видео и замораживаете часть картинки на видео. Если у вас есть фото, которые вы хотите оживить, используйте программу «StoryZ Живые фото». Для «Айфона» подойдут приложения Plotaverse, Cinemagraph Pro. Первая из них платная.

Источник

Как сделать «живые» фотографии: пошаговое описание, обзор программ и рекомендации

Что такое «живые» фотографии?

Чем отличаются «живые» фото от гифок?

Гифкой мы привыкли называть анимированное изображение, состоящее из нескольких статичных кадров. Все гифки, соответственно, имеют формат GIF.

Ну и, конечно же, сам стиль живых фото подразумевает, что часть изображения будет статична, а часть анимируется, создавая этим самым разрыв шаблона и эффект магии.

Как появилась мода на «живые» фото?

Когда 2 года назад вышел в продажу новый продукт Apple, многих пользователей заинтересовало, как сделать «живую» фотографию на iPhone 6. Мало того что качество камеры гаджета стало значительно выше, так еще добавилась функция мини-видео, которое сохранялось в формате «живого» фото путем совмещения JPG и MOV. Несмотря на мегапопулярность, эта новинка все же имела ряд недостатков:

Как сделать «живые» фотографии?

К счастью, сейчас очень много заинтересованных пользователей не только операционной системы iOS, но и Android, шерстя просторы интернета, могут найти много альтернативных способов для создания лайв-фото.

Если вы обладатель знаменитого «яблочного» смартфона, то обязаны знать, как сделать «живую» фотографию на iPhone. Для этого нужно:

Как редактировать фото

Обновленная версия iOS 11 представила несколько новых эффектов для лайв фото. Если раньше они могли только просматриваться, то сейчас есть возможность отключать звук, закольцовывать «живые» фото или проигрывать их вперед и назад. Также добавлена функция длинной выдержки. Разработчики позаботились не только о том, как сделать «живую» фотографию на айфоне, но и о ее редактировании.

Конвертирование «живых» фото

Мы узнали, как сделать на айфоне 7 «живые» фотографии. Но как адаптировать этот формат для других операционных систем? Для этого Live Photo нужно конвертировать. Если вас интересует вопрос о том, как сделать видео из «живых» фотографий, то ответ простой: достаточно загрузить приложение Live Gif. Оно стоит чуть больше 100 рублей и, как вы уже догадались по названию, умеет форматировать лайв фото в формат GIF или видеофайл. После определенных манипуляций в данном приложении, материал станет пригодным для публикации в социальных сетях. Также можно использовать приложение Motion Stills от Google, он действует по похожему принципу.

Как «оживить» фото JPG?

Допустим, у вас есть любимая фотография, которую вам захотелось «оживить». Такое возможно сделать в «Фотошопе» или в специальном приложении Plotagraph. Данная программа имеет панель инструментов и, что немаловажно, справочную информацию, которая поможет разобраться, как сделать «живые» фотографии на айфоне. Данное приложение платное, стоит примерно 400 рублей. Как оно работает?

MaskArt

Данное приложение бесплатное и без водяных знаков. Оно простое в использовании, но умеет создавать эффектные лайв фото из видео. Как с ним работать?

Данное приложение работает только на гаджетах Apple.

Loopsie для «Андроида»

Многие сейчас задались вопросом о том, как сделать «живые» фотографии на «Андроиде». Очень просто, для данной операционной системы тоже разработали ряд приложений. Есть дешевые и очень дорогие (200$), существуют и бесплатные.

Приложение «Лупси» условно бесплатное. Спустя несколько дней использования демоверсии появляется водяной знак.

Сняв видео, программа запускает процесс стабилизации, он скрывает дрожь в руках и другие технические неровности.

Далее выбираем режим «Анимирование» и проводим по той области, которую хотим «оживить». На этом этапе можно выбрать и стиль воспроизведения: с начала до конца или туда-обратно. «Живое» фото готово. Теперь им можно поделиться в Facebook или Instagram.

Live Photo в «Фотошопе»

На данном этапе многие заинтересовались, есть ли возможность создать модное изображение в программе «Фотошоп». Да, это несложно, но работа предстоит более кропотливая, чем в специальных приложениях для смартфонов.

Теперь давайте разберемся, как сделать «живую» фотографию в «Фотошопе».

Первым делом открываем фото, например, в формате JPG. Анимированный эффект можно создать из одной или нескольких фотографий. В любом случае главный объект и фон должны находится на разных слоях.

Если у вас одно фото, которое вы планируете «оживить», то можно сделать это следующим образом:

Следующим этапом будет сам процесс «оживления», перед которым рекомендуется уменьшить размер картинки, чтобы в дальнейшем она легче проигрывалась и не тормозила.

Как видите, создано много программ и условий, чтобы проявлять себя творчески. Не стесняйтесь открывать что-то новое, возможно, именно ваше творческое детище станет следующим модным трендом!

Источник

Как создать анимацию в Photoshop. Пошаговая инструкция

Анимация уже давно превратилась в инструмент улучшения юзабилити. Она помогает взаимодействовать с интерфейсом и привлекает внимание к самому важному.

Анимация — это последовательное отображение кадров друг за другом. Каждый кадр немного изменяется, поэтому кажется, что картинка движется.

Чтобы создать простой веб-баннер или презентацию, необязательно разбираться с многочисленным софтом. Для этого подойдут и встроенные средства Photoshop. Это лишь небольшая доля возможностей программы, а раскрыть их все на практике поможет курс «Photoshop с нуля до PRO».

Пишет про дизайн в Skillbox. Рисует макеты и верстает страницы для клиентов.

C чего начать

Первым делом нужно определиться с тем, что мы будем анимировать и какого результата планируем достичь.

Для создания анимации я взял один из ярких проектов с Behance и перерисовал его в Photoshop. Выровнял по контент-сетке, подобрал размеры и поместил каждый элемент в отдельный слой. В результате у меня появился отрисованный в PSD-формате первый экран сайта, который я и анимировал.

«Шкала времени»

Перед созданием анимации необходимо подготовиться — включить отображение «Шкалы времени», которая помогает управлять кадрами в анимации.

Открываем вкладку «Окно» и ставим галочку напротив строки «Шкала времени».

Внизу окна в Photoshop должна появиться широкая строка, с помощью которой управляют кадрами в анимации.

Чтобы создать первый кадр, нажимаем «Создать анимацию кадра» на «Шкале времени».

Как первый кадр появится, можно приступить к созданию движения.

Промежуточные кадры

В Photoshop анимируют двумя способами:

Сначала я анимирую изображение балалайки. Для плавного появления изображения использую инструмент «Вставка промежуточных кадров». Чтобы Photoshop самостоятельно анимировал элемент, необходимо задать два состояния для элемента — начальное в первом кадре и конечное в следующем.

Поэтому добавляем ещё один кадр в «Шкалу времени» с помощью кнопки «Создать копию кадров».

После добавления нового кадра переключаюсь на первый и убираю видимость слоя с балалайкой. Также можно задать непрозрачность слоя 0%.

На следующем кадре проверяю, виден ли слой с балалайкой.

После работы с изображением балалайки настраиваю появление текстовой строки. В первом кадре я выделяю текст «Soul sings» и сдвигаю его вправо за пределы макета. С текстом «3 strings» поступаю так же — сдвигаю влево, пока он не исчезнет.

Источник

Эффект синемаграфии в слайд-шоу

Хотите удивить близких и друзей? Сделайте слайд-шоу с элементами синемаграфии! В программе «ФотоШОУ PRO» вы найдете все необходимые инструменты для создания подобного проекта. Прочитайте статью и узнайте обо всех нюансах разработки слайдов с «живыми» фотографиями. А если у вас ещё не установлено «ФотоШОУ PRO», исправьте это прямо сейчас: скачайте программу для создания слайд-шоу с нашего сайта.

Содержание статьи:

Что такое синемаграфика

Для начала давайте разберемся, что собой представляет данный эффект. Синемаграфикой (Cinemagraphs) называются картинки, на которых находится в движении один или сразу несколько элементов. Вся остальная часть изображения при этом всегда остается статичной. На пейзажном снимке может двигаться вода, облака, бабочки и другие детали, а на фото с изображением людей у моделей могут развеваться волосы или колыхаться одежда.

Синемаграфия выгодно отличается от обычного видео тем, что такое изображение весит значительно меньше и не перегружает интернет-сайт. При этом эффект производит по-настоящему впечатляющий.

Примеры синемаграфии

Синемаграфия смотрится по-настоящему привлекательно, завораживает. Это её свойство активно используют в рекламных целях. Хотя приём известен давно, он не стал «заезженным» и продолжает производить впечатление на зрителя. Товар захотят купить, услугой – воспользоваться.

Посмотрите, какие оригинальные идеи синемаграфии уже воплотили в жизнь Кевин Бург и Джейми Бек, люди, придумавшие эффект движения на фото:

Рекламное изображение для автомобильной компании Lincoln. Романтику ретро подчёркивают развевающиеся волосы девушки-хиппи и летящие лепестки.

Синемаграфия по заказу от Amazon. Если смотреть долго, то помимо вращающихся вентиляторов и колыхания платья можно заметить, что модель моргает.

Стильная реклама для бренда Armani. Особенно эффектно выглядит то, что падающие осенние листья выглядят чёткими за линзами очков и размытыми –
на остальной части «живой» картинки.

Рекламное изображение для Chanel. Помимо «живых» бенгальских огней на названии бренда можно заметить, что изредка девушка опускает веки.

Синемаграфия для швейцарского производителя часов и ювелирных украшений премиум класса Chopard. Здесь достаточно много подвижных элементов, а статичными остаётся ветровое стекло и часы на запястье мужчины, создавая ощущение уверенности и стабильности.

Как самостоятельно сделать живые фотографии

Сделать движущиеся фото можно самостоятельно в домашних условиях. Для этого не понадобится сложная техника, а достаточно будет специального программного обеспечения. Итак, где можно подготовить свои «живые картинки»:

Однако первые две программы для создания живых фото являются профессиональными, а потому дорогостоящими и достаточно сложными в освоении. Мобильное приложение тоже удобно не для всех случаев и не способно добавить эффект синемаграфии на снимки, только создать GIF из видео.

Если ищете быстрый и простой способ, как сделать движущуюся фотографию без фотошопа, изучите приведённый ниже урок:

Для начала вам понадобится фоторедактор «Домашняя Фотостудия».

Теперь разберём, как сделать живые фото Cinemagraph. Для этого нам потребуется программа «ФотоШОУ PRO». Запустите её и добавьте оригинал изображения на монтажный стол. Попробуем сделать живое фото. Синемаграфия в программе создается в редакторе слайда. Сразу же растяните фотографию на весь экран. Этот нехитрый прием поможет избавиться от черных полос по бокам слайда.

Добавьте на слайд фрагмент изображения, извлеченный в фоторедакторе. Настройте его местоположение и размер при помощи мыши.

Если обрезка получилась слишком «грубой» и у фрагмента выделяется одна из сторон, то примените к слою маску.

Теперь перейдем к оживлению изображения. Добавьте второй ключевой кадр и задайте настройки для слоя в конце показа. В нашем примере для создания эффекта движущейся реки нужно сдвинуть слой вправо и увеличить его. Это можно сделать вручную или во вкладке «Анимация».

Если движению не хватает плавности, то увеличьте длительность слайда.

Синемаграфия готова! При желании вы можете продолжить работу над слайдом. Кадр станет еще интереснее, если вы воспользуетесь функцией «3D-камера». С ее помощью вы сможете сделать эффект приближения слайда. Добавьте ключевой кадр в конец таймлайна и потяните бегунок на шкале «Приближение» вправо.

Бушующее море и таинственный туман:
идеи для синемаграфии

С «ФотоШОУ PRO» вы быстро почувствуете себя настоящим волшебником! Добавляя движение в одну из частей снимка, вы сможете добиться поистине фантастического результата за короткие сроки. Но и это далеко не всё! Вы можете не только сделать синемаграфию, но также узнать, как дополнить фото эффектом реалистичного тумана. Просто наложите на исходную картинку фрагмент соответствующей текстуры и настройте ее. Добавьте второй ключевой кадр и сделайте слой с туманом меньше.

Для исходной фотографии тоже добавим ещё одну ключевую точку. Здесь слой будет медленно и плавно увеличиваться.

Такие настройки помогут зрителю полностью окунуться в атмосферу происходящего на экране. Не забывайте, что вы можете добавлять сразу несколько дополнительных слоев. Например, на таком снимке можно одновременно «оживить» море, тучи и солнце:

Чтобы сделать движущуюся картинку, в фоторедакторе сначала вырежьте часть изображения с небом и сохраните ее в отдельный файл. Затем аналогично отделите море и сохраните в той же папке. Когда подготовка завершится, наложите оба получившихся фрагмента на исходное изображение в «ФотоШОУ PRO».

Дальше перейдем к настройке анимации для слайда. Слой с водой во второй ключевой точке будет постепенно плавно сдвигаться вниз и увеличиваться.

Для слоя с тучками и солнечными лучами зададим плавное движение вправо, остальные параметры оставим без изменений и тут же оцените результат в плеере.

Хотите узнать, как сделать данную синемаграфику ещё более зрелищной? Воспользуйтесь инструментом 3D-камера: поэкспериментируйте с приближением, добавьте движение влево, вправо, вверх или вниз.

Сохраняйте готовую анимацию в удобном вам виде! Экспортируйте проект в любом видеоформате вместе с другими слайдами. Также программа для анимации фото позволяет сохранить созданный слайд отдельно и позже преобразовать его в GIF. Загружайте работы в сеть и делитесь ими с людьми со всех уголков планеты!

Источник