logo

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

logo
Tweet

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Понравился пост? Подпишись на обновления блога по RSS do-web.ruRSS, RSS do-web.ruEmail или facebook kalne vkontakte kalne google+ kalne Читайте @kalne

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

Предыдущие посты:

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

  1. Константин says:

    не сочтите сей пост спамом, но не кажется ли Вам, что приумножение количества статей про то, как сделать что-то именно с помощью всеми любимого шопа, Вы вносите свой вклад в распространение нелицензионного ПО? Ведь не для кого не секрет, что “честная” версия сего творения стоИт максимум у 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. Дмитрий says:

    Вообще-то у Адоба для 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:

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

  35. МОНАХ says:

    walrus писал:

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

    Друг – ты не прав: этот метод единственно рабочий в версиях CS3-5!!!
    Сам только вчера открыл его для себя, до этого мучал Ulead GIF animator, пробуя совместить две анимации…

    ТЫ ОТКРЫЛ АНИМАЦИЮ ТУПО – ЧЕРЕЗ “ОТКРЫТЬ”, А В ТАКОМ СЛУЧАЕ ИЗ АНИМАЦИИ ОТКРЫВАЕТСЯ ТОЛЬКО ПЕРВЫЙ КАДР, КАК ПРОСТАЯ КАРТИНКА – ЭТО ТЕБЕ НЕ CS2, ГДЕ АНИМАЦИЯ ОТКРЫВАЕТСЯ, КАК АНИМАЦИЯ!

    ВНИМАТЕЛЬНО И БУКВАЛЬНО СДЕЛАЙ ТО, ЧТО НАПИСАЛ АВТОР И МОЖЕТ ПРОЗРЕЕШЬ К ТОМУ КТО ЖЕ В ТВОЁМ СЛУЧАЕ ИСТИННЫЙ ГЛУПЕЦ!

    …впредь читай и пробуй на практике ОЧЕНЬ ВНИМАТЕЛЬНО…

  36. перечитывайте, пока не поймете.. тут все детально для чайников расписано!

  37. серж says:

    Ребята,всё прекрасно работает,сам недавно столкнулся с проблемой сохранения анимации-делал с большой картинки,пишет-не хватает памяти.Делайте или сразу с уменьшенной картинки или по методу выше и вообще пользуйтесь смело обрезкой и другими инструментами,если что не получится,можно всегда вернуть в окне истории(всегда держите на рабочем столе).Удачи!Как в постели с девушкой-попробуйте всё…

  38. @ серж:
    спс! Фотошоп не заменят никакие проги другие…

  39. walrus says:

    ОК ) ПРОБУЮ ЕЩЕ РАЗ ! СПС +

  40. walrus says:

    ТАК Я НЕ ПОНЯЛ _ В 4 ЭТО НЕЛЬЗЯ СДЕЛАТЬ 7 ИЛИ ЧТО 7
    ЧТО ЗНАЧИТ 3-5 ПОДРЯД ИЛИ ИСКЛЮЧИТЕЛЬНО
    3-5 ))))

  41. @ walrus:
    я не понимаю как могут быть вопросы по такому простому мануалу… поконкретней тогда говорите!

  42. Благодарный_Читательница says:

    Спасибо большое)) у меня получилось, хотя думала, что не получится.

  43. @ Благодарный_Читательница:
    никогда ненадо себя недооценивать!

  44. glese says:

    Thank You!!!

  45. @ glese:
    not at all…

  46. KLeV says:

    Век живи-век учись. Спасибо большое

  47. @ KLeV:
    жаль что нам только век дают и все… а не два

  48. zloidobriak says:

    @ Константин:
    Какая чушь!Если не Вы – разработчик Фотошопа, то не суетитесь.Продавайте пирожки, например,а рецепт утяните у разработчика.)))

  49. Пчелка says:

    Не могу открыть анимацию, прописываю *gif, нажимаю загрузить, нахожу мой файл и жму далее.. а далее память такая-то обратилась по адресу такому-то.. У меня что-то с прогой не так??

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

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

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