Вы когда-нибудь смотрели на эти смешные GIF анимации, сделанные из кадров видео, и думали о том, как здорово бы было сделать такую самому? Это очень просто! Следуйте данному руководству, чтобы узнать, как сделать GIF анимацию в Photoshop CS5.
Шаги
-
В Photoshop, откройте “File” и выберите опцию “Import.” Кликните на "Video Frames to Layers" (Это можно сделать только в версии Photoshop CS5 32 bits. Пользователи Mac, откройте Finder-->Applications-->Photoshop CS5-->нажмите правой кнопкой и выберите информацию. Вы должны увидеть галочку для выбора версии 32 bit.).
- Выберите видео и нажмите на “Load”. Убедитесь, что это видео сможет открыться в Photoshop. Поддерживаются следующие форматы: .MOV, .AVI, .MPG, .MPEG и .MP4.
-
Поставьте галочку на нужные секции, под "Range To Import". Чтобы выбрать только несколько фреймов, выберите "Selected Frames Only." Эта опция сделает конвертацию вашей GIF гораздо быстрее. Размеры/слои также будут меньше, и в результате, вам будет проще ее редактировать.
- Ваше видео будет сконвертировано в слои, и вы сможете сделать GIF.
- Если у вас высокая частота кадров видео (более 60 кадров в секунду), тогда проверьте "Limit to Every [x] frames" и введите номер в графе 'x'.
- Это позволит выбрать каждый кадр 'x', что ускорит конверсию и снизит размер файла (и ухудшит качество). Вам нужен будет уровень кадров15-30.
- Продолжьте, нажав 'OK'
-
Нажмите на "Window" и выберите "Animation."
- Откройте область анимации и обрезайте ненужные фреймы до тех пор, пока ваша анимация не будет выглядеть так, как вы захотите. В этот момент, самое время добавить новые фреймы. Помните, если фреймов будет мало, то размер тоже будет меньше, что сделает загрузку на веб-сайте быстрее.
- Проверьте время анимации, как показано на скриншоте справа. Большие числа означают медленную анимацию, которая будет менее гладкой.
-
В нижнем левом углу на анимационных фреймах, поставьте галочку на "Forever." Таким образом, ваша анимация будет зацикленной.
-
Нажмите на "Rectangle marquee tool" в верхней левой части левой панели инструментов. Сделайте выборку нужной части изображения.
-
Уменьшите размер картинки видео. Чтобы это сделать, нажмите на “Image,” потом “Image Size” и выберите новые размеры. Желательно, чтобы вы выбрали правильные размеры, иначе, ваша GIF будет выглядеть странно. Как правило, выбирается половина от размера исходной GIF.
- Нажмите на “Image” и кликните на “Crop.” Таким образом, вы обрежете лишние места на картинке и поставите фокус на объект вашей анимации.
- Добавьте или сделайте финальные изменения. Ваша анимация должна быть закончена.
-
Откройте "File" и нажмите на "Save for Web & Devices." Таким образом, вы оптимизируете вашу GIF.
-
Измените настройки “GIF”, чтобы убедиться в присутствии анимации. Проверьте корректное отображение анимации в вашем браузере, нажимая левой кнопкой и выбирая “Preview”. Если вы хотите что-нибудь изменить, вы всегда можете нажать Отмена и вернуться в Photoshop. *Заметьте, что в настройках меню GIF используется сжатие. Меньший размер загрузится быстрее, но есть вероятность, что GIF будет плохого качества. Во время сжатия, отбрасываются цвета – вы можете это увидеть, если поэкспериментируете с настройками. Будет полезно, выбрать опцию “2 up” в верхних вкладках диалогового окна save for web. Таким образом, вы сможете посмотреть превью GIF, до и после, а также, размер файла.
- Если все выглядит хорошо, то нажмите “Save.” Дайте название файлу и сохраните его.
Реклама
Советы
- Выберите опцию "Animation in frames." Это проще, чем "Animation timeline," особенно для новичков.
Реклама
Что вам понадобится
- Adobe Photoshop CS5
- Видео файл (.MOV, .AVI, .MPG, .MPEG)
- QuickTime 7.1 или выше
Реклама