Открываем gif анимацию в Photoshop CS3 и совмещаем две анимации с разным числом кадров и разным временем задержки кадра в одну анимацию.
Вам потребуется Photoshop CS3.
В этом уроке мы рассмотрим как открыть анимированое gif изображение в Photoshop CS3 и как совместить две анимации с разной по времени задержкой кадров и разным колличеством кадров. Для начала, если у Вас не установлен плеер Quick Time версии выше или равной 7.1, скачайте и установите его иначе фотошоп будет выдавать запрос об установке этой программы и не откроет анимацию.
1. Для того, чтобы открыть всю анимацию, со всеми слоями, (а не только один слой, как это делается если открывать через Файл — Открыть) нужно зайти Файл — Импорт — Видео кадры в слои.
2. Откроется окно Загрузить, но поле в котором мы выбираем нужные файлы будет пустым, чтобы увидеть файлы gif, в поле «Имя файла» вводим *.* (звездочка точка звездочка — без пробелов) и нажимаем Enter. У нас появятся все файлы которые находятся в папке.
3. Выбираем нужный файл и нажимаем кнопку «Загрузить». Откроется окно «Импорт видео в слои», где мы можем посмотреть нашу анимацию, ставим галочки там, где показано на картинке и нажимаем ОК. Анимация отрылась в фотошопе со всеми слоями и кадрами.
4. Первое изображение с которым мы будем работать имеет три кадра анимации, со временем задержки кадров 0,1 сек.
5. Второе изображение имеет 4 кадра анимации с временем задержки кадров 0,2 сек.
6. Нам нужно, чтобы второе изображение было на прозрачном фоне, для этого нужно удалить белый фон, проще всего это можно сделать при помощи инструмента «Волшебный ластик». Активируем его и кликаем по фону, если фон удалился с первого раза не весь, кликаем еще раз там где он остался.
7. Фон нужно удалить на всех слоях. Т.е. активируем первый кадр на панели анимации (если Вы ее еще не отрыли — откройте Окно — Анимация), смотрим какой слой на палитре Слои у нас будет видимым на этом кадре, делаем его активным и удаляем фон. Далее активируем второй кадр анимации, активируем видимый слой на палитре Слои и удаляем фон и т.д. В итоге мы получим анимацию на прозрачном фоне
8. Теперь перенесем второе изображение на первое. Для этого активируем инструмент «Перемещение», кликаем по самому верхнему слою на палитре Слои, затем зажимаем клавишу Shift и кликаем по самому нижнему слою, так мы выделим все слои, теперь инструментом «Перемещение» тянем их в первое изображение. Слои второго изображения устанавливаем на палитре слоев над слоями первого изображения. Для удобства дальнейшего объяснения пронумеруем слои от 1 до 7, снизу вверх.
9. Устанавливаем вторую картинку в нужном месте на первой картинке. Теперь будем создавать анимацию.
10. На панели анимации удаляем все кадры кроме первого, чтобы они нас не путали. Оставим время задержки анимации 0,1 сек, как было на первой картинке. Значит на каждый кадр второй картинки (которая была 0,2сек), будет приходиться по два кадра первой картинки, т.к у второй картинки 4 кадра анимации умножаем их на 2 (колличество кадров первой картинки приходящихся на один кадр второй), получается нам понадобится 8 кадров анимации.
11. На первом кадре анимации оставляем видимыми только Слой1 и Слой4, остальным отключаем видимость (нажав на глазик слева от иконки слоя).
12. Создаем второй кадр анимации, нажав на кнопку «Создание копии выделенных кадров». На палитре Слои делаем видимыми Слой2 и Слой4.
13. Создаем третий кадр, на палитре Слои видимыми будут Слой3 и Слой5
Четвертый кадр — Слой1 и Слой5
Пятый кадр — Слой2 и Слой6
Шестой кадр — Слой3 и Слой6
Седьмой кадр — Слой2 и Слой7
Восьмой кадр — Слой3 и Слой7
14. Ну вот и все смотрим нашу совмещенную анимацию.
А как сохранить готовую анимацию, Вы можете прочитать здесь
Создаём GIF анимацию в Фотошопе версии CS 6
Приступая к подробному рассмотрению этапов создания GIF — анимации из видео на ютубе в Photoshop версии CS 6, вам не стоит переживать по поводу вашей полной не компетенции в данной области. Следуя нашим доступным и понятным рекомендациям, вы сможете справиться с этой несложной работой в кратчайшие сроки, а с приобретенным драгоценным опытом вообще моментально.
Для начала вам потребуется сделать следующее для рождения будущей гифки: подобрать на ютубе понравившееся видео и скачать его на компьютер. Для этого необходимо загруженное нерасширенное видео поставить на паузу и перейти в адресную строку сверху окна. Перед словом ютуб потребуется вставить две английские буквы — SS. После чего сразу же следует нажать на «Enter».
- Мы попадаем на сайт Savefrom.net. Выставляем необходимое качество ролика и нажимает тут же Скачать его, сохранив на рабочем столе или же в ваших документах.
- Далее нам потребуется вырезать из этого же ролика небольшой интересный фрагмент для дальнейшей работы в фотошопе. Открываем программу Movie Maker или Киностудия, нажимаем на верхней панели окна Добавить видео и фотографии, а затем сразу же указываем место нахождение нашего видео. Будет достаточно всего лишь несколько секунд, чтобы ролик переместился в программу Movie Maker.
- Теперь приступаем к обрезке нашего ролика для будущей гифки. Активируем соответствующие инструменты, кликнув по видео два раза левой кнопкой мыши или же перейдя на верхней панели окна в Правку. Сделать это совсем не сложно.
Курсором под видео выбираем необходимое начало будущего мини ролика, потом нажимаем на верхней панели на Установить начальную точку. Таким же путем производим и обрезку окончания видео, только после перемотки, нажав на кнопку Установить конечную точку.
После того, как наш фрагмент создан, нам потребуется его правильно сохранить. Заходим в Файл, расположенный в верхнем левом углу окна, потом выбираем функцию Сохранить фильм, а далее на Рекомендуемые для этого проекта параметры. Даем нашему короткому ролику имя и Сохраняем его.
Чтобы узнать, как сделать гифку в фотошопе за несколько секунд, потребуется запустить данную программу и вставить в нее наше короткометражное видео. Для этого нажимаем на Файл в верхнем левом углу окна, потом Открыть. В нижней части панели заходим в Тип файла и выставляем на Все форматы. Далее заходим в наше видео и нажимаем Открыть. Она сразу же появится в окне фотошопа.
Дальнейшие наши действия заключаются в сокращении видео до 2 — 3 — х секундного ролика
Чтобы выполнить эту задачу, нам необходимо обратить внимание на шкалу с курсором под роликом, с помощью которого нам предстоит выделить начало и конец будущей гифки, протянув стрелку до нужной точки. Когда начало видео будет определено, нам потребуется нажать на панели слева на ножницы и обрезать тем самым лишний элемент фильма
Таким же способом обрезаем и ненужный край конца видео. Наш редактируемый ролик разбился на три слоя.
- В качестве GIF — анимации мы будем использовать средний фрагмент видео, выделенный на фото желтым цветом, от крайних же поочередно избавимся, переведя их нажатием мышки в корзину.
- Средний фрагмент ролика проверяем, просмотрев в очередной раз. Потом выбираем Файл в верхнем левом углу окна фотошопа, находим строку Сохранить для Web и заходим в нее.
- После того, как вы упомянутые выше шаги сделали, ждем, когда видео загрузится.
После того, как все четыре кадра видео загрузились, находим в правой верхней части окна опции и вбираем формат GIF.
- После этого нам понадобится в нижней правой части окна фотошопа установить необходимые размеры будущей гифки в колонке Размеры изображения. Оптимальный вес ролика должен составлять приблизительно 2, 425 мегабайт. Ширина видео — 854 пикселя, а высота выставляется автоматически на 480 пикселей.
- В Параметры повторов устанавливаем функцию Постоянно для цикличности GIF — анимации. После выполненных действий выбираем Сохранить.
Когда все изменения загрузятся, нам понадобится обозначить имя файла и снова Сохранить.
После того, как сделали гифку в фотошопе по нашим пошаговым рекомендациям, вам нужно ее открыть, нажав правой кнопкой мышки и выбрав Открыть с помощью и Internet Explorer. В открытом окне появится ваша GIF — анимация.
Вот, в принципе, и готово наше графическое изображение. Надеемся, что наш подробный урок стал для вас понятным и запоминающимся. А если возникли еще кое — какие вопросы, тогда вот вам подготовленное нами видео. Внимательно изучите его и закрепите на практике. Успехов!
