Архивы

Наш виджет на Яндексе

Создание простейшей gif-анимации

7 июля 2009

По просьбе одного из постоянных пользователей сайта, добавлен урок по созданию простешей gif-анимации.

Видео урок:

Вы так же можете скачать видео урок на компьютер:
download

1 звезда2 звезды3 звезды4 звезды5 звезд (31 голосов, средний: 4.84 из 5)
Loading ... Loading ...
Поделиться:

43 комментария

  • dj Andrey
    8 июля 2009

    Очень нужный урок, пригодится ;) Спасибо

  • Илья
    22 июля 2009

    Привет!я немогу понять как сохранить чтоб осталось аниме?

  • arttutorials
    25 июля 2009

    Простите, что давно не отвечал — был в отпуске, что-бы аниме сохранилось, надо сохранить для ВЕБ и выбрать там формат gif, только gif поддерживает анимацию.

  • dima
    5 августа 2009

    Помогите, не могу сохранить созданную мной анимацию ,мне говорили нужно сохранять ее как для Веб но эта функция у меня не активная,пожалуста помогите кто-нибуть, заранее благодарен!

  • arttutorials
    5 августа 2009

    хм... странно функция сохранения для веб должна быть активна, попробуйте нажать Alt+Ctrl+Shift+S, и еще уточните пожалуйста, какую версию Фотошопа вы используете? А так же интересует, что значит не активная, она просто не кликабельная? И какие действия Вы предпринимали.

  • dima
    8 августа 2009

    Спасибо что Вы откликнулись! Версия фотошопа у меня CS3_RUS_Micro , во-вторых функция сохранения для Веб действительно не кликабельная, в-третьих — Вы имеете ввиду какие действия я принимал по сохранению, если да, то пробовал функцию ''сохранять как'' выбирал формат *.gif и сохранял , но по прежнему сохраняется только картинки а не анимация, да чуть не забыл, зажатия Alt+Ctrl+Shift+S не помогает , по прежнему заранее благодарен, извините что с задержкой ответил !

  • arttutorials
    8 августа 2009

    Честно говоря, ни разу не работал в CS3_Micro, возможно в ней стоит ограничение на Сохранение для Веб...

    А для сохранения анимация, надо обязательно сохранять *.gif через «сохранить для веб»

  • dima
    8 августа 2009

    Возможно и стоит, но меня это не волнует потому-что недавно нашел Adobe Photoshop CS4 Extended 11.0.1 (Официальная русская версия). Думаю с ней не будет проблем, честно говоря CS3_RUS_Micro не удобно в ней работать, большинство уроков в ней не могу выполнять, особенно проблемы с быстрой маской. Спасибо за помощь arttutorials!

  • arttutorials
    8 августа 2009

    Не за что, будут вопросы пишите, обязательно ответим ;)

  • Lenus'ka
    20 августа 2009

    да урок очень полезен!!!

  • -Hacker-
    5 сентября 2009

    смотрите что получилось

    photo.sibnet.ru/upload/im...125213247317.jpg

  • arttutorials
    5 сентября 2009

    Рад что у вас есть успехи ;)

  • Zirko
    28 января 2010

    Подскажите плиз, я хочу сделать обычный мульт. допустим буду использовать один слой только. я работаюю в cs4. когда я делаю второй и более кадр анимации они становяться все идентичными вне зависимости в каком кадре я что либо меняю помогите пожалуйсто как это решить?

  • arttutorials
    28 января 2010

    Zirko, если я правильно понял, то вся проблема в том, что Вы работаете в одном слое, для анимации это не приемлимо. Суть gif-анимации в том, что Вы подставляете в каждый кадр анимации что-то новое, а как Вы сохраните что-то новое, если это не на новом слое.

  • Zirko
    1 февраля 2010

    Хотелось сделать гифку в 2-3 минуты, а это 400 слоев понятно что это невозможно, может есть способ тогда объеденять гиф?

  • Zirko
    1 февраля 2010

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

  • arttutorials
    1 февраля 2010

    Да, давайте ссылку, потому-что вероятнее всего мы говорим о разных вещах. Ну и если надо сделать достаточно большую анимацию, мне кажется, что удобнее использовать Flash и объем меньше и анимацию намного проще строить.

  • Zirko
    2 февраля 2010

    во флеше проще строить анимацию и этим все заканчивается)) мне хочеться сделать как старик и море сделать)) Не меньше. Картинка должна быть живая.

  • arttutorials
    3 февраля 2010

    Посмотрел ролик, да там рассказали о методе автоматического подставления кадров, думаю надо будет снять вторую часть по анимации, и описать этот метод.

    Вернемся к Вашему вопросу, смотрите метод автоматической подстановки кадров, подходит например при смене положения объекта, если он находится в разных местах, в двух например кадрах, но на одном слое. Т.е. попробуйте просто на примере фигуры, сдвиньте ее на втором кадре в сторону и подставьте кадры анимации, и все получится. Отпишитесь потом.

    ЗЫ: ссылку, что Вы дали, я вынужден удалить по некоторым причинам.

  • Zirko
    6 февраля 2010

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

  • arttutorials
    6 февраля 2010

    Попробовал все возможные варианты, что мне пришли в голову и только в одном кружок во втором кадре таскался вместе с первым: когда выделение было оставленно. Когда вы сделали кружок, вы убрали выделение?

  • Zirko
    7 февраля 2010

    я просто рисую объект «кистью» потом выделяю его делаю «свободное трансформирование» и ничего... А у вас получается? если да и вы делаете тоже самое тогда я в шоке.

  • arttutorials
    7 февраля 2010

    Ну я делал круг не кистью, а округлым выделением (Elliptical Marquee Tool). Но это совсем не влияет, т.к. это способ создания. А Ваша проблема вот в чем, нарисуйте круг и не делайте свободного трансформирования, а если делаете, то сделайте и уберите рамки. Объект на первом кадре начинает двигаться только в случае, если он все еще выделен, либо на нем действует «Свободное трансформирование». Нарисуйте круг и просто подвигайте на втором кадре и все получится.

  • Zirko
    8 февраля 2010

    А как его просто двигать?

  • Zirko
    8 февраля 2010

    Вот спасибо!!! получилось!!!

  • arttutorials
    8 февраля 2010

    Пожалуйста. Рад, что помог вам ;)

  • Жорик
    13 февраля 2010

    Круто, спасибо большое!!!

  • Александер
    12 марта 2010
  • invisible
    15 марта 2010

    клёвый урок спасибо, очень пригодился.

  • Наталья
    7 августа 2010

    подскажите пожалуйста! пытаюсь сохранить анимацию- сохранить для вэб, а мне выскакивает окно Команда экспортировать не может быть выполненна, файл не найден . Что делать??

  • arttutorials
    10 августа 2010

    Извините, не смог сразу ответить, около 2-х недель отсутствовал, после того, как вы заходите в меню Save for Web... то выбираете там формат gif, и нажимаете Save, в левом верхнем углу и все получится

  • макс
    22 декабря 2010

    у меня нет панели анимации что делать? помогите плиззз!!!!!

  • arttutorials
    22 декабря 2010

    Какая версия ФШ? Вы ее пытались вывести на рабочее пространство?

  • Steve
    31 декабря 2010

    У меня тоже нет панели АНИМАЦИИ!!!!! ПОМОГИТЕ ПОЖАЛУЙСТА!!!Сочетание клавиш Ctrl+Shift+M не помогает!!!! И еще иконка на панели инструментов не светится! (нельзя нажать). Во вкладке Окно-Анимация (Window-Animations) нету ее!!! У меня Adobe Photoshop CS! ПОМОГИТЕ ПЛИЗЗЗ!!!

  • arttutorials
    31 декабря 2010

    Все понятно, проблема в том, что у вас версия CS. В Фотошопе только с версии CS2 появилась панелька анимации. Вам же надо воспользоваться программой ImageReady, она устанавливается вместе с Фотошопом.

  • Steve
    31 декабря 2010

    Я уже это нашел, правда, в ImageReady нельзя сохранять через Веб, приходится опять переходить в фотошоп, и тогда она уже не анимированная получается!

  • Steve
    31 декабря 2010

    ЧТО ДЕЛАТЬ!? СКАЖИТЕ ПОЖАЛУЙСТА!!!!

  • arttutorials
    1 января 2011

    Я же вам ответил — воспользуйтесь программой ImageReady, она ставится вместе с Фотошопом, анимацию вам необходимо делать там.

  • borroza
    10 января 2011

    Ролик вполне понятный, правда сначала не совсем разобрался, но все же понял, что сохранять требуется в gif формате.

  • LesyaK
    10 февраля 2011

    Не получается охранить. Открываю картинку, а она обычная, без анимации. При создании проигрывается нормально, при сохранении для Web тоже проигрывается, выбираю gif, как и положенно, а открываю на компьютере- не работает :( . В чем может быть ошибка???

  • arttutorials
    10 февраля 2011

    Возможно просто программа для показа изображение не воспроизводит анимацию, попробуйте сделать так (правой кнопкой на файле гиф, открыть с помощью, и выбрать любой браузер (Опера, Файрфокс, ИЕ).

  • LesyaK
    10 февраля 2011

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

  • Серёга
    10 марта 2011

    Спаибо полезный урок и очень доступно все показано

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

На сайте собрана большая коллекция бесплатных видео уроков Фотошопа и Флэш. Если Вы не знаете как сделать, тот или иной эффект, и не хотите читать текст, то видео уроки Фотошопа, то что Вам подойдет больше всего, а видео уроки по Flash, научат многим эффектам, в этой мощной программе.

Помимо видео уроков, мы помогаем, всем у кого возникают вопросы, в ходе просмотра видео уроков.

Случайный видео урок:

0
19 голосов, средний балл 4.53

Реклама

ТОП5 видео уроков:

35
985 общий балл, 4.95 средний балл
11
600 общий балл, 4.62 средний балл
8
465 общий балл, 4.84 средний балл
10
433 общий балл, 4.66 средний балл
3
432 общий балл, 4.65 средний балл