Как открыть gif в фотошопе
В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop.
Видеослой можно трансформировать так же, как любой другой слой. Однако перед тем, как осуществлять трансформирование, необходимо преобразовать слои видео в смарт-объекты.
На панели «Шкала времени» или «Слои» выберите видеослой.
- В меню «Редактировать» выберите команду «Свободное трансформирование» и с помощью маркеров в окне документа трансформируйте видео.
- В меню «Редактировать» выберите команду «Трансформирование», затем в подменю выберите конкретный вид трансформации.
Если слой видео не является смарт-объектом, Photoshop попросит осуществить требуемое преобразование.
Новые видеослои можно создать, добавив видеофайл как новый слой или создав пустой слой.
Открытие видеофайла
Видео появится в видеослое в новом документе.
Добавление видеофайла в качестве нового видеослоя
Убедитесь, что для активного документа панель «Шкала времени» отображается в режиме временной шкалы.
Добавление пустого видеослоя
Убедитесь, что для активного документа панель «Шкала времени» отображается в режиме временной шкалы.
Чтобы указать, когда видеослой должен появиться в видео или анимации, можно использовать несколько методов. Например, можно отсечь (скрыть) кадры в начале или конце слоя. Тем самым изменяется начальная и конечная точки слоя видео или анимации. (Первый появляющийся кадр называется точкой входа, а последний — точкой выхода.) Можно также перетащить всю полосу длительности слоя на другой участок временной шкалы.
На панели «Шкала времени» выберите слой.
- Чтобы указать точки входа или выхода слоя, перетащите соответственно начало или конец полосы длительности этого слоя.
- Перетащите полосу длительности слоя на участок временной шкалы, где должен появиться этот слой.
Для получения лучших результатов перетаскивайте полосу длительности слоя после усечения.
- Переместите индикатор текущего времени на кадр, выбранный в качестве новой точки входа или выхода, а в меню панели выберите команду «Усечь начало слоя до текущего времени» или «Усечь конец слоя до текущего времени».
При этом сокращается длительность слоя: скрываются кадры между индикатором текущего времени и точкой входа или точкой выхода. (Расширение маркеров полосы длительности слоя открывает скрытые кадры.)
- Используйте ключевые кадры для изменения непрозрачности слоя в конкретное время или в конкретных кадрах.
Чтобы удалить материал в одном или нескольких слоях, используется команда «Приподнять рабочий участок ». Чтобы удалить участок указанной длительности из всех слоев видео или анимации, используется команда «Извлечь рабочий участок ».
Чтобы скрыть кадры в начале или конце видеослоя или слоя анимации, выполните обрезку слоя. Чтобы запустить или остановить видеоролик в другой момент времени, переместите видеослой.
При сдвиге видеослоев изменения становятся постоянными после сохранения файла. После обрезки видеоролика его можно восстановить, снова раздвинув маркеры на полосе длительности слоя.
На панели «Шкала времени» или «Слои» выберите нужный слой.
Переместите индикатор текущего времени в кадр (или на время), который следует использовать в качестве новой точки входа или точки выхода.
В меню панели «Шкала времени» выберите один из следующих вариантов.
Переместить начальную точку слоя на текущее время
Окончательно перемещает начало слоя к индикатору текущего времени.
Переместить конечную точку слоя на текущее время
Окончательно перемещает конец слоя к индикатору текущего времени.
Обрезать слой от его начала до текущего времени
Временно скрывает участок от индикатора текущего времени до начала слоя.
Обрезать слой от его конца до текущего времени
Временно скрывает участок от индикатора текущего времени до конца слоя.
Можно также использовать команду «Приподнять рабочий участок » для скрытия кадров в одном или нескольких слоях или команду «Извлечь рабочий участок » для скрытия заданной длительности во всех слоях видео или анимации.
Участок материала в выделенных слоях можно удалить, оставив интервал той же длительности, что и удаленный участок.
На панели «Шкала времени» задайте рабочий участок, чтобы указать длительность в выделенных слоях.
В меню панели «Анимация» выберите команду «Приподнять рабочий участок ».
Чтобы удалить фрагменты ролика и автоматически исключить лакуны, используйте команду « Извлечь рабочий участок ». Оставшееся содержимое копируется в новые видеослои.
На панели «Шкала времени» задайте рабочий участок, чтобы указать длительность анимации или видео.
В меню панели выберите команду «Извлечь рабочий участок ».
Видеослой можно разделить на два новых видеослоя на заданном кадре.
Выберите видеослой на панели «Шкала времени».
Переместите индикатор текущего времени на нужное время или номер кадра, где необходимо разделить видеослой.
Щелкните значок меню панели и выберите команду «Разделить слой».
Выделенный видеослой дублируется и появляется сразу над исходным слоем на панели «Шкала времени». Исходный слой усекается от начала до текущего времени, а дублирующий слой — с конца до текущего времени.
По мере добавления слоев к видео или анимации может возникнуть необходимость их упорядочивания по иерархическому принципу путем группирования. Приложение Photoshop сохраняет кадры видео и анимации в сгруппированных слоях.
Можно также сгруппировать группу слоев. Группирование группы слоев, кроме того, что оно создает более сложную иерархию, позволяет также одновременно анимировать непрозрачность всех сгруппированных слоев. На панели «Анимация» отображается группа слоев с общим свойством непрозрачности.
Группировка видеослоев в Photoshop аналогична предварительной композиции в программе Adobe After Effects.
В Фотошопе версий CS3 и выше видео и GIF-файлы анимации открываются не обычным способом, через Файл —> Открыть, а через Файл —> Импортировать —> Кадры в видеослои.
Но, кроме этого, для того, чтобы программа Фотошоп увидела и открыла видео и GIF-файлы, надо произвести весьма много интересных танцев с бубнами. Часть из них я попытаюсь описать.
В процессе установки надо смотреть на галки в появляющихся окнах, и убирать те, мастер загрузки предложит установить всякие ненужные ASK-поиски и бары.
Разобравшись с этим, можно попытаться открыть видео, как указано выше, через Файл —> Импортировать —> Кадры в видеослои.
Теперь проклюнулись следующие приколы:
? Для GIF.
Открыв папку с файлами GIF-анимаций(Файл —> Импортировать —> Кадры в видеослои), Фотошоп просто не видит эти анимашки. Для того чтобы увидел необходимо после открытия нужной вам папки поставить в графе название файла звёздочку(*) и нажать кнопку «Загрузить» Теперь GIF-анимашки видны, остаётся их открыть. В фотошопе анимашки открываются корректно, все слои в палитре слоёв последовательны и пронумерованы по порядку, и, если открыть панель анимации(Окно —> Анимация), то все слои будут соответствовать фреймам анимации. В общем-то больше с открытием GIF-анимаций вопросов не возникает, можно начинать творить.
? Для видео-файлов
С этим интереснее. Если повезёт, то видео откроется и разложится на слои. Появиться примерно такое окно:
Можно работать. Но это в идеале. Надо понимать, что Фотошоп — это всё-таки редактор изображений, а не видео, поэтому и распознаёт он ограниченное количество форматов и кодеков видеофайлов. А в наше просвещённое время развелось столько этих кодеков с форматами, что никто уже разобраться и не может. Так что, скорее всего, на месте видео будет пустой белый квадрат.
Закапчуренное с цифровой камеры видео Фотошоп уж точно не откроет. Это касается телефонного видео, видео с вэб-камер и т.д. Ответ напрашивается сам собой. Надо конвертировать. Конвертеров много, как платных и бесплатных, и, в основном, они заточены под конвертацию определённого формата в другой определённый формат, о чём разработчики конвертеров по понятным причинам нам не сообщают.
И тут нам приходит на помощь бесплатный видеоконвертер XviD4PSP 5.0 скачать можно здесь или на официальном сайте разработчиков. Для работы этого конвертера необходима утилита AviSynth 2.5.7, которую можно скачать здесь .
Инсталлируем эти две программы обычным способом.
Вот интерфейс этого замечательного конвертера:
Открываем программу. Кликаем Файл—>Открыть, выбираем файл. В главном окне программы надо выбрать следующие настройки:
- Формат — AVI DV PAL
- Цветокоррекция и Фильтрация — Desabled
- Кодирование видео — DV-Video
- Кодирование звука — пофиг
И клик по кнопке «Кодировать». Программа предложит выбрать папку сохранения, выбираем её, ОК. Получаем файл с кодеком dvsd DVC/DV Video в контейнере DV Type 2 AVI Multipart OpenDML AVI. С вероятностью в 90% Фотошоп скушает видео с такими параметрами.
Переходим к следующей проблеме. Это объём файла. Дело в том, что Фотошоп при открытии видео в слои использует оперативную память компа. Если у Вас х64, тогда вопросов нет, можно ставить плитки до 128Гб. Но по разным причинам, народ не может перейти на х64 и грустно сидит на х86, не потому, что влом переходить или не позволяет религия, а по другим, совершенно объективным причинам. Например, автор этих строк, при всём его высоком стремлении к прекрасному и новому, не использует х64 из-за отсутствия для оного варезных плагинов к 3ds max. Однако мы отвлеклись.
Естественно, что для задач, выполняемых с помощью Фотошопа, длинные видео не требуются, а надо то всего максимум несколько десятков кадров. Но ведь их надо каким-нибудь образом вырезать. Нормальные видеоредакторы типа Adobe Premiere Pro требуют знаний и опыта работы, а также отнимают значительный ресурс у оперативки и процессора. Про то, что они платные(и стоят немерено), я говорить просто стесняюсь. Короче, для редкого использования с такими программами связываться смысла нет. Простые редакторы типа штатного Movie Maker позвольте не комментировать.
Зато существует прекрасная лёгкая программа VirtualDub, правда, с одним недостатком. Работает она с очень ограниченным наборов кодеков в AVI. И тут то опять вспоминаем про конвертер XviD4PSP. С настройками, указанными выше, видео подойдёт и к нему. Выбираем нужные куски видео, вырезаем, сохраняем, Фотошопом открываем. Можно поступить и по другому, сохранить отдельные кадры видео с помощью VirtualDub, а затем собрать из них анимашку в Фотошопе. Например, сложить поучившиеся файлы в одну папку и открыть их пакетно в Фотошоп в одном документе на разных слоях, но, как правило, это занимает больше времени, но, в любом случае, без конвертера XviD4PSP нам не обойтись.
В этом уроке мы внимательно рассмотрим все доступные варианты для преобразования видео в GIF-анимацию, и как оптимизировать размер файла.
Формат GIF (Graphics Interchange Format) — формат сохранения изображений, поддерживающий до 256 цветов и в настоящее время применяется, в основном, для показа изображений на страничках сайтов интернета.
Это довольно-таки старый формат, практически вытесненный более современными, например, PNG, но, тем не менее, он используется до сих пор из-за одной свой особенности — он поддерживает анимацию.
Если линейный размер картинки большой, а кадров в анимации много, то значительно разрастается объём файла (1Мб и выше), что недопустимо для показа на страницах сайтов, т.к. большой объём файла замедляет, а при плохом соединении и делает невозможным, загрузку страницы сайта.
Соответственно, при сохранении GIF-анимации, пользователь Photoshop должен оптимизировать анимацию так, чтобы объём готового файла минимальным при максимальном качестве.
В этом материале я дам несколько советов по уменьшению веса выходного GIF-файла с минимальными потерями качества.
1. Обрезка исходного видеоролика
Если Вы создаёте анимацию из видеоролика, то для начала его необходимо открыть в Photoshop и посмотреть его длину на панели Окно —> Шкала времени (Window —> TimeLine). Как правило, большая часть кадров ролика для анимации не нужна, поэтому нужно выбрать необходимый участок, обрезав ролик сначала и с конца:
2. Уменьшение линейного размера изображения
Уменьшение ширины и высоты кадра анимации существенно уменьшает объём выходного файла. Это можно сделать в последнюю очередь, в окне «Сохранить для Web» (Save for Web), но я рекомендую уменьшать размер кадра с помощью команды Изображение —> Размер изображения (Image —> Image Size), особенно, если Вы работfте с версией выше CS6, у обновлённого инструмента появилось несколько дополнительных опций, в т.ч. окно предварительного просмотра. Подробнее о новшествах команды «Размер изображения» здесь.
Подробнее о сохранении для Web здесь, подробнее об уменьшении линейного размера изображения для публикации в Web здесь.
3. Уменьшение количества кадров при сохранении продолжительности и скорости воспроизведения
Уменьшить количество кадров можно только на шкале покадровой анимации. Если Вы делаете анимацию из видео, Вы должны сначала сохранить видео как GIF, затем заново открыть его в Photoshop и преобразовать шкалу времени в покадровую анимацию:
Внимание! Перед преобразованием запомните время продолжительности показа!
Затем вручную выделяем и удаляем, к примеру, каждый третий кадр (выделяем с зажатой Ctrl, затем нажимаем Delete).
Затем выделяем все кадры на шкале (клик по первому кадру, зажать Shift, клик по последнему), клик по треугольничку в правом нижнем углу любого кадра, выбираем «Другое», откроется окно, где вводим старую продолжительность клипа делённую на новое количество кадров:
4. Уменьшение количества цветов
5. Отключение опции «Чересстрочно» (Interlaced)
Включенная опция «Чересстрочно» даёт указание браузеру загружать изображение за несколько проходов. И при этом увеличивает объём файла примерно на 10 процентов!
Что это значит? При медленном соединении и/или большом объёме файла полная загрузка изображения происходит медленно, т.е. пользователь после открытия веб-странички вначале лицезреет пустое место там, где должно быть изображение. Если же изображение загружается за несколько проходов, сначала подгружается «облегчённая» низкокачественная версия картинки, где рисунок состоит из крупных квадратов (низкое разрешение), и по мере подгрузки картинка приобретает свой обычный вид.
Для обычных картинок это неплохо, но для анимации совершенно ни к чему. Поэтому снимаем галку с опции и уменьшаем размер файла на 10 процентов.
Это далеко не все способы уменьшения размера готового анимированного файла, об остальных я расскажу в следующем материале.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Как открыть GIF анимацию в Photoshop'е
Нашел на алдее инструкцию по открытию гифов, думаю будет полезна многим.
Одной из интересных особенностей Adobe Creative Suite, начиная с третьей версии, стало исчезновение компонента ImageReady - программы для создания веб-графики, чаще всего использовавшейся для анимации gif-файлов. Теперь тому, кто захочет редактировать анимированный файл в формате gif, предлагается пользоваться программой Fireworks. Однако, возможность работы с анимацией неудаленным аппендиксом осталась и в самом Photoshop'e.
О том, как создавать анимацию в фотошопе, как сохранять файлы уже неоднократно рассказывалось. А вот о том, как открыть анимированный gif, знают, наверняка, многие, но не все.
Казалось бы, что может быть проще? Импортируем кадры анимации в слои (File › Import › Video Frames to Layers).
и редактируем, как душа пожелает. Переходим в нужную нам папку, чтоб выбрать свою gif-анимацию. Ан, нет. Фотошоп, хитро ухмыляясь, говорит, что кадры можно импортировать только из четырех строгоограниченных форматов: MOV, AVI, MPG и MPEG.
Как быть? Выход есть. Попробуем ткнуть носом этот графический редактор, который считает себя умнее нас. Скажем ему, что он должен принимать из импорта файлы с любыми именами и любыми расширениями. Пишем в строчке имя файла "*.*" (без кавычек). Вот так:
Нажимаем "Загрузить" и в окне выбора файлов чудесным образом появляются все файлы в этой папке.
Выбираем нужный файл, нажимаем еще раз "Загрузить" и переходим в окно импорта
Кивая головой, нажимаем "Да" и вот наш гиф перед нами, разложенный на слои.
Более того! Если включить окно "анимация" (Window › Animation),
то можно увидеть, что слои уже даже разложены по кадрам.
Один нюанс. На первом шаге этой процедуры Photoshop может спросить, почему Вы до сих пор не установили QuickTime 7.1 вот таким окном
Придется установить, ничего не поделаешь. Вот не самая свежая, но проверенная и работоспособная версия QuickTime Pro v7.55.90.70 с серийником в комплекте Размер: 26 Мб
Решил написать этот урок у себя в блоге и продублировать тут в связи с частыми просьбами друзей нарисовать юзербар на форум. Надеюсь урок окажется полезным хабросообществу.
В этом уроке мы рассмотрим приемы создания анимациии в фотошопе на примере юзербара.
Итак, приступим!
Сразу скажу, что урок ориентирован на новичков. Гуру фотошопа могут постоять, покурить и посмотреть мельком (а вдруг пропустили чего интересного =))
Часть 1. Создание юзербара
Для начала необходимо создать заготовку для создания анимации.
Шаг 1. Создание документа
Создаем новый документ. Я взял размеры 350х20.
Шаг 2. Градиент.
Берем Gradient Tool (G) и заливаем градиентом наш будущий юзербар.
Результат:
Шаг 3. Текстура
Далее я решил добавить нашему юзербару текстуру.
Рисуем текстуру карбона
Для этого нарисуем текстуру карбона которую мы сможем использовать в дальнейшем.
Создаем новый документ размером 8х8 пикселей и закрашиваем его следующим образом. Можно брать произвольные оттенки серого. Главное здесь — порядок.
Далее идем в Bleding Options слоя с юзербаром.
Результат:
Шаг 4. Текст.
Осталось добавить текст. Для этого нам понадобится шрифт Visitor.
Берем Visitor TT1 BRK устанавливаем размер в 10 пунктов. Я написал “Adobe Photoshop CS4 User”.
Шаг 5. Рамка.
Добавим рамку. Для этого выделим весь юзербар с помощью Rectangular Marquee Tool. Заходим в Edit -> Stroke и ставим там:
Результат:
Часть 2. Анимация юзербара в фотошопе
Шаг 1. Добавление иконки к анимации.
Теперь добавим иконку и перейдем к анимации.
Я добавил классическую иконку четвертого фотошопа и провел масштабирование.
Шаг 2. Разбираемся с палитрой анимации.
Заставим ее двигаться.
Для это настроим сначала наше рабочее место выбрав Window > Workspace > Video или просто включив палитру Animation.
Перейдем в режим покадровой анимации.
Разберемся с палитрой анимации.
Шаг 3. Анимируем юзербар.
Что дальше? Теперь я выделяю слой с иконкой и двигаю ее немного вверх, после этого создаю новый кадр (смотри шаг 2). И повторяю пока не прокрутится вся иконка. Это основной принцип создания анимации в фотошопе.
При ошибках вы можете удалить не понравившийся кадр кнопкой удаления (корзина).
Также выставим нужную задержку. Я поставил 0,1 секунду на все кадры кроме последнего. У него стоит задержка 2 секунды.
Шаг 4. Сохранение в Gif – анимацию.
Когда анимация готова мы должны сохранить ее. Выбираем File > Save for Web & Devices… (Alt+Shift+Ctrl+S). Выбираем формат файла GIF.
Заключение
Итак, мы создали стильный юзербар. Затем на основе него мы создали gif – анимацию. И все это средствами великого и могучего фотошопа. Не правда ли круто?
Читайте также: