Площадка Ogri - ogri.me | Редактирование анимированных GIF-имиджей в Photoshop CS3 Не будучи дизайнером, все же использую Photoshop для несложных операций с изображениями. Когда понадобилось обрезать анимированный GIF, не стал искать специализированный софт для обработки анимированной графики (типа того же Fireworks), а попытался выяснить, можно ли сделать это силами самого фотошопа. Оказалось - вполне можно, хоть и не очевидно без соответствующих инструкций.

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

Создавать анимированные GIF-файлы в Photoshop CS3 возможно, а вот редактировать существующие без исходного PSD файла стандартным путем - нет. Если вы попытаетесь открыть анимированный рисунок через File → Open... или перетаскиванием в окно программы, то получите сообщение типа: "Это анимированный GIF. Вы можете просматривать только один кадр. Сохранение файла приведет к потере информации". К счастью, есть менее стандартный, но отлично работающий метод.

Что нужно иметь:

  • Photoshop CS3.
  • Установленный QuickTime. Без него не сработает.
  • Голову и руки. Без них вообще ничего не работает.

1. Импорт существующего GIF-изображения

В главном меню кликаем на File → Import → Video Frames To Layers... Открывается диалоговое окно Load. В списке Files of Type имеется единственный тип QuickTime Movie, включающий несколько форматов видео; GIF отсутствует как класс. Вводим в окошко File name "*.*" или даже "*.gif" (без кавычек, естественно) и жмем кнопку Load. Теперь в списке появляются интересующие нас GIF-файлы. Выбираем нужный, снова жмем Load. В открывшемся диалоге Import Video To Layers убеждаемся, что выбрана опция From Beginning To End и отмечен чекбокс Make Frame Animation.

Теперь через пункт Window главного меню откроем окна Animation и Layers, если они не открыты уже. Если в окне Animation есть другие вкладки кроме Animation (Frames) - убедимся, что мы на этой вкладке. Как нетрудно догадаться, каждый кадр в окне анимации соответствует слою в окне слоев. Клик на кадре делает активным соответствующий ему слой.

2. Изменение скорости анимации

Если вы хотите изменить скорость всей анимации, кликните на первый кадр в окне анимации, нажмите и удерживайте Shift, а затем кликните на последнем кадре, чтобы выбрать все кадры. Нажмите на значок "стрелка вниз" в нижней части любого кадра в окне анимации и выберите скорость. Имейте в виду, что скорость анимации в Photoshop не будет точно соответствовать реальной скорости анимации в вашем браузере. Фактическая скорость варьируется от браузера к браузеру. К примеру, как подметил народ, в FireFox анимация быстрее, чем в IE.

3. Изменение размера и обрезание

Тут уже все стандартно. В главном меню открываем пункт Image → Image Size... и редактируем размеры как для обычного статического имиджа. Обрезать анимированную картинку можно через Image → Crop или используя Crop Tool на панели инструментов. Изменения распространятся на все кадры анимации, поскольку они практически являются слоями нашего документа.

4. Удаление кадров

Облегчить размер и ускорить загрузку анимации можно выборочным удалением кадров. Как обычно, нажав и удерживая Ctrl или Shift можно отметить соответственно отдельные кадры или их последовательность в окне анимации и затем перетащить в корзину в нижней части этого окна. Делать это, конечно, надо по-умному, чтобы не порушить мультик. После удаления кадров можно также подредактировать скорость анимации.

5. Финальная оптимизация и сохранение

Если попробовать сохранить результат через меню File → Save, на выходе получится обычный статический GIF. Чтобы не потерять анимацию, нужно воспользоваться меню File → Save for Web Devices... Появляется одноименное диалоговое окно. Здесь можно изменить количество цветов, а также использовать различные настройки для оптимизации нашей анимированной картинки в зависимости от условий поставленной задачи; например, если есть лимит на размер файла, его можно подогнать под него. Если же устраивает все как есть после предыдущих изменений - кликаем на вариант Original.

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

P. S. Сам не тестил, но утверждают, что в CS4 все работает точно так же.

Комментарии  

kalsa.org
0 # kalsa.org 22.11.2022 02:32
Hey! This іѕ my first visit to yoսr blog! We aге a collection օf volunteers and starting a
new project in a community іn thе same niche. Yоur blog provided us valuable іnformation t᧐ ѡork οn. Yoᥙ have done a extraordinary job!


Lօok into my web рage - cytotec (kalsa.᧐rg)
Ответить | Ответить с цитатой | Цитировать
www.rcfl.com.hk
0 # www.rcfl.com.hk 24.11.2022 10:36
Hi to ɑll, һow iѕ the ᴡhole thing, I thіnk eνery οne iѕ getting more from thіѕ web site, ɑnd your views
are nice designed fοr new visitors.

Feel free tⲟ surf to my website; https://www.rcfl.com.hk/home.php?mod=space&uid=5921032&do=profile&from=space (www.rcfl.com.hk)
Ответить | Ответить с цитатой | Цитировать
ypmelody.com
0 # ypmelody.com 25.12.2022 18:53
Ꮤith havin ѕo much content and articles ⅾo
yoս eveг run into аny issues of plagorism or copyright
violation? My website hаѕ a lot of unique content I've either authored myѕеlf or outsourced but it looks like a lot of іt іs popping іt uр аll over the web witһout my permission. Do you know
any waʏs tо hеlp protect against cօntent from being stolen?
I'd genuinely appreciate іt.

Feel free tߋ visit my website: http://ypmelody.com/viewthread.php?tid=924859&extra= (ypmelody.com)
Ответить | Ответить с цитатой | Цитировать
dindong togel
0 # dindong togel 26.12.2022 05:50
Hmm it appears like your blog ate my first comment (it was extremely long) so I guess I'll just sum it up what I submitted and say,
I'm thoroughly enjoying your blog. I as well am an aspiring blog writer but
I'm still new to the whole thing. Do you have any recommendations for newbie blog writers?
I'd genuinely appreciate it.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


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