Обучающие материалы

Создание гиф-анимации в Фотошопе

С помощью программы Фотошоп онлайн можно делать удивительные вещи! Обрабатывать снимки, улучшая их качество, добавлять новые эффекты, создавать коллажи, убирать эффект красных глаз, менять цвет волос, удалять или добавлять на фото различные объекты. Но есть ещё кое-что, где может помочь Photoshop – это создание GIF-анимации.

Такие изображения отличаются от обычных статичных фотографий тем, что собираются из нескольких изображений-кадров.

Подготовка к созданию гиф-анимации — первый этап. Сначала нужно продумать, что конкретно вы хотите сделать. Это может быть движение объекта (тогда вам нужно будет иметь в своём распоряжении видеофайл) или какой-то эффект – например, блик, изменение формы и размера объекта, смена цвета или что-то подобное. Здесь понадобится просто фотография и сам Фотошоп.

Итак, сценарий готов, поехали! Снимаем видео (видеокамера на телефоне всегда под ругой) или находим нужное в интернете. Лучше всего для гиф-анимации использовать видео. Где на заднем фоне минимум посторонних объектов, узоров и теней. Если снимаете сами, то выставляйте мягкий однородный свет, используйте несколько источников освещения, чтобы снизить количество теней. Видеокамеру переведите в ручной режим, что позволит сохранить настройки экспозиции и баланса белого на протяжении всей съёмки.

Видео готово, теперь открываем Photoshop Online и загружаем нужные кадры в отдельные слои. Но делать это нужно именно в той очерёдности, в которой они должны будут проигрываться в GIF-анимации. Теперь убираем видимость со всех слоёв, кроме самого нижнего и открываем окно Timeline. Первым кадром вы сразу увидите оставленный видимым слой. Здесь же создавайте ещё один кадр, задействовав команду Копия выбранного фрейма, после чего в слоях включите видимость у следующего слоя. И так повторяйте до тех пор, пока не создадите в окне Timeline необходимые кадры для каждого из слоёв.

Осталось совсем немного. Под каждым кадром устанавливаем длительность проигрывания (лучше не более одной секунды) и не забывайте пользоваться предварительным просмотром. Если нужно, можно закольцевать гифку – для этого нужно нажать кнопку Forever.

Заходим в меню Файл – Сохранить как (или Экспортировать – в новой версии Фотошопа) и выбираем Сохранить для Web. Это позволит уменьшить вес файла минимум на 50%. В результате GIF-анимация будет иметь размер порядка полутора тысяч пикселей или даже меньше.

Иногда может потребоваться сохранение в формате MP4 – например, для Instagram. Для этого понадобится конвертирование, но здесь всё очень просто: это можно сделать на смартфоне, скачав необходимый софт с плеймаркета.

Вот и всё!

© online-photoshop.org

admin

View Comments

  • Доброго дня. А де цей самий тайм лайн у фотошоп онлайн? Щось тут не описано і нема його там

Recent Posts

Выделяем и перемещаем стеклянный фужер

При необходимости составить композицию с выделением и перемещением различных объектов из стекла и других прозрачных материалов не всегда получается произвести качественно данную операцию с помощью стандартного набора инструментов (Перо, Быстрое выделение, Лассо и пр.) в программе "Фотошоп". Чтобы успешно отредактировать фото, в этом случае, понадобится доступ к информации яркости и совокупности разных градаций по оттенкам объекта через цветовые каналы. Причём в данном способе можно работать с фотографиями как в CMYK-адаптации, так и в RGB. Итак, у нас есть изображение (RGB) фужера на тёмном фоне. Открываем его в редакторе и сразу создаём дублирующий слой, кликнув правой кнопкой мыши по закреплённому слою, вызвав команду "Создать дубликат слоя". Тут же переходим на копию фона и делаем её активной. Задача состоит в отделении тёмных оттенков, оставляя в неизменном виде прозрачные и светлые области объекта. Перейдём на панель каналов, работающих, как известно, с градациями серого тона. Вне зависимости от цветовой модели фото (RGB или CMYK), основной целью является сейчас выбор одного из каналов с более чёткой прорисовкой границ фужера на общем фоне по контрастности. В нашем примере останавливаемся на синем, дублируем его (правая кнопка мыши - "Создать дубликат канала") и делаем активным. Чтобы более отчётливо проявить границы сосуда, сейчас стоит воспользоваться наложением слоёв с режимами "Умножение" (для выделения чёрного) и "Перекрытие" (контраст белого тона). Так как мы работаем непосредственно с каналами слоя, переходим во вкладку "Изображение" - "Внешний канал". В появившемся меню выберем режим "Умножение", непрозрачность выставим на 50%. Затем повторно зайдём на Внешний канал, но переключим уже режим наложения на "Перекрытие" с непрозрачностью в 100%. Таким образом, тёмные и светлые градации на фото приобрели более выраженный контраст, и теперь можно будет удалить оставшиеся оттенки фона, оставляя только очертания фужера. Сделать это можно при помощи кисти, но не забудьте, что основной цвет в палитре должен быть чёрным (#000000). В таком виде изображение можно загрузить в выделенную область. Для это кликнем по первой иконке слева, внизу на панели каналов. Следующим шагом возвращаемся к консоли слоёв и, активировав копию фона, вызываем слой-маску (в нижней части меню).…

3 года ago

Можно ли в Фотошопе перевести растровое изображение в векторное

Пожалуй, извечный вопрос дизайнеров, что лучше – растровое изображение или векторное... Ответ здесь тем не…

4 года ago

Как реалистично добавить текст на фотографию в Photoshop

Иногда одной иллюстрации недостаточно, и на неё обязательно нужно наложить надпись – например, название бренда.…

4 года ago

Как придать фотографии винтажный вид

Винтажный эффект выглядит необычайно круто. Он вызывает удивительное ощущение старины, тепла и уюта. Это не…

4 года ago

Создаём эффект киберпанк со своим фото

Стилистика неона – необычайно интересна. Такое освещение преображает фотографию, делает её особенной. Но как же…

4 года ago

Как размыть фон на фотографии

Иногда обработанная через Photoshop фотография выглядит более стильно. На ней не нужно убирать ничего лишнего…

4 года ago