Как сохранить видео в фотошопе: Сохранение и экспорт видео и анимации в Photoshop

alexxlab
Разное |

Содержание

Как сохранить видео в Фотошопе


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

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

Урок: Создаем простую анимацию в Фотошопе

Оказывается, в Фотошопе имеется функция сохранения анимации в виде не только гифки, но и видеофайла.

Сохранение видео

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

  1. После создания анимации нам необходимо перейти в меню «Файл» и найти пункт с названием «Экспортировать», при наведении на который появится дополнительное меню.
    Здесь нас интересует ссылка «Просмотреть видео».

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

  3. В следующем блоке оставляем по умолчанию две настройки – «Adobe Media Encoder» и кодек h364.

  4. В выпадающем списке «Набор» можно выбрать желаемое качество видео.

  5. Следующая настройка позволяет установить размер видео. По умолчанию программа прописывает в поля линейные размеры документа.

  6. Частота кадров настраивается выбором значения в соответствующем списке. Имеет смысл оставить значение по умолчанию.

  7. Остальные настройки нас не очень интересуют, поскольку этих параметров хватает для производства ролика. Для того, чтобы началось создание видео, нажимаем кнопку «Рендеринг».

  8. Ждем окончания процесса производства. Чем больше кадров в Вашей анимации, тем больше времени будет происходить рендеринг.

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

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

Как известно, не все программы позволяют добавлять в свои дорожки анимацию в формате GIF. Функция, которую мы сегодня изучили, дает возможность перевести гифку в видео и вставить ее в ролик.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как сохранить анимацию как видео в Фотошопе

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

Сохраняем видео

Формат видео, поддерживаемый Фотошопом для экспорта, один из самых распространенных и базовых – это MP4. Итак, когда анимация готова, выполняем следующие действия:

  1. Заходим в меню “Файл”, в котором выбираем команду “Экспортировать”, затем – “Экспорт видео” (в некоторых версиях – “Просмотр видео”).
  2. Появится окно, в котором настройки для записи файла представлены в нескольких блоках. Начнем с первого, где:
    • задаем имя файла;
    • указываем папку для сохранения видео (выбираем существующую или создаем новую).
  3. Переходим к следующей группе настроек.
    • Оставляем выбранные по умолчанию параметры “Adobe Media Encoder” и кодек “H.264”. Щелкнув по текущему варианту параметра “Набор” мы раскроем список, в котором можем выбрать качество сохраняемого видео.
    • Далее определяемся с размером ролика. Если не трогать эти настройки, программа выставит значения ширины и высоты по размерам документа/холста.Также у нас есть возможность выбрать другие варианты, которые раскроются при щелчке по текущему.
    • Частота кадров по умолчанию выставляется как в документе. При прочих равных условиях рекомендуется не менять значение.
  4. Другие параметры, представленные в окне, редко корректируются, поэтому мы не будем на них подробно останавливаться. Для сохранения (экспорта) видео с заданными настройками жмем кнопку “Рендеринг”.
  5. Процесс создания видеофайла займет некоторое время (зависит от длительности ролика и заданных настроек). Когда он завершится, заходим в выбранную ранее папку, проверяем наличие файла и запускаем его, чтобы проверить результат.

Заключение

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

Как создать гифку в Photoshop

Как сохранить gif в хорошем качестве Photoshop?

Чтобы загрузить их в Photoshop, нажмите Файл> Сценарии> Загрузить файлы в стек. Затем нажмите кнопку «Обзор» и выберите файлы, которые хотите использовать в создаваемом GIF-изображении. Нажмите «ОК». После этого Photoshop создаст отдельный слой для каждого добавленного изображения.

Как сохранить видео в gif в фотошопе?

Как только все будет готово, перейдите в меню Файл — Сохранить для Web (File > Save for Web) и примените настройки, как показано на скриншоте. После этого нажмите кнопку Сохранить (Save) и сохраните анимацию в формате GIF.

Как сделать анимацию из фотографий в фотошопе?

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

  1. Откройте новый документ.
  2. Добавьте слой или преобразуйте слой заднего плана.
  3. Добавьте содержимое к анимации.
  4. Выберите кадр.
  5. Отредактируйте слои выбранного кадра.
  6. По мере необходимости добавьте кадры и редактируйте слои.

Как самому сделать gif файл?

Создать GIF анимацию онлайн: инструкция.

  1. Создание gif анимации на онлайн конструкторе Gifius.ru происходит в три простых шага:
  2. Шаг 1. Загрузите картинки. …
  3. Шаг 2. Задайте настройки анимации. …
  4. Шаг 3. Скачайте готовую анимацию.

Как сохранить анимацию в фотошопе без потери качества?

Как уменьшить gif анимацию без потери качества через Photoshop

  1. Устанавливаем QuickTime, если он не установлен. …
  2. Открываем Photoshop — выбираем Файл -> Импортировать -> Кадры видео в слои. …
  3. Далее идем в (панель инструментов) Изображение -> Размер изображения -> в открывшемся окне выбираем нужный размер (например 100 на 100 пикселей) — нажимаем на ОК.

Как сохранить GIF из браузера?

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

В каком формате сохранять анимацию?

Можно сохранить анимацию в виде GIF-файлов для просмотра в Интернете. Видео и анимацию можно сохранить как фильм QuickTime или PSD-файлов.

Как сохранить видео в формате GIF?

Как сконвертировать MP4 в GIF

  1. Шаг 1. Загрузите mp4-файл(ы) …
  2. Выберите «в gif» Выберите gif или любой другой формат, который вам нужен (более 200 поддерживаемых форматов)
  3. Загрузите ваш gif-файл Позвольте файлу сконвертироваться и вы сразу сможете скачать ваш gif-файл

В каком приложении можно сделать живое фото?

Живое фото в Инстаграм можно сделать с помощью приложения для iPhone или программы для Windows (если у вас телефон на Android ) — PLOTAGRAPH.

Подробно в блоге http://instagrammar.ru/foto/kak-sdela… 2.

Экспорт видео из фотошопа


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

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

Оказывается, в Фотошопе имеется функция сохранения анимации в виде не только гифки, но и видеофайла.

Сохранение видео

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

    После создания анимации нам необходимо перейти в меню «Файл» и найти пункт с названием «Экспортировать», при наведении на который появится дополнительное меню. Здесь нас интересует ссылка «Просмотреть видео».


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


В следующем блоке оставляем по умолчанию две настройки – «Adobe Media Encoder» и кодек

h364.


В выпадающем списке «Набор» можно выбрать желаемое качество видео.


Следующая настройка позволяет установить размер видео. По умолчанию программа прописывает в поля линейные размеры документа.


Частота кадров настраивается выбором значения в соответствующем списке. Имеет смысл оставить значение по умолчанию.


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


Ждем окончания процесса производства. Чем больше кадров в Вашей анимации, тем больше времени будет происходить рендеринг.

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

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

Как известно, не все программы позволяют добавлять в свои дорожки анимацию в формате GIF. Функция, которую мы сегодня изучили, дает возможность перевести гифку в видео и вставить ее в ролик.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Можно сохранить мультипликацию как GIF для просмотра в сети. В Photoshop Extended видео и мультипликация могут быть сохранены как QuickTime (Кинильм) или файлы PSD. Если вы не создаете рендеринг своей работы для видео, то сохраните файл как PSD, поскольку это лучшая возможность сохранить редактирание и получить файл в формате, который поддерживают цифровые видеоприления Adobe и другие приложения редактирования кинофильма.

Для сохранения анимации в виде GIF-файла можно использовать диалоговое окно команды Save For Web & Devices (Сохранить для Веб и устройств) или соать последовательность изображений, используя команду Render Video (Видеендеринг).

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

Оптимизация кадров анимации

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

© оптимизируйте кадры, чтобы они включали только области, которые изментся от кадра к кадру. Это очень уменьшает размер файла оживляемого GIF;

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

Для оптимизации цвета в анимации используйте палитры Adaptive (Адаптивная), Perceptual (Восприятия) или Selective (Выбор). Это гарантирует, что цвета будут прутствовать на всех кадрах.

1. Удостоверьтесь, что палитра Animation (Анимация) находится в режиме кадров.

2. Выберите команду Optimize Animation (Оптимизация анимации) из меню в палитре Animation (Анимация).

3. Выберите следующие опции:

◆ Bounding Box (Ограничительная коробка). Обрезает каждый кадр к области, которая отличается от предыдущего кадра. Созданные файлы мультиплации, использующие эту опцию, небольшие, но несовместимы с GIF- редакторами, которые не поддерживают опцию. (Эта опция выбрана по умолчанию и рекомендуется.)

◆ Redundant Pixel Removal (Удаление избыточных пикселов). Делает все неизмененные по сравнению с предшествующим кадром пикселы прозраыми. Для того чтобы удалить избыточные пикселы, необходимо выбрать опцию Transparency (Прозрачность) в палитре Optimize (Оптимизация). (Эта опция выбрана по умолчанию и рекомендуется.)

Установите метод появления кадров Automatic (Автоматический), используя опцию

Redundant Pixel Removal (Удаление избыточных пикселов).

4. Нажмите кнопку OK.

Экспорт видео

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

1. Для экспорта видео следует выберать команду File | Export | Render Video

(Файл | Экспорт | Рендеринг видео).

2. В диалоговом окне Render Video (Рендеринг видео) введите имя для последательности изображения или видео.

3. Щелкая по кнопке Select Folder (Выбор папки), выберите папку, в которую вы собираетесь экспортировать свое видео, а затем щелкните Create New Subfolder (Создайте новую подпапку) и введите имя новой подпапки.

4. В параметрах опций File Options (Опции файла) введите либо QuickTime Export (Экспорт кинофильма), либо Image Sequence (Последовательность изражений). Затем выберите формат файла из всплывающего меню.

5. Щелкните Settings (Установки), чтобы определить специфические опции фоата.

6. Если вы в пункте 4 выберете команду Image Sequence (Последовательность изображения), то определите номера Starting (Старт) и Digits (Цифры). (Эти опции определяют систему счисления экспортируемых файлов.) Используйте Size (Размер) из всплывающего меню, чтобы определить пиксельную размеость для экспортируемого файла.

7. Для параметра Range (Рендеринг) выберите следующие опции:

◆ All Frames (Все кадры). Рендеринг всех кадров документа Photoshop.

◆ In Frame and Out Frame (В кадре и вне кадра). Определяется последовельность кадров для рендеринга.

◆ Currently Selected Frames (Кадры, выбранные в настоящее время). Рееринг кадров, выбранных в рабочей области в палитре Animation (Анимация).

8. Специфические опции рендеринга:

◆ Alpha Channel (Альфа-канал). Определяет альфа-каналы для рендеринга. (Этот выбор доступен только для форматов, которые поддерживают альфаналы типа PSD или TIFF). Выберите None (Ни один), чтобы проигноровать альфа-канал, Straight-Unmatted (Прямой-неперемешанный), чтобы включить канал, или одну из опций Premultiplied (Несколько), чтобы смивать матовые цвета с цветами каналов.

◆ Frame Rate (Частота кадров). Определяет, как много кадров создается в тение каждой секунды видео или мультипликации. Опция Document Frame Rate (Частота кадров документа) отражает норму в Photoshop. Если вы экортируете в различные стандарты видео (от NTSC до PAL), выберите стветствующую норму из всплывающего меню.

9. Щелкните Render (Рендеринг).

Форматы файла экспорта QuickTime

© 3G (3G). Формат файла, созданный для мобильных устройств третьего поколения.

© FLC (FLC). Формат мультипликации для воспроизведения анимации, создаой на таких рабочих станциях, как Windows и Mac OS. Этот формат также упоминается как FLI.

© Flash Video (FLV) (Флэш-видео). Adobe Flash Video — формат Adobe для тущего аудио и видео по сети (чтобы использовать этот формат, вы должны уановить FLV QuickTime кодирующее устройство).

© QuickTime Movie (Кинофильм QuickTime). Архитектура мультимедиа Apple Computer, которая включает множество кодеков. (Вы должны использовать этот формат, чтобы экспортировать аудио.)

© AVI Audio Video Interleave (Звуковые видеочередования). Является форматом для звуковых/видеоданных на компьютерах Windows.

© DV Stream (DV-поток). Видеоформат с внутрикадровым сжатием, которое иользует интерфейс FireWire (IEEE 1394), чтобы передавать видео на нелинеые системы редактирования.

© Image Sequence (Последовательность изображений). Последовательность изражений, которые находятся в пределах одной папки. Для названия рекомеуется использовать одно словесное имя под разными номерами (типа Прер_1, Пример_2, Пример_3 и т. д.).

© MPEG-4 (MPEG-4). Стандарт мультимедиа, который предоставляет звуковые и видеопотоки по диапазону полос пропускания.

Источник: Комолова, Н. В., Adobe Photoshop CS5 для всех / Н. В. Комолова, Е. С. Яковлева. — СПб.: БХВ-Петербург, 2011. — 624 с.: ил. + CD-ROM — (В подлиннике)

На этой странице

在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

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

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

Форматы экспорта видео и анимации

Можно сохранить анимацию в виде GIF-файлов для просмотра в Интернете. Видео и анимацию можно сохранить как фильм QuickTime или PSD-файлов. Если работа не предназначена для видео, то лучше сохранить файл в формате PSD, поскольку в этом случае сохраняется редактирование, а формат PSD поддерживается приложениями Adobe для обработки цифрового видео и многими приложениями редактирования кинофильмов.

Оптимизация кадров анимации

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

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

Если анимация сохраняется как GIF-изображение, оптимизируйте ее, как любое другое GIF-изображение. Чтобы гарантировать, что узоры дизеринга постоянны во всех кадрах, и избежать мерцания во время воспроизведения, к анимации применяется специальный метод дизеринга. В связи с применением этих дополнительных функций оптимизация анимированного GIF-файла требует больше времени, чем оптимизация обычного GIF-изображения.

При оптимизации цветов в анимации используйте палитру «Адаптивная», «Перцепционная» или «Селективная». Этим обеспечивается согласованность цветов во всех кадрах.

Убедитесь, что панель «Шкала времени» находится в режиме покадровой анимации.

В меню панели выберите команду «Оптимизировать анимацию».

Обрезает каждый кадр по области, которая изменилась по сравнению с предыдущим кадром. Файлы анимации, созданные с помощью этого параметра, меньше размером, но они несовместимы с GIF-редакторами, не поддерживающими этот параметр. (Данный параметр включен по умолчанию и рекомендуется к использованию.)

Удаление лишних пикселов

Делает прозрачными все пикселы в кадре, которые не изменились по сравнению с предыдущим кадром. Чтобы этот параметр работал, необходимо на панели «Оптимизация» выбрать параметр «Прозрачность». (Данный параметр включен по умолчанию и рекомендуется к использованию.)

При выборе параметра «Удаление лишних пикселов» установите автоматический режим отображения кадров. (См. раздел Выбор режима отображения кадра.)

Расположить кадры на слоях

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

На панели «Шкала времени» или «Слои» выберите видеослой.

В меню панели «Шкала времени» выберите команду «Объединить кадры в слои».

Экспорт видеофайлов или последовательностей изображений

Чтобы создать папку для хранения экспортированных файлов, выберите «Создать новую вложенную папку» и введите имя папки.

В диалоговом окне «Просмотреть видео» выберите Adobe Media Encoder или «Последовательность изображений Photoshop» в меню под разделом «Расположение». Выберите формат файла во всплывающем меню. Если выбран Adobe Media Encoder, видео можно экспортировать в форматах CPS, H.264 или QuickTime.

(Необязательно) Задайте параметры формата в меню под меню формата файла.

(Необязательно) Если на этапе 4 выбрана «Последовательность изображений», введите значения «Начать с. » и «Нумерация». (Эти параметры определяют способ нумерации экспортируемых файлов.) Затем при необходимости выполните любое из следующих действий.

  • Во всплывающем меню «Размер» задайте размер экспортируемых файлов в пикселах.
  • Нажмите кнопку «Настройки» и укажите параметры для конкретного формата.
  • Выберите частоту кадров в меню «Как в документе».

Визуализирует все кадры, содержащиеся в документе Photoshop.

Начальный кадр и конечный кадр

Укажите последовательность кадров для рендеринга.

Визуализирует кадры, выбранные в рабочей области панели «Шкала времени».

Кадр входа и кадр выхода (Photoshop Extended)

Укажите последовательность кадров для рендеринга.

Текущие выбранные кадры (Photoshop Extended)

Визуализирует кадры, выбранные в рабочей области панели «Анимация».

Доступные параметры диапазона зависят от выбранного формата файла.

Задает метод рендеринга альфа-каналов. (Этот параметр доступен только для форматов, поддерживающих альфа-каналы, например, PSD или TIFF). Выберите «Нет», чтобы игнорировать альфа-канал, «Обычный режим — не маска», чтобы включить этот канал, или один из параметров режима умножения, чтобы смешать цвет подложки с цветовыми каналами.

Управление рендерингом поверхностей, если проект содержит трехмерные объекты. Интерактивный: подходит для видеоигр и подобных использований. Черновая трассировка лучей: обеспечивает быструю визуализацию видео, но с низким качеством. Окончательная трассировка лучей: обеспечивает высокое качество видео, но требует много времени.

Определяет количество кадров, создаваемое на каждую секунду видеоролика или анимации. Параметр «Частота кадров документа» отражает частоту, установленную для Photoshop. При экспорте в другой видеостандарт (например, из NTSC в PAL) выберите соответствующую частоту во всплывающем меню.

Форматы файлов экспорта QuickTime (Photoshop Extended)

Формат файла, разработанный для мобильных устройств третьего поколения.

Формат для воспроизведения анимации, созданной на компьютерах под управлением Windows и Mac OS. Этот формат также называют FLI.

Flash Video (FLV)

Adobe Flash Video — это формат Adobe для передачи потоков аудио и видео через Интернет и другие сети. (Для использования этого формата необходимо установить FLV-кодировщик QuickTime.)

Архитектура мультимедиа Apple Computer, включающая несколько кодеков. (Используйте этот формат для экспорта аудио).

Формат Audio Video Interleave (AVI) для аудио- и видеоданных на компьютерах с ОС Windows.

Видеоформат с внутрикадровым сжатием, использующий интерфейс FireWire (IEEE 1394) для передачи видео на нелинейные системы видеомонтажа.

Последовательность отдельных изображений, которая хранится в одной папке и использует одинаковую цифровую или буквенно-цифровую схему именования файлов (например, Последовательность1, Последовательность2, Последовательность3 и так далее).

Мультимедийный стандарт для доставки аудио- и видеопотоков с широким диапазоном полосы пропускания.

Также поддерживаются другие сторонние форматы, например кодеки Avid AVR, но тем не менее необходимые кодеки QuickTime должны быть установлены.

Знакомство с ключевыми кадрами QuickTime

Согласно терминологии QuickTime понятие ключевого кадра отличается от того, что понимается под ключевыми кадрами анимации в Photoshop. В QuickTime ключевые кадры располагаются в ролике с регулярным интервалом и хранятся как полные кадры. Каждый кадр между ключевыми сравнивается с предыдущим кадром и хранит только изменения картинки. Использование ключевых кадров приводит к чувствительному снижению размера фильма и значительному увеличению объема памяти, необходимой для редактирования и рендеринга ролика. Сокращение интервалов между ключевыми кадрами позволит быстрее производить поиск и воспроизведение в обратную сторону, но может значительно увеличить размер файла.

Настройки экспорта 3G (Photoshop Extended)

Дополнительные сведения о параметрах экспорта 3G можно найти на веб-сайте Apple Computer.

Форматы 3GPP и 3GPP2 являются стандартами для создания, доставки и воспроизведения мультимедиа в высокоскоростных беспроводных сетях третьего поколения. Формат 3GPP предназначен для сетей GSM, а 3GPP2 — для сетей CDMA 2000. Форматы 3GPP (Mobile MP4), 3GPP2 (EZmovie) и AMC (EZmovie) предназначены для конкретных сетей. Формат 3GPP (Mobile MP4) предназначен для службы i‑motion 3G сети NTT DoCoMo. Формат 3GPP2 (EZmovie) предназначен для службы 3G сети KDDI. Формат AMC (EZmovie) предназначен для подписчиков KDDI с телефонами, поддерживающими формат AMC.

Выберите пункт «Видео» в раскрывающемся подменю в меню Форматы файлов и задайте следующие параметры.

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

Скорость передачи данных

Задает значение скорости передачи данных при воспроизведении (в килобитах в секунду). Большее значение скорости передачи данных обеспечивает более высокое качество воспроизведения, однако не рекомендуется превышать значение предельной пропускной способности.

Указывает предполагаемый способ распространения видео. Если в меню «Видеоформат» выбран стандарт H.264, то в меню «Параметры видео» рекомендуется выбрать пункт «Лучшего качества». Этот параметр указывает кодеку, насколько может колебаться скорость передачи данных (битрейт) в ту или иную сторону относительно выбранной скорости передачи данных.

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

Сохранение пропорций с помощью

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

Задает количество кадров в секунду (кадр/сек) при воспроизведении. В большинстве случаев видеоролик будет выглядеть лучше, если выбрать число, на которое его частота кадров делится без остатка. Например, если частота источника составляет 30 кадров в секунду, необходимо выбрать частоту кадров 10 или 15. Не следует выбирать частоту, превышающую частоту исходного материала.

Задает частоту создания ключевых кадров в экспортируемом видео. Увеличение частоты ключевых кадров (меньшее число) улучшает качество видео, но увеличивает размер файла.

Если кнопка «Параметры видео» доступна, нажмите ее, чтобы открыть диалоговое окно «Дополнительные настройки 3G-видео». В зависимости от видео в видеокадры можно добавлять маркеры синхронизации, чтобы компенсировать потерю пакетов при потоковой передаче данных. Для видео в формате H.264 можно также ускорить процесс сжатия (например, для просмотра) выбрав параметр «Быстрая кодировка (однопроходная)». Параметр по умолчанию, «Лучшее качество (многопроходная)», позволяет кодеку определить количество проходов кодировки, необходимых для сжатия видео с наилучшим качеством.

Все параметры звука отключаются, так как Photoshop Extended не включает аудио в экспортируемые 3G-файлы.

Все параметры текста отключаются, так как Photoshop Extended не включает текстовые дорожки в экспортируемые 3G-файлы.

Выберите пункт «Потоковая передача» в раскрывающемся подменю в меню Форматы файлов и задайте следующие параметры.

Включить потоковую передачу

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

Оптимизировать для сервера

Помогает серверу быстрее обработать файл, но увеличивает размер файла.

Выберите пункт «Дополнительно» в раскрывающемся подменю в меню Форматы файлов и задайте следующие параметры.

Задает количество воспроизведений файла на мобильном телефоне после загрузки. Также задает параметры истечение срока: укажите количество дней или введите дату. Можно ограничить распространение файлов в формате Mobile MP4 или EZmovie, чтобы после загрузки на мобильный телефон его нельзя было отправить на другое устройство или скопировать.

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

Настройки экспорта FLC (Photoshop Extended)

В диалоговом окне « Настройки экспорта FLC» доступны следующие параметры.

С помощью системных цветов Windows или Mac OS задает в экспортируемом фильме таблицу цветов.

Устанавливает частоту кадров воспроизведения.

Установка параметров экспорта AVI (Photoshop Extended)

Параметры звука отключаются, так как Photoshop Extended не включает аудио в экспортируемые AVI-файлы.

Выбирает компрессор видеосигнала (кодек) для сжатия видео.

Кадров в секунду

Задает число отдельных изображений, отображающихся за одну секунду. Стандартный видеоформат NTSC имеет частоту кадров 29,97 кадр/сек. Европейский видеоформат PAL имеет частоту кадров 25 кадр/сек. Стандарт для кинофильмов — 24 кадр/сек. Фильм QuickTime иногда создается с более низкой частотой кадров, чтобы снизить пропускную способность и нагрузку на процессор.

Фильмы с более высокой частотой кадров лучше передают движение, но имеют большой размер файла. Если выбрать частоту кадров меньше текущей, кадры удаляются. Если выбрать частоту кадров больше текущей, существующие кадры дублируются (не рекомендуется, поскольку в этом случае увеличивается размер файла без повышения качества). В большинстве случаев ваш ролик будет выглядеть лучше, если вы выберете число, на которое его частота кадров делится без остатка. Например, если частота источника составляет 30 кадров в секунду, необходимо выбрать частоту кадров 10 или 15. Не следует выбирать частоту, превышающую частоту исходного материала.

Частота ключевых кадров

Указывает частоту ключевых кадров. Увеличение частоты ключевых кадров (меньшее число) улучшает качество видео, но увеличивает размер файла. Некоторые кодеки автоматически вставляют дополнительные ключевые кадры, если изображение слишком сильно изменилось по сравнению с предыдущим кадром. Обычно достаточно одного ключевого кадра на каждые 5 секунд (умножьте количество кадров в секунду на 5). Если создается файл для потоковой передачи данных по протоколу RTSP, и возникают сомнения по поводу надежности связи, можно увеличить частоту ключевых кадров до одного ключевого кадра на каждую секунду или две секунды.

Ограничить скорость передачи данных до

Задает значение скорости передачи данных при воспроизведении (в килобитах в секунду). Большее значение скорости передачи данных обеспечивает более высокое качество воспроизведения, однако не рекомендуется превышать значение предельной пропускной способности.

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

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

Определяет, имеет ли экспортируемый фильм поля (чересстрочная развертка) или не имеет (построчная развертка).

Задает пропорции экспортируемого фильма: 4:3 или 16:9.

Устанавливает параметры сжатия, прозрачности и доступа к кодеку Intel Indeo® Video 4.4 (только для Intel Indeo® Video 4.4).

Настройки экспорта DV (Photoshop Extended)

В диалоговом окне « Настройки экспорта DV» доступны следующие параметры.

Задает формат DV или DVCPRO для экспортируемого видео.

Задает стандарт телевещания NTSC или PAL.

Определяет, имеет ли экспортируемое видео чересстрочные поля или не имеет полей (прогрессивная развертка).

Задает пропорцию 4:3 или 16:9.

Сохранение пропорций с помощью

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

Хотя в диалоговом окне « Параметры экспорта DV» имеется параметр «Аудиоформат», приложение Photoshop Extended не поддерживает экспорт аудио в файлы DV.

Настройки последовательности изображений для экспорта QuickTime (Photoshop Extended)

Как правило, для экспорта видеофайлов применяется QuickTime. Однако во всплывающем меню «Экспорт QuickTime» можно также выбрать «Последовательность изображений». Щелкните «Настройки», чтобы получить доступ к следующим параметрам:

Выбирает формат файла для экспортируемых изображений.

Кадров в секунду

Устанавливает частоту кадров для последовательности изображений.

Вставить пробел перед числом

Вставляет пробел между именем и созданным автоматически числом в имени файла изображения.

При наличии кнопки «Параметры» щелкните ее и задайте параметры формата.

Дополнительные сведения о конкретных форматах файлов и их параметрах см. в разделах Сохранение и экспорт изображений и Форматы файлов.

Как экспортировать гиф из фотошопа


Оптимизация и сохранение изображений в формате GIF

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

Если Вас интересуют другие варианты сохранения анимации, то рекомендуем прочитать вот эту статью:

Скачать последнюю версию Photoshop

Урок: Как сохранить видео в Фотошопе

Процесс создания GIF анимации был описан в одном из предыдущих уроков, а сегодня мы поговорим о том, как сохранить файл в формате GIF и о настройках оптимизации.

Урок: Создаем простую анимацию в Фотошопе

Сохранение GIF

Для начала повторим материал и ознакомимся с окном настроек сохранения. Открывается оно нажатием на пункт «Сохранить для Web» в меню «Файл».

Окно состоит из двух частей: блока предпросмотра

и блока настроек.

Блок предпросмотра

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

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

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

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

Чуть ниже находится кнопка с надписью «Просмотр». Она открывает выбранный вариант в браузере по умолчанию.

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

Блок настроек

В данном блоке происходит настройка параметров изображения, рассмотрим его подробнее.

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

    • Перцепционная, а попросту «схема восприятия». При ее применении Фотошоп создает таблицу цветов, руководствуясь текущими оттенками изображения. По мнению разработчиков, эта таблица максимально приближена к тому, как человеческий глаз видит цвета. Плюс – наиболее приближенное к оригиналу изображение, цвета максимально сохранены.
    • Селективная схема похожа на предыдущую, но в ней преимущественно используются цвета, относящиеся к безопасным для web. Здесь также сделан упор на отображение оттенков, приближенных к исходным.
    • Адаптивная. В данном случае таблица создается из цветов, которые чаще встречаются в изображении.
    • Ограниченная. Состоит из 77 цветов, часть образцов которых заменены белым цветом в виде точки (зерна).
    • Заказная. При выборе этой схемы появляется возможность создать собственную палитру.
    • Черно-белое. В этой таблице используются только два цвета (черный и белый), также с использованием зернистости.
    • В градациях серого. Здесь применяются различные 84 уровня оттенков серого цвета.
    • MacOS и Windows. Данные таблицы составляются на основании особенностей отображения картинок в браузерах под управлением этих операционных систем.

    Вот несколько примеров применения схем.

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

  2. Максимальное количество цветов в цветовой таблице.

    Количество оттенков в изображении напрямую влияет на его вес, а соответственно и на скорость загрузки в браузере. Чаще всего применяется значение 128, поскольку такая настройка почти не влияет на качество, при этом уменьшая вес гифки.

  3. Web-цвета. Данная настройка устанавливает допуск, с которым оттенки преобразуются в эквивалентные из безопасной Web-палитры. Вес файла определяется значением, выставляемым ползунком: значение выше – файл меньше. При настройке Web-цветов не стоит также забывать и о качестве.

    Пример:

  4. Дизеринг позволяет сгладить переходы между цветами с помощью смешивания оттенков, которые содержатся в выбранной таблице индексирования.

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

    Пример:

  5. Прозрачность. Формат GIF поддерживает только абсолютно прозрачные, либо абсолютно непрозрачные пиксели.

    Этот параметр, без дополнительной подстройки, плохо отображает кривые линии, оставляя пиксельные лесенки.

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

  6. Чересстрочно. Одна из самых полезных для Web настроек. В том случае, если файл имеет значительный вес, позволяет сразу показывать картинку на странице, по мере загрузки улучшая ее качество.

  7. Преобразование sRGB помогает сохранить максимум оригинальных цветов изображения при сохранении.

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

Для наилучшего понимания процесса настройки сохранения гифки в Фотошопе, необходимо попрактиковаться.

Практика

Цель оптимизации изображений для интернета – максимальное снижение веса файла при сохранении качества.

  1. После обработки картинки переходим в меню «Файл – Сохранить для Web».
  2. Выставляем режим просмотра «4 варианта».

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

    Настройки параметров следующие:

    • Цветовая схема «Селективная».
    • «Цвета» – 265.
    • «Дизеринг» – «Случайное», 100 %.
    • Убираем галку напротив параметра «Чересстрочное», поскольку конечный объем изображения будет довольно маленьким.
    • «Web-цвета» и «Потери» – ноль.

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

  4. Переходим на картинку ниже только что настроенной. Попробуем ее оптимизировать.
    • Схему оставляем без изменений.
    • Количество цветов уменьшаем до 128.
    • Значение «Дизеринга» снижаем до 90%.
    • Web-цвета не трогаем, так как в данном случае это нам не поможет сохранить качество.

    Размер гифки снизился с 36,59 КБ до 26,85 КБ.

  5. Поскольку на картинке уже присутствует некоторая зернистость и небольшие дефекты, попробуем увеличить «Потери». Данный параметр определяет допустимый уровень потери данных при сжатии GIF. Меняем значение на 8.

    Нам удалось еще уменьшить объем файла, при этом немного потеряв в качестве. Гифка теперь весит 25,9 килобайт.

    Итого, мы смогли снизить размер картинки примерно на 10 КБ, что составляет более 30%. Весьма неплохой результат.

  6. Дальнейшие действия весьма просты. Нажимаем на кнопку «Сохранить».

    Выбираем место для сохранения, даем название гифке, и снова жмем «Сохранить».

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

    В результате получим страницу и папку с изображением.

Совет: при присвоении имени файлу старайтесь не использовать кириллические символы, поскольку не все браузеры в состоянии их прочитать.

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

Помогла ли вам эта статья?
ДА НЕТ

Как создать анимированное GIF-изображение с помощью Photoshop

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

В этом руководстве по созданию анимированных GIF-файлов я использую Photoshop версии Creative Cloud 2015.

Как создать и сохранить GIF-анимацию в фотошопе (Photoshop)?

Ниже приведен пример анимированного GIF-изображения, которое можно создать, используя данное руководство:

Шаг 1. Загрузите изображения в Photoshop

Если у вас уже есть изображения …

Сохраните нужные изображения в отдельную папку. Чтобы загрузить их в Photoshop, нажмите Файл> Сценарии> Загрузить файлы в стек.

Затем нажмите кнопку «Обзор» и выберите файлы, которые хотите использовать в создаваемом GIF-изображении. Нажмите «ОК».

После этого Photoshop создаст отдельный слой для каждого добавленного изображения. Далее перейдите к шагу 2.

Если у вас еще нет набора изображений …

Создайте каждый кадр анимированного GIF-изображения в виде отдельного слоя. Чтобы добавить новый слой, выберите Слой> Создать> Слой.

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

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

Профессиональный совет: Если хотите объединить слои так, чтобы они отображались в GIF-изображении в одном кадре, включите видимость для слоев, нажав на «глаз» слева от названия каждого нужного слоя. Затем нажмите Shift + Command + Option + E (Mac) или Shift + Ctrl + Alt + E (Windows). Photoshop создаст новый слой, содержащий объединенный контент, его также необходимо будет переименовать.

Шаг 2. Откройте окно «Временная шкала»

Чтобы открыть окно «Временная шкала», перейдите в верхнее меню и выберите Окно> Шкала времени. Она позволяет задействовать различные слои в разные периоды времени, тем самым превращая статическое изображение в GIF-анимацию.

В нижней части экрана появится окно «Шкала времени». Вот как оно выглядит:

Шаг 3: В окне «Шкала времени» нажмите кнопку «Создать анимацию кадра»

Если этот пункт не выбран автоматически, выберите его в раскрывающемся меню.

Теперь окно «Шкала времени» должно выглядеть примерно так:

Шаг 4. Создайте новый слой для каждого кадра

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

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

Шаг 5: Нажмите на ту же иконку меню и выберите пункт «Создать кадры из слоев»

В результате каждый слой будет использован как кадр GIF-изображения.

Шаг 6: Под каждым кадром задайте, как долго он должен отображаться до момента перехода к следующему

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

Шаг 7: В нижней части панели инструментов выберите, сколько раз необходимо воспроизводить анимацию

По умолчанию будет использоваться значение «Однократно». Кликните по пункту «Другое», если  хотите указать произвольное количество повторений.

Шаг 8: Просмотрите созданное GIF-изображение, кликнув по иконке воспроизведения
Шаг 9: Сохраните и экспортируйте GIF-изображение

Осталось понять как сохранить анимированный GIF в фотошопе  для последующего использования. Для этого нужно перейти в верхнее меню и выбрать в нем пункт Файл> Сохранить для Web.

Затем выберите тип GIF-файла, который вы хотите сохранить. Число рядом с обозначением GIF определяет, насколько точно цвета GIF-изображения будут соотноситься с оригинальными JPEG или PNG изображениями. Согласно документации Adobe, более высокий процент сглаживания дает большее количество цветов и большую детализацию. Но это увеличивает размер итогового файла.

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

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

Как использовать GIF-изображения в маркетинге

В социальных сетях

Pinterest был первым, кто позволил использовал анимированные GIF-файлы, затем за ним последовал Twitter. А к лету 2015 года к ним присоединился Facebook. Затем Instagram изменил формат работы с Boomerang, который теперь позволяет пользователям снимать и делиться своими GIF-изображениями. На любом из этих социальных ресурсов анимированные GIF-файлы могут стать отличным способом выделиться из общей массы.

В электронных письмах

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

Используйте GIF-изображения, демонстрируя товары,  и анонсируя события. Ниже приведено GIF-изображение из рекламной кампании магазина женской одежды Ann Taylor LOFT. Они создали красивый эффект, похожий на дрожание, чтобы заинтриговать получателей электронных писем и заставить их «развернуть» свой подарок.

В постах на блоге

Например, вот простой, анимированный GIF-файл, созданный маркетологом Джинни Минео, который объясняет, что такое призыв к действию, размещенный в постах блога:

И, наконец, одна из наших самых любимых гифок: анимированное GIF-изображение из поста с рецептами домашней кулинарии.

Как вы будете использовать GIF-изображения в маркетинге? Расскажите об этом в комментариях.

Перевод статьи «How to Make an Animated GIF in Photoshop [Tutorial]» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Экспорт изображений и анимированных файлов GIF

В этой статье рассматривается экспорт изображений и анимированные файлы GIF.

В Animate добавлены функции «Экспорт изображения» и «Экспортировать анимированный GIF», которые помогают без труда экспортировать ресурсы .png, jpeg, статические и анимированные файлы GIF в интерактивном режиме.

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

Для предварительного просмотра оптимизированных изображений в различных форматах и с применением различных атрибутов файлов можно использовать возможности оптимизации, задаваемые в диалоговом окне «Экспорт изображения». Одновременного можно просматривать несколько вариантов изображения и изменять их настройки оптимизации для выбора наилучшего сочетания параметров в соответствии с текущими требованиями. Кроме того, можно задать параметры прозрачности и обработки краев, настроить дизеринг, изменить размер изображения (в пикселях или процентах от исходного размера).

При сохранении оптимизированного файла с помощью команды «Экспорт изображения» можно задать создание файла HTML для изображения. Этот файл будет содержать всю информацию, необходимую для отображения изображения в веб-браузере.

В Animate для сохранения изображений в форматах GIF, JPEG и PNG используется команда «Сохранить как». В зависимости от формата файла можно задать качество изображения, настроить прозрачность фона или обработку краев, отображение цветов и способ загрузки. Однако любые добавленные в файл веб-функции (например, ссылки и анимация) не сохраняются.

Кроме того, с помощью команды Обработчик изображений Animate в можно сохранить папку копий изображений в формате JPEG. С помощью команды «Обработчик изображений» также можно изменять размер изображений и преобразовывать цветовой профиль изображений в веб-стандарт sRGB.

Диалоговое окно «Экспорт изображения» («Файл» > «Экспорт» > «Экспорт изображения» и «Файл» > «Экспорт» > «Экспортировать анимированный GIF»), чтобы выбрать параметры оптимизации и предварительно просмотреть оптимизированную монтажную область.

A. Параметры отображения B. Всплывающее меню «Оптимизация» C. Параметры набора настроек D. Параметры «Размер изображения» E. Параметры анимации F. Просмотр G. Панели инструментов 

Чтобы выбрать вариант отображения, щелкните вкладку над областью изображения.

Отображение изображения без оптимизации.

Отображение изображения, к которому применены текущие настройки оптимизации.

Одновременное отображение двух вариантов изображения.

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

  • Чтобы перемещаться по изображению для отображения нужной его части, выберите инструмент «Рука») (или удерживайте клавишу «Пробел») и перетащите область просмотра.
  • Чтобы увеличить масштаб, выберите инструмент «Масштаб»  и щелкните в области просмотра. Чтобы уменьшить масштаб, щелкните в области просмотра, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).

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

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

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

  • В диалоговом окне «Экспорт изображения» в меню «Просмотр» выберите один из приведенных ниже параметров.

Гамма изображения не изменяется. Значение «Цвет на экране монитора» задано по умолчанию.

Старая версия Macintosh (без управления цветом)

Моделирует стандартную гамму 1.8, применявшуюся в Mac OS 10.5 и ранее.

Windows (без управления цветом)

Моделирует стандартную гамму 2.2, использованную в Windows и Mac OS 10.6 и позже.

Использовать профиль документа

Задает значение гаммы в соответствие с цветовым профилем прикрепленного документа, использующего систему управления цветом.

  1. Выберите «Файл» > «Экспорт изображения» или «Файл» > «Экспортировать анимированный GIF».

  2. Чтобы выбрать вариант отображения, щелкните вкладку в верхней части диалогового окна: «Оптимизированный» или «2 варианта».

  3. (Необязательно) Если изображение содержит несколько фрагментов, выберите для оптимизации нужные.

  4. В меню «Наборы параметров» выберите предопределенные настройки оптимизации или укажите собственные. Доступность параметров зависит от выбранного формата файла.

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

    Примечание.

    Чтобы вернуть оптимизированное изображение в окне предварительного просмотра к исходному варианту, выберите изображение, затем в раскрывающемся меню «Наборы параметров» выберите пункт «Исходное».

  6. Чтобы цвета оптимизированного изображения гарантированно выглядели одинаково в разных браузерах, преобразуйте цвета изображения в sRGB.

    Примечание.

    Метаданные вывода соответствуют стандартам Рабочей группы Метаданных поэтому некоторые метаданные JPEG хранятся форматах EXIF и IIM, а не XMP.

  7. Выберите следующие параметры.

    Метаданные не сохранены (кроме уведомления об авторских правах в формате EXIF в файлах JPEG). Позволяет сохранить наименьший размер файла.

    Сохраняет сведения об авторских правах, условия использования, состояние авторских прав URL-адрес сведений об авторских правах.

    Авторские права и контактная информация

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

    Сохраняет все метаданные, кроме данных EXIF о параметрах настройки камеры, например, о выдержке, дате и времени, фокусном расстоянии, компенсации экспозиции, схемы измерения и использовании вспышки.

    Сохраняет в файл все метаданные.

  8. Нажмите кнопку «Сохранить».

  9. В диалоговом окне «Сохранить оптимизированный как» выполните описанные ниже действия и нажмите кнопку «Сохранить».

    1. Введите имя файла и выберите расположение для конечных файлов.

    2. В меню «Формат» укажите формат сохраняемых файлов: HTML-файлы и файлы изображения, только файлы изображения или только HTML-файлы.

    3. (Необязательно) Установите настройки вывода для HTML-файлов и файлов изображений.

    4. Если изображение содержит несколько фрагментов, выберите в меню «Фрагменты» параметры для сохранения фрагментов. «Все фрагменты» или «Выделенные фрагменты».

      Примечание.

      Чтобы сбросить настройки оптимизации и восстановить последнюю сохраненную версию, зажмите клавишу «Alt» (Windows) или «Option» (Mac OS), затем нажмите кнопку «Сбросить». Для использования этих же настроек при следующем открытии диалогового окна «Сохранить для Web» нажмите и удерживайте клавишу «Alt»/«Option», затем нажмите кнопку «Запомнить».

      5. Видеоролик о сохранении файлов для Интернета в Illustrator см. по адресу www.adobe.com/go/vid0063_ru.

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

  1. Установите необходимые настройки оптимизации и выберите в меню палитры «Оптимизировать» пункт «Сохранить настройки».

  2. Укажите имя для настроек и сохраните набор в соответствующей папке:

    (Windows XP) Document and Settings\[Имя пользователя]\Application Data\Adobe\AdobePhotoshop CS5\Optimized Settings

    (Windows Vista) Users\[Имя пользователя]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings

    (Mac OS) Users/[Имя пользователя]/Library/Preferences/AdobePhotoshop CS5Settings/Optimized Settings

    (Windows XP) Document and Settings\[Имя пользователя]\Application Data\Adobe\AdobeIllustrator CS5 Settings\[Язык]\Save for Web Settings\Optimize

    (Windows Vista) Users\[Имя пользователя]\AppData\Roaming\Adobe\AdobeIllustrator CS5 Settings\[Язык]\Save for Web Settings\Optimize

    Пользователи (Mac OS)/[имя_пользователя]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS5/[язык]/Save for Web Settings/Optimize

    Примечание.

    При сохранении настроек в другой папке они не будут отображаться в раскрывающемся меню «Наборы параметров».

  3. Чтобы удалить стиль, выберите его в меню «Наборы параметров», затем в меню палитры «Оптимизировать» выберите пункт «Удалить настройки».

  1. Выберите «Файл» > «Экспорт» > «Экспорт изображения» или «Файл» > «Экспорт» > «Экспортировать анимированный GIF».

  2. Чтобы выбрать вариант отображения, щелкните вкладку в верхней части диалогового окна «Экспорт изображения» или «Экспортировать анимированный GIF»: «Оптимизированный» или «2 варианта». 

  3. (Необязательно) Выберите фрагменты для оптимизации и нужный формат файла.

  4. В меню «Оптимизировать» (справа от меню «Наборы параметров») выберите пункт «Оптимизировать по размеру файла».

  5. Введите нужный размер файла.

  6. Выберите параметр «Начать с».

    Используется текущий формат файла.

    Автовыбор формата GIF/JPEG

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

  7. Выберите параметр «Использование», который определяет применение указанного размера файла только к текущему фрагменту, к каждому фрагменту в изображении или ко всем фрагментам. Нажмите кнопку «ОК».

В диалоговом окне «Экспорт изображения» можно изменить размер изображения до заданных размеров в пикселях или процентах от исходного размера.

  1. В диалоговом окне «Экспорт изображения» щелкните вкладку «Размер изображения».

  2. При необходимости задайте следующие параметры.

    Сохраняются текущие пропорции ширины и высоты.

    Примечание.

    К форматам SWF и SVG не применяется ни один из параметров палитры Размер изображения, за исключением параметра «Обрезать по монтажной области».

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

Можно предварительно просмотреть оптимизированное изображение в любом веб-браузере, установленном в системе, через диалоговое окно «Экспортировать анимированный GIF» («Файл» > «Экспорт» > «Экспорт изображения» или «Файл» > «Экспорт» > «Экспортировать анимированный GIF»). Просмотр в браузере позволяет вывести изображение с сопроводительной подписью, где будет указан тип файла изображения, размеры в пикселях, размер файла, характеристики сжатия и другая информация в формате HTML.

  • Для просмотра изображения в веб-браузере по умолчанию щелкните значок браузера в нижней части диалогового окна «Экспорт изображения».
  • В диалоговом окне «Браузеры» можно найти все установленные браузеры и задать браузер по умолчанию для просмотра изображений.

7 советов по созданию GIF анимаций

У нас в InVision, GIF анимации используются не для баловства —  они играют важную роль с точки зрения маркетинга и обучения. Поэтому мы даже пытались использовать их на нашей главной странице вместо анимаций, сделанных с помощью кода.

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.
Дизайн GIF изображений
1. Секретный ингредиент
Вот мой небольшой секрет: все мои GIF анимации сначала были видео-файлами. Обычно я использую ScreenFlow, который я кстати также применяю для создания видео наших продуктов. Это простая программа, которая в то же время содержит множество полезных анимационных инструментов. После того как я сохраняю анимацию как видео файл, я импортирую его в Photoshop через File > Import > Video Frames As Layers.

Совет: Если ScreenFlow или After Effects вам не по карману, то создайте анимацию в Keynote, и экспортируйте ее как видео. Наконец-то, хоть какое-то применение этой функции в Keynote.
2. Меньше цветов = больше веселья
Если вы хотите делать крутые GIF анимации, то нужно с особым трепетом подойти к выбору цвета. Это повлияет не только на размер файла, но и позволит создать более продолжительные анимации с маленьким размером файла. (Для меня маленький — это менее 1MB)
3. Используйте размытие в движении (motion blur), если возможно
Такие программы как ScreenFlow и After Effects позволяют экспортировать видео с применением размытия в движении. Это не только придаст вашей анимации профессиональный вид, но и упростит процесс уменьшения размера файла в Photoshop.
4. Будьте (отчасти) ленивыми
Представьте, какие еще элементы я бы смог добавить к GIF анимации в начале этого поста. Небольшие тултипы с именами пользователей, курсор, кликающий на кнопку плюс и так далее. Людям не нужно видеть все это, чтобы получить общее понимание увиденного, поэтому показывайте только то, что нужно — вы ограничены во времени и размере файла.
Экспорт GIF анимаций
Перед тем как начать переживать насчет советов ниже, попробуйте экспортировать вашу GIF анимацию. Если она приемлемого размера, отличная работа! Продолжайте в том же духе. В противном случае попробуйте следующие методы.
5. Удалите кадры-дубликаты
Скорее всего ваша анимация останавливается или остается неподвижной на какой-то момент времени. Присмотревшись, можно заметить, что этот момет состоит из нескольких одинаковых кадров. Если таких кадров 10 штук, то удалите 9 из них и установите длительность оставшегося кадра на, например, 1 секунду.

Если это не поможет, попробуйте заново импортировать видео, но на этот раз выберите параметр Limit To Every 2 Frames. Это должно значительно уменьшить размер файла.

Совет: Если ваша анимация состоит из более 150 кадров, то возникнут проблемы при попытках уменьшить размер файла.
6. Меньше цветов
Когда вы сохраняете GIF анимацию в Photoshop, то увидете выпадающее меню возле параметра Colors. Поэкспериментируйте со значениями, попробуйте максимально малое количество цветов, которое не превратит весь файл в мусор.

7. Измените параметр Lossy* (потери)
Если честно, то я даже не знаю, что этот параметр означает. Но я точно знаю, что если вы поставите его на уровне между 1 и 10, то избавитесь от лишних килобайтов без потери качества.

*«Потери» (Lossy) — допустимый уровень потери графической информации в растровом файле, позволяющий уменьшить файловый размер изображения
Ничего не изменилось! Помогите!
Если вы попробовали все, что было сказано выше, но так и не смогли уменьши размер GIF анимации, то нужно сделать шаг назад. Может вы хотите невозможного? Есть ли другой способ добиться желаемого? Можно ли разбить файл на две GIF анимации? Будет лучше, если ваша GIF анимация сделает акцент на одном аспекте.

От переводчика. Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!

Теги:
  • gif
  • оптимизация изображений

Как в фотошопе экспортировать


Экспорт документов, слоев и монтажных областей в Photoshop

Можно задать следующие параметры в диалоговом окне Экспортировать как:

Формат: выберите PNG, JPG, GIF или SVG.

Настройка формата: для PNG укажите, экспортировать ресурсы с включенным параметром «Прозрачность» (32 бита) или выполнять экспорт изображений меньшего размера (8 бит). Для JPEG укажите требуемое качество изображения (0–100 %). Изображения GIF по умолчанию прозрачны. При экспорте ресурсов PNG учитывайте следующее.

  • При выборе параметра «Прозрачность» будут созданы 32-битные ресурсы PNG.
  • Выбор параметра «Файл меньшего размера» позволит создать 8-битные ресурсы PNG.
  • Если снять оба флажка, приложение будет создавать 24-битные ресурсы PNG.

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

Масштаб: выберите, насколько большим должно быть экспортированное изображение. Этот параметр полезен для экспорта ресурсов большего или меньшего разрешения. Изменение масштаба влияет на размер изображения.

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

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

Размер холста: если для ресурса отводится область с определенной высотой и шириной, укажите эти значения в качестве размера холста. Область предварительного просмотра в диалоговом окне «Экспортировать как…» обновляется: изображение располагается по центру в этих границах. Этот параметр полезен в некоторых ситуациях, например:

  • Выполняется экспорт значков разных размеров, которые требуется расположить по центру в окошках 50х50 пикселов.
  • Выполняется экспорт баннерных изображений, размер которых больше или меньше требуемых значений.

Если изображение превышает размер холста, оно обрезается до заданных значений ширины и высоты. Щелкните Сбросить, чтобы вернуть значения, заданные в параметре Размер изображения.

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

Цветовое пространство: укажите следующее.

  • Требуется ли преобразовывать экспортируемые ресурсы в цветовое пространство sRGB. По умолчанию этот параметр выбран.
  • Требуется ли внедрять цветовые профили в экспортируемые ресурсы.

Сохранение и экспорт видео и анимации в Photoshop

Задает число отдельных изображений, отображающихся за одну секунду. Стандартный видеоформат NTSC имеет частоту кадров 29,97 кадров/с. Европейский видеоформат PAL имеет частоту кадров 25 кадров/с. Стандарт для кинофильмов — 24 кадров/с. Фильм QuickTime иногда создается с более низкой частотой кадров, чтобы снизить пропускную способность и нагрузку на процессор.

Фильмы с более высокой частотой кадров лучше передают движение, но имеют большой размер файла. Если выбрать частоту кадров меньше текущей, кадры удаляются. Если выбрать частоту кадров больше текущей, существующие кадры дублируются (не рекомендуется, поскольку в этом случае увеличивается размер файла без повышения качества). В большинстве случаев ваш ролик будет выглядеть лучше, если вы выберете число, на которое его частота кадров делится без остатка. Например, если частота источника составляет 30 кадров в секунду, необходимо выбрать частоту кадров 10 или 15. Не следует выбирать частоту, превышающую частоту исходного материала.

Экспорт слоев в фотошопе или как сохранить все слои в отдельные файлы

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

Теперь представьте, что в таком макете будет, допустим, 50 картинок (иконки, фоны и прочее). Сколько нужно потратить времени, чтобы вручную это все сохранить? К тому же задача усложнится на парочку дополнительных действий, когда потребуется сделать тримминг слоя, избавляясь от лишнего прозрачного фона. Ответ: много. Причем монотонная однообразная работа вам радости не прибавит.

К счастью, для таких целей фотошоп имеет специальный инструмент — команду Экспортировать слои в файлы (Export Layers To File).

Экспортировать слои в файлы — это команда фотошопа, позволяющая автоматически сохранить на компьютер каждый слой проекта в отдельный графический файл, с расширением JPEG, PNG, BMP, TIFF и ряд других. 

Но имейте ввиду, эта команда не такая уж и гибкая и НЕ содержит десяток параметров на все случаи жизни. Для ленивых, кому хочется, чтобы автоматически происходила компиляция заранее выбранных слоев, как например, есть некий фон и, чтобы каждый следующий слой был объединен с этим фоном, то фигушки. Это ручками делать. А сейчас давайте подробнее посмотрим на то, что есть.

Файл -> Сценарии -> Экспортировать слои в файлы

Чтобы выполнить операцию сохранения слоев в файлы, нужно:

1. Выбрать папку, куда файлы должны будут поместиться. Для этого нажмите на Обзор и выберите папку на компьютере. Здесь нужно учесть важный момент: фотошоп не любит русский язык. Ниже я описал, что нужно делать.

2. Указать Префикс имени файла. Это условная часть, которая добавится в название сохранного файла в его начало:

Примечание

Посмотрите внимательно на скриншот выше. Видите знаки тире в наименовании каждого файла? Так фотошоп отобразил русскоязычные названия слоев.

Поэтому, чтобы этого избежать, нужно переименовать все слои на англоязычные аналоги, например, «Layer 1». 

3. Поставьте галочку Только видимые слои, если хотите, чтобы фотошоп не сохранял слои, где вы убрали значок видимости. Иначе программа будет обрабатывать все слои подряд.

4. Укажите тип сохраняемого файла. Доступны следующие варианты:  BMP, JPEG, PDF, PSD, TARGA, TIFF, PNG-8 и PNG-24.

В зависимости от выбранного файла, ниже в зоне параметров, отобразятся доступные для данного типа опции.

  • BMP — позволяет выбрать битовую глубину 16/24/32.
  • JPEG — позволяет указать качество изображения: от 0 (низкое) до 12 (наилучшее).
  • PDF — это кодировка (JPEG или ZIP) и также качество изображения: от 0 до 12.
  • PSD — галочка максимизировать совместимость (для поддержки слоев в более старых версиях фотошопа).
  • TARGA — позволяет выбрать битовую глубину 16/24/32.
  • TIFF — позволяет выбрать сжатие (без сжатия, LZW, ZIP, JPEG) и качество изображения: от 0 до 12.
  • PNG-8 и PNG-24 — позволяют оставить прозрачность пикселей, а также тримминг прозрачных пикселей.

5. Нажмите Выполнить, когда все настроете.

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

Кстати о минусах — операцию нельзя отменить. Если после каждого обработанного слоя будет выходить ошибка, то придется нажимать на нее до тех пор, пока фотошоп не пройдет по всем слоям. Такой уж несовершенный инструмент…

Ошибка «Команда не выполнена так как не существует папка назначения»

Если при сохранении вы увидели окно ошибки с таким содержанием:

— значит вы упустили из виду одну очень досадную вещь: фотошоп не переваривает русский язык!

Чтобы ошибки не было, нужно проследить, чтобы до папки, куда осуществляется сохранения, не было использовано ни единой русской буквы.

Например, такой путь: C:\Users\Касатики\Desktop\Новая папка — это неправильно! Причем, в этом примере, изменить название конечной папки на английское наименование не поможет. У многих русскоязычных пользователей, имя пользователя компьютера написано русскими буквами, как у меня. И это фотошоп тоже не переваривает.

В таком случае нужно создать папку прямо в корне жесткого диска. Путь к нему не содержит имя пользователя. Вот так будет правильно: C:\psand. 

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

и мы обязательно опубликуем для вас еще больше полезных статей из мира дизайна и новых лайфхаков.