• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Composs.ru

  • БАЗА ЗНАНИЙ
  • УРОКИ
    • Компьютер для чайников
    • Интернет для начинающих
    • Уроки Windows 7, 8, 10
    • Microsoft Office 2010
    • Фотография / Фотошоп
    • Социальные сети и общение
    • Мобильные устройства
    • Облако
  • СТАТЬИ
    • Apple
    • Офисные приложения
    • Windows
    • Android
    • Безопасность
    • Браузеры
    • Интересное
    • Начинающим
    • Обзоры
    • Программы
  • ОС
    • Apple
    • Android
    • Windows 10
    • Windows 8
    • Windows 7
    • Windows XP
  • ИНТЕРНЕТ
    • Сервисы
      • Google сервисы
    • Браузеры
      • Chrome
      • Firefox
      • Орбитум
    • Мобильные сети и операторы
    • Социальные сети
      • Вконтакте
      • Одноклассники
      • Facebook
      • instagram
      • Twitter
    • Электронная почта
      • Gmail почта
      • Яндекс почта
    • Электронные деньги
  • ЖЕЛЕЗО
    • Процессор
    • Видеокарта
    • Накопители (HDD, SDD, Flash)
    • Периферия
    • Сеть
    • Гаджеты
      • Смартфоны
      • Ноутбуки
      • Планшеты
      • Другие гаджеты
  • СОФТ
    • Bios
    • Безопасность
    • Офисные приложения
      • Excel
      • PowerPoint
      • Word
    • Прикладное ПО
      • Photoshop
      • Skype
    • Цифровая фотография
  • ЗАДАТЬ ВОПРОС

Создание gif-анимации в Фотошопе — анимируем картинку или делаем гифку из видео

29.11.2018 Photoshop 1 коммент.Задать вопросНаписать пост

Все давно привыкли что Фотошоп тесно связан с ретушированием фотографий. И мало кто знает, что с помощью это популярной программы можно создавать анимацию. Двигающиеся картинки можно делать как из видео, так и из статичных кадров. Можно даже превратить обычную картинку в привлекательную гифку.

Создание анимации

Чтобы сделать простую анимацию в Фотошопе из понравившейся картинки необходимо следовать инструкции:

  1. После того как картинка выбрана нужно зайти в Фотошоп. Стоит отметить, что лучше выбирать рисунки с хорошим расширением, так даже простая гифка будет выглядеть качественнее. Для начала следует включить функцию анимации в программе Фотошоп. Это выведет внизу экрана шкалу времени для гифки.Окно Анимации
  2. Далее нужно вставить картинку в окно программы путем копировать-вставить.
  3. Теперь следует выбрать элемент, который будет подвижным. После чего аккуратно вырезать его инструментом магнитное лассо.Магнитное лассо
  4. Нужно захватить руку в контур.Захват руки
  5. Вырезанный элемент копируем. Потом следует создать новый слой, сочетанием клавиш CTR+J.
  6. На новом слое требуется вставить скопированный элемент и придать ему положение, немного отличающееся от первоначального.Движение элемента
  1. Предыдущие два шага проделать несколько раз. На каждом новом слое положение элементов должно отличаться. Также важно учитывать, что положения вырезанного элемента необходимо делать последовательным задуманному движения. Чем больше промежуточных стадий будет между начальным и конечным положением, тем более плавной получится анимация.
  2. Когда будет достаточно слоев с положениями элементов можно приступать к сборке. Здесь нужно последовательно вставить слои. Первым кадром будет оригинал рисунка, т.е нулевой слой.Выбор слоя
  3. Для добавления кадров используется специальная кнопка внизу временной шкалы. Она располагается второй с права. Изображений будет столько сколько слоев в наличии.
  4. После того как все картинки заняли свои места осталось выставить таймер на задержку кадра. Чем меньше промежуток, тем быстрее будет протекать движение на готовом видео.Установка задержки
  5. Для просмотра результата достаточно нажать на воспроизведение. Если результат удовлетворительный остается только сохранить готовый проект.Сохранение для Web
  6. Формат необходимо выбирать Gif.Выбор Gif
  Как использовать цветокоррекцию в Фотошопе

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

Анимация из видео

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

  1. Скачать необходимый ролик на компьютер и после чего открыть Фотошоп. Чтобы сделать gif-анимацию потребуется импортировать последовательность из видео в программу.Импорт кадров
  2. После этого в программе выскочит окно, которое предложит некоторые варианты для импорта. Можно импортировать кадры только с выделенного диапазона. Нужно выбрать именно этот вариант, а потом просто отметить на видео ползунком необходимый отрезок. Также нужно поставить галочку, чтобы выбрать только некоторые изображения из последовательности и задать отрезок. Здесь все просто, если само видео занимало 40 секунд (со стандартными 24 фпс), то при выборе каждого 5 изображения их количество составит 5 штук за 1 секунду.Импорт диапазона
  3. Теперь нужно организовать временную шкалу для создания проекта. Для этого нужно перейти во вкладку окно и выбрать из выпадающего меню строку «Анимация».Запуск анимации
  4. В этом случае временная шкала уже будет заполнена кадрами из выбранного диапазона видео. Останется только обозначить скорость задержки каждого изображения. Этот параметр задает скорость воспроизведения готового ролика.Выбор задержки
  5. Чтобы подобрать необходимую скорость нужно просмотреть видеоряд путем его воспроизведения прямо в окне Фотошопа. Но это делать не обязательно.
  6. Когда все кадры на месте, а время установлено, остается только сохранить готовую гифку из видео. Делается это путем перехода во вкладку «Файл» и выбора строки в выпадающем меню «Сохранить для веб и устройств».
  7. После этого появится окно, в котором можно выбрать формат для будущей анимации, а также изменить размер картинки гифки. Изменяется она по пикселям или сразу по заданному проценту от исходника.Настройки сохранения
  8. Далее требуется кликнуть по кнопке сохранения, выбрать место для файла на ПК и сохранить гифку.
  Вырезаем волосы на однородном или сложном фоне в Photoshop

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

Анимация из статических кадров

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

  1. Для начала нужно самостоятельно сделать статические кадры и сохранить их в формате Фотошопа. Также можно найти подобные изображения. Дело в том, что при создании качественных картинок и других проектов в программе как правило используют слои. И если их не скреплять они остаются доступны в том случае, когда файл сохранялся в нужном формате.
  2. Выбранный файл открывается посредством программы. Далее необходимо просмотреть все слои. Чтобы сделать первый кадр нужно отключить все видимые слои и оставить только первый.Отключить все слои
  3. После чего оставить видимым только второй слой и вставить его во временную шкалу, как кадр под номером 2. Таким образом в анимации будет показываться процесс создания картинки. Можно использовать только пару кадров. Например, при наличии звёзд делать картинки с ними через один. Таким образом в гифке будут мерцающие звезды.
  4. После того как все выбранные изображения попадут во временную шкалу остается только установить время для задержки каждого кадра.Без задержки
  5. Также можно выбрать длительно воспроизведения. Она может воспроизвестись один раз по завершению кадров или крутить их постоянно.Длительность воспроизведения
  6. Последним шагом остается сохранение готовой gif-анимации и выбор ее размера.
На главную
Previous Post: « Как исправить ошибку данных CRC на жестком диске, в торренте или игре
Next Post: Определяем свой логин в Skype с авторизацией и без входа в аккаунт »

Reader Interactions

1 комментарий ↓

  1. Sofyhka

    12.12.2018

    Я установила программу фотошоп СS 6 и теперь учусь работать в этом редакторе. Раньше всё делала в онлайн фотошопе, но там мало функций. В СS 6 можно анимировать картинки. Я обычно выбираю изображения с прозрачным фоном в формате png. Так удобнее. Но если не нахожу нужной, тогда вырезаю с любого формата, пользуясь всеми инструментами выделения.

    Ответить

Отменить ответ

Primary Sidebar

  • Лучшие программы для Windows
  • Лучшие программы для Linux
  • Лучшие расширения для Chrome
  • Лучшие приложения для Mac OS
  • Лучшие приложения для Андроид
  • Секреты Windows 10
  • Почта Gmail.com — вход в почту и первичные настройки

  • Аккаунт Google: создание учетной записи

  • Windows обнаружила неполадки жесткого диска — что делать?

  • Что такое операционная система? Виды операционных систем

  • Как зарегистрировать Яндекс почту

  • Проблема: Как войти в почту Gmail.com — решение

  • Ccleaner — как очистить компьютер от мусора?

  • Кракозябры вместо русских букв в Windows 10

Footer

© 2012-2016 Composs.ru. Все права защищены. При копировании материалов, обратная открытая ссылка на наш сайт обязательна.

Composs.ru - ресурс для начинающих пользователей компьютера, интернета. Сайт основан в 2012 году. Основная цель нашего сайта - выпускать обучающие материалы IT-тематики для "чайников". Предоставлять качественный и суперполезный контент для всех пользователей, независимо от уровня владения ПК: советы, инструкции, статьи.
  • Карта сайта
  • Обратная связь

Copyright © 2025 · Log in