Импортируйте видео как анимационный материал.
Мы можем импортировать видео как анимационный материал с помощью команды [Файл>Импорт>Видеокадры в слой]. Прежде чем использовать эту команду, в системе должен быть установлен QuickTime 7.1 или более поздняя версия. В противном случае появится окно с предупреждением, как показано на рисунке ниже. QuickTime — отличный метод кодирования видео, созданный Apple. В первые годы его можно было использовать только в системах MAC OS. Теперь он был портирован на системы Windows. Бесплатную версию плеера можно загрузить с сайта Apple по адресу http://www.apple.com.cn/quicktime.
Мы смонтировали снятое самостоятельно видео с животными в короткую версию через Premiere и предоставили всем желающим попрактиковаться в импорте. После входа в диалоговое окно импорта видеокадров в слои ниже показано диалоговое окно, показанное слева. Слева вы можете выбрать импорт всего или только определенного сегмента. Нет необходимости подробно объяснять, если все импортированные. Для импорта клипов необходимо заранее определить диапазон видео. Метод заключается в том, чтобы перетащить шкалу воспроизведения к начальному моменту нужного клипа (красная стрелка), затем, удерживая клавишу SHIFT, продолжить перетаскивание до конечного момента ( зеленая стрелка). Вы также можете удерживать клавишу SHIFT. Щелкните непосредственно в конечной позиции. В это время на индикаторе выполнения воспроизведения появится темная область, которая соответствует импортируемому клипу.
После подтверждения будет создана анимация, существующая как независимый слой, то есть каждый кадр состоит из одного слоя, и в разных кадрах отображаются разные слои. Палитра анимации выглядит как на картинке ниже.
Количество байтов анимации, генерируемых этим методом импорта видео, обычно очень велико, что связано с длиной клипа и частотой кадров видео. Например, если продолжительность клипа составляет 10 секунд, а частота кадров — 15 кадров в секунду, то общее количество сгенерированных кадров составит 150 кадров, что довольно много. Поэтому обычно не рекомендуется импортировать слишком долго. Двух-трех секунд вполне достаточно. Но для некоторых видео с высокой частотой кадров (например, 24 кадра в секунду, 30 кадров в секунду) общее количество кадров, созданных за это время, также является значительным. В это время вы можете включить «Ограничить каждые 2 кадра», чтобы исходное видео сохранялось. ограничено каждые 2 кадра. При импорте одного кадра за раз общее количество генерируемых кадров уменьшается вдвое. Если установлено каждые 3 кадра, общее количество кадров уменьшается на две трети и так далее. Этот метод называется извлечением кадров. Он позволяет эффективно уменьшить количество байт анимации, но из-за усредненного извлечения некоторые детали действий могут быть потеряны или картинка может прыгать.
В обычных условиях исходное видео со скоростью 15 кадров в секунду можно импортировать каждые 3 кадра, чтобы сформировать анимацию со скоростью 5 кадров в секунду. Соответственно, можно вывести необработанное видео с более высокой скоростью. Обратите внимание, что после импорта вам необходимо настроить время задержки кадра в 3 раза больше исходного, иначе будет эффект воспроизведения, аналогичный быстрой перемотке вперед.
Уменьшите размер импортированной анимации.
Для импортированных анимаций, чтобы уменьшить количество байтов, необходимо внести изменения в размер изображения и количество цветов. Мне нужно напомнить всем, что использование [Изображение>Размер изображения] [CTRL+ALT+I] для уменьшения изображения может привести к тому, что края некоторых изображений с изначально острыми краями станут размытыми из-за реорганизации пикселей, что приведет к увеличению числа теоретических цветов. Как показано на рисунке ниже, можно увидеть теоретическое сравнение количества цветов квадрата с острыми краями до и после сжатия. Видно, что количество цветов увеличилось из-за реорганизации пикселей. В этом случае уменьшенное изображение не обязательно может иметь меньшее количество байтов. Если только номер цвета не будет таким же, как и предыдущий. Но принудительное уменьшение количества цветов может привести к появлению заусенцев на краях.
Более того, некоторые изображения процесса состоят в основном из точек, линий и рамок. Использование команды уменьшения масштаба затруднит идентификацию этих деталей, что повлияет на выразительность. Эта проблема возникает не только для всего изображения, но также возникает при использовании команды «Свободное преобразование» для определенных слоев. Поэтому для некоторых изображений с острыми краями сжатие не является хорошим способом уменьшить количество байтов и может даже оказаться контрпродуктивным.
Что касается видео, поскольку большинство методов кодирования видео ориентированы на отображение плавности между кадрами, а не на качестве изображения отдельного кадра, они сами по себе не могут идеально записывать резкие края. То же самое справедливо и для импортированных анимационных изображений, поэтому уменьшение размера приводит к потерям и потерям. изменение количества цвета не очевидно.
Помимо уменьшения общего размера изображения, вы также можете рассмотреть возможность использования команды обрезки для сохранения частей видео. Поскольку она не требует реорганизации пикселей, она не повлияет на края изображения и не увеличит количество теоретических цветов. . В большинстве случаев это лучшее решение. Как показано на рисунке ниже, общий процесс обработки состоит в том, чтобы разрезать некоторые ненужные области исходного изображения на квадраты, чтобы получить основную часть анимации, а затем уменьшить изображение до обычного размера MMS 128×128 (или другого требуемого размера). размеры). Наконец, добавьте корректирующий слой цвета, чтобы улучшить цвет анимации.
Обратите внимание, что корректирующий слой должен находиться над всеми слоями, чтобы гарантировать, что он эффективен для всех слоев. Конечно, его можно разместить и на других уровнях, чтобы создать эффект изменения цвета в анимации.
После уточнения компоновки экрана анимации дальнейшее извлечение кадров можно выполнить вручную, как показано на рисунке ниже. Если вам нужно уменьшить 10 кадров в процессе до 5 кадров, вы можете выбрать 2, 4, 6, 8 и т. д. 10 кадров соответственно. Удалить и задержать оставшиеся кадры. Для этого вам необходимо сначала просмотреть каждый кадр. Если вы обнаружите, что между кадрами в определенном процессе нет особых изменений, вы можете использовать этот метод для выполнения среднего извлечения. Кроме того, вы также можете непрерывно выбирать определенные кадры для концентрированного извлечения. Например, для падения объекта требуется 7 кадров, а изменения в 4 кадрах не очень большие. Вы можете удалить их вместе и изменить продолжительность. оставшиеся кадры.
Этот метод извлечения кадров вручную медленный и требует определенного опыта, но он более гибкий, в зависимости от реальной ситуации, что может значительно сократить количество байтов анимации. каждый должен освоить. Если вы будете пытаться чаще, вы все равно сможете отменить это действие. После отсоединения лучше всего вывести анимацию на веб-страницу или мобильный телефон для просмотра эффекта. Извлечение кадров вручную также можно выполнить перед изменением размера изображения или обрезкой, но обрезка и изменение размера могут определить состояние изображения анимации, поэтому рекомендуется сделать это на данном этапе. После отсоединения кадра вы можете удалить соответствующий слой.
Извлечение среднего значения можно выполнять несколько раз. В последнем кадре анимации на рисунке ниже также можно извлечь кадры 2 и 4. Но кадр 6 очень важен. Он является ключом к трансформации сюжета и его нельзя отнимать ни при каких обстоятельствах. В качестве отступления обратите внимание на этот 6-й кадр, и вы увидите эффект размытия изображения, которому научились ранее. На самом деле размытие в движении изначально вызвано фотооборудованием, и мы просто смоделировали его раньше.
Уменьшить количество байтов по количеству цветов сложнее, поскольку из-за особенностей метода кодирования видео даже неподвижные на картинке объекты могут иметь разные цвета на предыдущем и следующем кадрах. В сочетании с небольшими изменениями в освещении и диафрагме камеры, фокусном расстоянии и экспозиции еще сложнее добиться одинакового цвета на предыдущем и последующих кадрах. Это полностью отличается от анимации, которую мы использовали для создания объектов посредством рисования. Более того, видеоизображения часто содержат переходные цвета, например, изменения освещения или теней. Уменьшение количества цветов может легко привести к появлению цветных пятен. Хотя включение сглаживания может улучшить цветовые пятна, оно также увеличит количество байтов.
На данный момент вы можете рассмотреть возможность отображения анимации в оттенках серого, то есть создания корректирующего слоя отображения черно-белого градиента. Потери, вызванные уменьшением количества цветов в режиме оттенков серого, менее заметны. Вы также можете использовать команду «Порог» для формирования четкого черно-белого изображения и использовать ее со слоем заливки сплошным цветом в специальном режиме наложения для создания особого художественного эффекта при уменьшении количества байтов. Нажмите здесь, чтобы загрузить образец PSD-файла .
Изображение, созданное командой «Порог», имеет сильные контрастные цвета, что очень удобно для создания прозрачного фона. В диалоговом окне «Сохранить для Интернета и устройств» вы можете указать прозрачный цвет. Сначала убедитесь, что опция «Прозрачность» отключена, затем используйте инструмент «Пипетка» (сочетание клавиш I), чтобы щелкнуть фон, чтобы выбрать цвет в таблице цветов, затем нажмите кнопку ниже.
кнопку, чтобы сделать выбранный цвет прозрачным. Как показано ниже. Несколько цветов можно сделать прозрачными.
Кроме того, существует еще один метод, который позволяет эффективно уменьшить количество байтов, а именно покрыть экран линией рисования. Поскольку покрытая область становится одноцветной, это фактически устраняет разницу в пикселях в этой строке. Принцип эквивалентен заполнению половины изображения полностью черным, за исключением того, что оно не заполняется непрерывно, а заполняется одна строка через каждый 1 пиксель, так что общая картинка по-прежнему читабельна. Этот метод на самом деле называется эффектом линии сканирования или рисования линии, которого можно добиться с помощью заполнения узором. Нажмите здесь, чтобы прочитать информацию о заполнении узором в базовом руководстве . Чересстрочная развертка может уменьшить количество байт анимации почти вдвое.
Следует отметить, что хотя полупрозрачные линии рисования выглядят хорошо, заливка узором здесь не может быть полупрозрачной, поскольку полупрозрачность не может полностью покрыть исходные пиксели изображения, что противоречит нашей цели. Кроме того, черные нитки могут сделать изображение темнее, а белые — светлее. Обратите внимание на корректирующий слой цвета, чтобы нейтрализовать яркость. Вы также можете использовать нитки других цветов для достижения альтернативных эффектов, а также можете изменить цвет нитей на прозрачный. Прежде чем сделать прозрачным, цвет нити должен быть максимально контрастным по отношению к цвету рисунка. Это необходимо для того, чтобы тот же цвет в других местах не стал прозрачным и не испортил рисунок.
Импортированное видео существует как независимый слой и может быть переключено в режим временной шкалы для дополнительной обработки, например добавления текста или другой графики. Лучше всего перед переключением сгруппировать все видеокадры в группу слоев, чтобы не занимать место в палитре анимации. Например, в примере в левый нижний угол добавлен логотип и добавлены динамические текстовые эффекты. Следует отметить, что с помощью метода временной шкалы сложно настроить время задержки кадра, поэтому при переходе на метод временной шкалы лучше всего подтвердить, что вся предыдущая работа завершена.
Попробуйте создать эту анимацию, а затем обратитесь к файлу сравнительного примера.
Иногда вам может потребоваться открыть существующий файл анимации GIF для повторной обработки. В этом случае возникает проблема, то есть после непосредственного открытия файла анимации GIF будет сохранен только первый кадр изображения, а последующие кадры анимации будут сохранены. быть оставленным. Как показано ниже. Это явно не отвечает спросу.
На самом деле Photoshop может открыть существующую анимацию GIF, но блокирует эту функцию. Мы можем открыть анимированный GIF через [Файл>Импорт>Видеокадр в слой], как показано на рисунке ниже. По умолчанию только видео формата MOV. можно включить, AVI, MPG, MPEG, но не GIF. Теперь сначала убедитесь, что путь указан правильно, указанный красной стрелкой, затем введите символ «*» возле зеленой стрелки, нажмите кнопку «Загрузить», и будут перечислены все форматы файлов. Выберите соответствующий файл GIF, чтобы импортировать его как. независимый слой. Анимированный GIF. Или напрямую введите полное имя файла анимации, например abc.gif, 123.gif и т. д. Действия после импорта такие же, как и раньше. Вы можете использовать этот метод, чтобы открыть GIF-анимацию из прошлого и попробовать.
Кроме того, вы также можете использовать [Файл>Открыть как] [CTRL+ALT+SHIFT+O] и выбрать фильм QuickTime в пункте «Открыть как», чтобы можно было открыть GIF как фильм и сформировать независимый видеослой. в палитре слоев. Существует независимо на временной шкале. Как показано ниже. Этот метод был предложен другом по имени XYBLUEIDEA на классическом форуме. Я хотел бы поблагодарить его и всех друзей, которые усердно работали над улучшением руководства.
Команда Photoshop [Файл>Открыть как] предназначена для открытия изображения в форме, необходимой для определенной цели, а затем сохранения его в формате для этой специальной цели. На самом деле это команда открытия с функцией преобразования. Форматы файлов различного назначения вы можете увидеть в проекте «Открыть как». Некоторые приложения специальных форматов будут представлены в других руководствах. Следует отметить, что не все файлы поддерживают все специальные форматы.
В настоящее время содержимое импортированной анимации GIF не может быть изменено, но поскольку это независимый слой, вы можете добавлять эффекты с помощью стилей слоев, например, обычных слоев, косвенно достигая цели изменения анимации, как показано на рисунке ниже. . Хотя такого рода модификации ограничены стилем, благодаря мощной функции стилей слоев Photoshop, за исключением сюжета анимации, который нельзя изменить, можно добиться любых других визуальных эффектов.
Однако оптимизация анимации по-прежнему является основным предварительным условием. Если мы выберем цвет внутреннего свечения красный, зеленый и т. д., который значительно отличается от исходного цвета анимации, поскольку цветовые ресурсы ограничены, некоторые цвета присваиваются исходной анимации. должен быть назначен стилю внутреннего свечения. Тогда количество байт этой анимации значительно увеличится, либо качество изображения существенно снизится при том же количестве цветов. Я верю, что каждый может понять эту истину.
Для некоторых анимаций, которые необходимо создавать как независимые слои, этот метод можно легко использовать для вторичного производства. Например, при анимации птиц, хлопающих крыльями, упомянутых ранее, этот метод позволяет добиться эффекта махания крыльями и одновременного движения. Например, если персонаж бежит вперед, вы можете сначала создать анимацию бега, вывести ее в формате GIF, а затем загрузить как видеослой. После увеличения размера холста (обратите внимание, не на размер изображения) измените положение. видео слой и анимируйте его, добиваясь эффекта бега и движения вперед одновременно.
Этот метод импорта фактически обеспечивает возможность анимации компонента. Этот метод можно рассмотреть, если объекту необходимо иметь несколько атрибутов движения одновременно. Эта идея также широко используется в сфере видеомонтажа. Например, если вы хотите создать эффект масштабирования и поворота двух сцен при переключении, теоретически следует сначала установить одинаковую скорость вращения для двух сцен, а затем постепенно уменьшать. первая сцена. Непрозрачность достигает цели. Однако в реальной работе различия в свойствах сцены (например, размере) могут привести к различиям в масштабировании и углах поворота. На этом этапе вы можете сначала визуализировать статическое переключение сцены в видео, затем импортировать видео, а затем масштабировать и вращать его. Нажмите здесь, чтобы загрузить образец видеофайла .
Следует отметить, что введение знаний о компонентах предназначено для расширения знаний каждого и не побуждает всех использовать их здесь. В конце концов, в настоящее время мы ориентируемся только на анимацию в формате GIF, а не на видео. Лучше всего, если вы сможете сделать это за один раз. При необходимости обязательно сохраните исходные файлы всех анимаций компонентов, чтобы облегчить будущие модификации.
После установки QuickTime, помимо функции импорта, вы также можете использовать функцию экспорта для вывода анимации в виде видео, вместо того, чтобы ограничиваться выводом в предыдущем формате GIF. Из-за своих особенностей формат GIF не может идеально записать все анимационные эффекты, которые мы можем создать в Photoshop. Но формат видео другой. Метод кодирования видео может не только поддерживать десятки миллионов цветов (нажмите здесь, чтобы прочитать информацию о десятках миллионов цветов в базовом руководстве) и более высокие числа цветов, но также обеспечивает лучшее воспроизведение. плавность изображения по сравнению с GIF. Наиболее очевидным проявлением улучшения является размер экрана и частота кадров. В методе кодирования видео нам больше не нужно ограничиваться ограниченным размером изображения, и мы можем использовать размеры 640×480, 800×600 или больше. Используемую частоту кадров также можно увеличить до 30 кадров в секунду, 60 кадров в секунду или выше.
Команда [Файл>Экспорт>Рендеринг видео] позволяет вывести формат видео, как показано на рисунке ниже. Выберите формат экспортируемого видео как AVI, а затем нажмите кнопку с красной стрелкой, чтобы установить его. Просто выберите «Нет» для типа сжатия по зеленой стрелке в настройках видео. Это выведет видео, которое можно будет воспроизвести через WindowsMediaPlayer в Windows. Если вы выберете другие типы сжатия, например «DV-PAL», вы также сможете выводить видео, но размер экрана, частота кадров и т. д. будут отличаться от установленных в нашем документе.
Ниже мы дадим краткое описание других форматов видео: 3G используется для мобильных телефонов и может быть отправлен в виде MMS (обратите внимание на ограничение емкости MMS); FLC — это 256-цветный формат анимации в ранних системах DOS. FLV — популярный Flash; видео в Интернете; QuickTime, APPLE TV, iPod и iPhone — это видеоформаты Apple, два последних предназначены для портативных устройств; так называемый MPEG-4 также широко используется в портативных устройствах; Подробности о кодировании видео вам не нужно изучать сейчас. Мы представим их в обучающих материалах, связанных с видео, когда у нас будет такая возможность в будущем. Кстати, знакомый нам аудиоформат MP3 принадлежит к MPEG-1, который называется MPEG-1 Audio Layer3.
В режиме «Последовательность изображений» анимация может выводиться в виде нескольких неподвижных изображений, а имена файлов изображений присваиваются в порядке возрастания. Размер изображения по умолчанию соответствует размеру документа и может быть изменен на другие размеры. Однако изменение маленького размера на большой может привести к потере качества изображения из-за реорганизации пикселей. Обратите внимание, что некоторые типы сжатия (например, PAL-DV) будут отображаться с установленным ими фиксированным размером. Диапазон вывода обычно составляет все кадры, то есть всю анимацию. Если есть особые потребности, его можно изменить на другие методы. Альфа-канал может выводить видео с многоуровневой информацией о прозрачности, что упрощает его синтез в программах для редактирования видео, таких как Premiere. Рекомендуется поддерживать частоту кадров на уровне, установленном в документе. Обычно при воспроизведении на компьютере проблем не возникает. Однако некоторые специальные устройства воспроизведения имеют фиксированную частоту кадров, например, при транскрипции в формат PAL (25 кадров в секунду) или. Формат NTSC (около 30 кадров в секунду). Копирование в фильм (24 кадра в секунду) и т. д., в противном случае эффект может ухудшиться из-за рассинхронизации.
Помимо Photoshop, существует программное обеспечение, которое также может создавать GIF-анимацию, и в некотором смысле оно проще. Например, одним из них является GIF Animator, созданный Ulead. Он может легко объединять статические изображения в анимации различных стилей и добавлять текст или графику. И вы можете выводить каждую последовательность кадров анимированного GIF. Его также можно экспортировать в формат файла PSD, при этом каждый кадр сохраняется в слое и сохраняет информацию о прозрачности. Откройте этот PSD-файл в Photoshop, щелкните расширенное меню в правом верхнем углу палитры анимации в режиме кадра и выберите «Создать кадр из слоя», чтобы создать анимацию в виде независимого слоя. В реальном производстве каждый может использовать такое программное обеспечение для выполнения некоторых простых работ по мере необходимости.
Последнее задание — использовать материалы для имитации следующей анимации. Размер этой анимации 128х160, она использовалась для прошивки телефона Moto L6 в качестве загрузочной анимации. Но его также можно использовать для сообщений MMS. В этой анимации нет технических сложностей. Внимательно рассмотрите детали анимации, попробуйте больше способов реализации и найдите наиболее удобный путь. А после завершения добавьте свое творчество, чтобы сформировать новую анимацию.
Теперь каждый имеет полные возможности создания GIF-анимации и может использовать фотографии, видео или рисовать графику для завершения производства. Отправьте анимацию друзьям и родственникам в формате MMS и добавьте свои благословения. Вы также можете отправить его мне на проверку. Мой мобильный телефон в настоящее время имеет разрешение QVGA (240×320). И я надеюсь увидеть созданные вами превосходные MMS-сообщения, которые широко распространяются в Интернете.
На этом часть расширенного руководства по Photoshop, посвященная созданию анимации, завершена, и вы можете продолжить изучение части веб-дизайна. Если при чтении вы обнаружите ошибки, исправьте их. Ваша поддержка является источником мотивации для постоянного совершенствования руководства. Я надеюсь, что каждый сможет распространять полученные знания, чтобы больше людей могли получить доступ к этим знаниям и изучить их, учиться друг у друга и вместе добиваться прогресса.