logo

Как уменьшить gif-изображение с анимацией в программе photoshop

logo

Здравствуйте, хотел сегодня написать полезную статью, но в голову ни одна мысля не суется. Думал перевести статью с китайского блога, но потом вспомнил, что я по-китайски ни бум-бум. Но вот в асю стукнул друг: “Плиз, Бодя, можешь быстренько уменьшить размер gif-анимации?” Ну как другу отказать, помог, открыл photoshop и…

Так вот друзья, если Вы не умеете уменьшать анимационные gif, то эта статья для Вас. Для начала Вам нужен photoshop, подробную информацию о фотожопе и ссылочку на него можете получить также у меня на блоге.

Открываем photoshop, заходим в меню File->Import->Video Frames to Layers, смотрим на скрин:

Ой, кстати, чтобы Вам в photoshop была доступна данная функция, у Вас должен быть установлен Quick Time Player. После откроется окно, где нужно выбрать файл, но тут нужно сделать небольшую хитрость, а именно прописать в строке названия файла следующие символы: *.gif Как на скрине:

Нажимаем кнопочку “Load”, находим gif файл, который хотим уменьшить, и открываем его в фотошоп. Откроется ещё одно окошко, в нём просто нажимаем “ОК”. Дальше опять заходим в меню Image->Image Size…

Откроется окошко, в котором надо прописать нужные Вам размеры, например:

После это жмем своим курсором на привлекательную кнопочку “ОК”. Всё, изображение уменьшено, без потери анимации, осталось только сохранить, но тут тоже не все так просто. Заходим в меню File->Save for Web & Devices…, откроется окно, где нужно выставить настройки как на скрине:

В общем там не все настройки важны, главное – поставьте расширение “GIF” и colors поставьте максимум, 256 цветов. Нажимаем на заманчивую кнопочку “Save”, выбираем куда сохранять файл и жмем “ОК”. Вот теперь действительно всё. Пишите в комментарии, если что-то не получилось…

Постовой:
Почитайте Seo блог опытного сеофила. Публикации на тему продвижения сайтов в интернете, а также новости из сферы бизнеса в интернете.
Или сходите в хороший караоке клуб. Или пошлите всё куда подальше и идите в магазин, чтобы купить полотенцесушитель!
автомобили с пробегом

Похожие статьи:

35 коммент. к “Как уменьшить gif-изображение с анимацией в программе photoshop”

  1. не сочтите сей пост спамом, но не кажется ли Вам, что приумножение количества статей про то, как сделать что-то именно с помощью всеми любимого шопа, Вы вносите свой вклад в распространение нелицензионного ПО? Ведь не для кого не секрет, что “честная” версия сего творения стоИт максимум у 0.01% пользователей. (и то, это, скорее всего, версия утянутая с работы).

    Думается мне, полезнее (и честнее!) было бы описание самих основ, без привязки к конкретной программе. Ведь, на самом-то деле, почти везде список действий один и тот же  ;)

  2. а я за не лицензионный ПО! надо цену меньше на продут эдоба поставить, тогда может быть и покупали бы люди… а так – остается только ламать! вот это моё мнение!..

  3. 3ds max says:

    Спасибо.
    Сколько лет фотошоплю и вот узнаю, что можно анимированную гифку править ;)

  4. вOFFка says:

    Как понимаю речь идет о третьем фотошопе? Спасибо!

  5. Сергей says:

    а как создать анимированный gif в фотошопе. Понятно, что для начала создать слои. А что с ними дальше сделать?

  6. afina says:

    Спасибо за науку :)

    Но почему то уменьшенная гифка двигается в 2 раза быстрее… :( Что нужно сделать, чтобы избежать?

  7. afina, какая у вас версия фотошоп?
    странно, у меня такого не наблюдалось! В фотошопе Вы можете настроить время для каждого кадрика, для этого в окне анимации кликните на стрелоку под кадриком и выставьте нужное время!

  8. Сергей, сделаю и такой урок… если уж есть желающие!

  9. afina says:

    Аббат Кальне, CS3 v10.0

    вот что было
    http://img-fotki.yandex.ru/get/4112/i-0jiusi.3/0_332ea_c63bc2d2_M.jpg
    и вот что получилось
    http://img-fotki.yandex.ru/get/4109/i-0jiusi.3/0_332e9_772c36a8_M.jpg

    “окно анимации” – это где? нету у меня там никаких стрелок…
    в оригинале времени всего пара секунд

  10. afina, заходите в меню Windows->Animation, снизу появится окошко, в котором будут кадрики, вот там и ставите там нужное вам время!

  11. afina says:

    Отлично, получилось!
    Спасибо, мне нравилась именно задержка на озадаченной мордочке :)

  12. steve says:

    Спасибо! Давно искал такой урок!

  13. Neo says:

    Спасибо за урок! Вот бы вы ещё выложили урок как создать саму gif-ку!! Как её уменьшить я теперь знаю а вот как её делать пока нет!!
    И простите за Наглость, но исправьте ошибку в вашем тексте описания урока! Я конечно понимаю что фотошоп изрядно загибает цену за свой продукт! но называть его фотоЖопом!!))))
    (Вам нужен photoshop, подробную информацию о ФОТОЖОПЕ и ссылочку на него можете получить также у меня на блоге.)

  14. @ Neo:
    Вы уже второй, кто просит сделать такой урок! Теперь я 100% сделаю подобную статью, но уже с названием “Как сделать анимацию в photoshop”

  15. Naste4ka says:

    Спасибо, большое!
    Все поняно х)

  16. киря vip says:

    У мя проблемка((у мя такого пункта вообще нет((У мя cs2 вот захожу фаил->импортировать->а там тока наборы переменных данных,коментарии,Wia Usb видео устро-ва и поддержка Wia ЧТО МНЕ делать??(((

  17. Goldcalf says:

    эту процедуру намного проще и быстрее (буквально 1 минута) сделать в Ulead GIF animator

  18. jack.sun says:

    @ Goldcalf:
    Так разговор про фотошоп вроде бы, при чём тут Ulead GIF animator, я со всей мелочью работаю с помощью PhotoScape (между прочим он бесплатный) но я же не кричу об этом, большинство веб дизайнеров работают в фотошоп, и что бы не тратить время на установку/запуск новых приложений всё делается в том, что постоянно открыто, а это PhotoShop. Хех, лишь бы нагадить где то, ей богу…

  19. @ jack.sun:
    @ Goldcalf:
    ну можно и в прожках разных, можно онлайн редакторы тоже использовать, но ничего лучше фотошопа нет ))) универсал как говориться!

  20. перец says:

    Юзать для анимации фотошоп – это мастдай!
    jack.sun писал:

    @ Goldcalf:
    Так разговор про фотошоп вроде бы, при чём тут Ulead GIF animator, я со всей мелочью работаю с помощью PhotoScape (между прочим он бесплатный) но я же не кричу об этом, большинство веб дизайнеров работают в фотошоп, и что бы не тратить время на установку/запуск новых приложений всё делается в том, что постоянно открыто, а это PhotoShop. Хех, лишь бы нагадить где то, ей богу…

    Дело в том что для определённых задач нужно использовать определённые средства, которые как раз для этих задач и созданы. А не пытаться забивать гвозди плоскогубцами, когда есть молоток.

  21. jack.sun says:

    перец писал:

    Дело в том что для определённых задач нужно использовать определённые средства, которые как раз для этих задач и созданы.

    Хех)) То есть, если вам нужно раз в месяц поправить одну gif’ку то для этого нужно искать какое то ПО и тратить время на его освоение? Так что ли? Или сделать это за минуту в фотошопе, который прекрасно знаешь?
    Мне вас искренне жаль.

  22. @ перец:
    вы походу фотошоп никогда не юзали, а что интересно используете?

  23. Goldcalf says:

    jack.sun писал:

    перец писал:
    Дело в том что для определённых задач нужно использовать определённые средства, которые как раз для этих задач и созданы.
    Хех)) То есть, если вам нужно раз в месяц поправить одну gif’ку то для этого нужно искать какое то ПО и тратить время на его освоение? Так что ли? Или сделать это за минуту в фотошопе, который прекрасно знаешь?

    Мне вас искренне жаль.

    Коллега, я занимаюсь дизайном уже достаточно долго и Ваше утверждение, что для решения данной проблемки лучше использовать фотошоп это по меньшей мере говорит о том, что Вы далеко не профи…
    PS: Да, и я написал выше не для того, как Вы выразились – “лишь бы нагадить”, а для того, чтобы люди имели в своём арсенале весь комплект необходимых программ… Тем более, что сегодня с этим проблем нет.
    Удачи Вам в дальнейшем изучении возможностей фотошопа!

  24. Webvanich says:

    Спасиба !Люкс

  25. Vityacv says:

    В CS5 это можно сделать методом drag & drop :D

  26. Вообще-то у Адоба для gif анимации специальная программа имеется – Adobe Firewirks.

  27. @ Дмитрий:
    она не для анимации, а для верстки!

    @ Vityacv:
    а ві не подумали, что анимацию не только для веба уменьшают, для квипа или просто для виндовса… не знаю!

  28. Ал says:

    Спасибо! Работает.

    п.с. у вас неплохое место в выдаче ;)

  29. Ал писал:

    Спасибо! Работает.

    рад за вас

    Ал писал:

    п.с. у вас неплохое место в выдаче ;)

    знаем ))) и радуемся!

  30. Надя says:

    Обожаю тебя)))))))спасибо, всё получилось))

  31. walrus says:

    не получается ) редактировать !
    в окне только один кадр !
    сохраняется так же ! один кадр !
    что такое 7) что не так ! 7
    у меня cs 4
    все делал как указанно !

  32. @ walrus:
    может там нет анимации? )))

  33. walrus says:

    КАК ЭТО НЕТ ! ВСЕ ЕСТЬ _
    ФИЛЬМ СОСТОЯЩИЙ ИЗ ТРЕХ КАДРОВ !
    В СОХРАНЕНИИ _ ПОСЛЕ ТОГО _
    КАК Я УМЕНЬШИЛ РАЗМЕР )))))
    ПОКАЗЫВАЕТ ) ОДИН КАДР_
    НА ЧЕТЫРЕ _ ОКНА !
    СООТВЕТСТВЕННО СОХРАНЯЮ )
    ХМ_ ОДИН ТОТ КАДР !
    АНИМАЦИИ НЕТ ! НЕТ ДВИЖЕНИЯ !
    А ДВИЖЕНИЕ ЭТО ЖИЗНЬ !
    КАК ЖИТЬ ТЕПЕРЬ С ЭТИМ 7 !А 7

  34. walrus says:

    все короче ясно ! тут ! глупцы ! кругом !спс

Оставить комментарий

logo
logo
Блог Аббата Кальне о блогах, блоггерах, блоггинге, smo, twitter, дизайне, photoshop, seo, создании и продвижении сайтов...

Designed by Аббат_Кальне