Вы когда-нибудь смотрели на эти смешные GIF анимации, сделанные из кадров видео, и думали о том, как здорово бы было сделать такую самому? Это очень просто! Следуйте данному руководству, чтобы узнать, как сделать GIF анимацию в Photoshop CS5.

1. 1
   В 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.
2. 2
   Поставьте галочку на нужные секции, под «Range To Import». Чтобы выбрать только несколько фреймов, выберите «Selected Frames Only.» Эта опция сделает конвертацию вашей GIF гораздо быстрее. Размеры/слои также будут меньше, и в результате, вам будет проще ее редактировать.

   • Ваше видео будет сконвертировано в слои, и вы сможете сделать GIF.
   • Если у вас высокая частота кадров видео (более 60 кадров в секунду), тогда проверьте «Limit to Every [x] frames» и введите номер в графе ‘x’.
   • Это позволит выбрать каждый кадр ‘x’, что ускорит конверсию и снизит размер файла (и ухудшит качество). Вам нужен будет уровень кадров15-30.
   • Продолжьте, нажав ‘OK’
3. 3
   Нажмите на «Window» и выберите «Animation.»

   • Откройте область анимации и обрезайте ненужные фреймы до тех пор, пока ваша анимация не будет выглядеть так, как вы захотите. В этот момент, самое время добавить новые фреймы. Помните, если фреймов будет мало, то размер тоже будет меньше, что сделает загрузку на веб-сайте быстрее.
   • Проверьте время анимации, как показано на скриншоте справа. Большие числа означают медленную анимацию, которая будет менее гладкой.
4. 4
   В нижнем левом углу на анимационных фреймах, поставьте галочку на «Forever.» Таким образом, ваша анимация будет зацикленной.
5. 5
   Нажмите на «Rectangle marquee tool» в верхней левой части левой панели инструментов. Сделайте выборку нужной части изображения.
6. 6
   Уменьшите размер картинки видео. Чтобы это сделать, нажмите на “Image,” потом “Image Size” и выберите новые размеры. Желательно, чтобы вы выбрали правильные размеры, иначе, ваша GIF будет выглядеть странно. Как правило, выбирается половина от размера исходной GIF.

   • Нажмите на “Image” и кликните на “Crop.” Таким образом, вы обрежете лишние места на картинке и поставите фокус на объект вашей анимации.
   • Добавьте или сделайте финальные изменения. Ваша анимация должна быть закончена.
7. 7
   Откройте «File» и нажмите на «Save for Web & Devices.» Таким образом, вы оптимизируете вашу GIF.
8. 8
   Измените настройки “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 или выше