Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

2D анимация: способы создания и уроки

30 апреля 2012 | Опубликовано в статьюшечки | 8 Комментариев »

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

Для этой цели существует большое количество программного обеспечения (Photoshop, Illustator, Paint, Flash и т.п. ). Следовательно, анимация может быть как  векторной, так и растровой. Анимацию также можно создавать при помощи css3 и JQuery.
Мы представляем вашему вниманию коллекцию уроков по созданию 2D анимации при помощи различных техник.

При помощи Photoshop

При помощи Photoshop можно создавать простейшие анимированные gif-изображения.

Смотрите видеоурок по созданию простейшей анимации при помощи Photoshop:

При помощи GIMP

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

Посетить урок

При помощи Paint

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

При помощи PowerPoint

При помощи Illustator

В этом уроке рассказывается о том, как создать анимацию векторного объекта при помощи исключительно Illustrator

Посетить урок

При помощи Flash

Видеоурок по созданию простого мультфильма при помощи Adobe Flash

Смотрите также статьи:

При помощи TVPaint

VPaint Animation-программа, предназначена для рисования и создания 2D-анимации. С помощью её  вполне реально создать собственный мультфильм. Смотрите урок о том, как это сделать.

При помощи Toon Boom

Toon Boom-целое  семейство программ для анимации, предназначенных как для любителя, так и для профессионала.

При помощи Anime Studio Pro

Anime Studio Pro-простая для освоения программа при помощи которой можно создавать вот такие мультфильмы:

При помощи JQuery

Урок по созданию анимации при помощи плагина jQuery.spritely

Посетить урок 

Урок по созданию движущегося мультяшного  робота при помощи JQuery

Посетить урок

При помощи css3

О том, как создать анимацию при помощи css3 читайте здесь. Ниже представлен пример анимации:

Смотрите здесь

При помощи Adobe Edge

Adobe Edge  позволяет быстро и легко создавать интерактивные элементы с помощью стандартов HTML5, CSS3 и JavaScript.

Смотрите видеоурок о том, как создать анимацию при помощи этой программы:

Примеры использования анимации в веб-дизайне

Анимация используется не только в мультипликации, но и в веб-дизайне. Сегодня для создания анимационных эффектов на сайтах всё реже  используются флеш-технологии, и всё чаще отдаётся предпочтение css3 и  jQuery.
Launch Factory

Quazar web design

Captain Dash

HMTL 5lab

Nathan Love Studio

Возможно, вас заинтересуют статьи:

 Автор-Дежурка




Комментарии

  1. НЕанонимус
    Thumb up Thumb down +2

    а с помощью realworld paint можно? *HELP* *UNKNOWN*

    Ответить

  2. Михаил
    Thumb up Thumb down +1

    Заходите бесплатные уроки по анимации тут youtube.com/animationashabit

    Ответить

  3. Mark
    Thumb up Thumb down +1

    Народ, подскажите, пожалуйста, с помощью каких программ создаются (создавались) «Симпсоны» и «Футурама». css3 — по всей видимости это ж не всё)) Буду рад Вашим ответам. p.s. Гуглил, о использовании комп.программ не густо.

    Ответить

    никто Ответ:

    Thumb up Thumb down +1

    Симпсоны в Тун Буме.

    Ответить

    Imran Ответ:

    Thumb up Thumb down +1

    Симпсоны в took boom. Футурама в Toonz.

    Ответить

  4. Данек
    Thumb up Thumb down 0

    *CRAZY* %)

    Ответить

    Данек Ответ:

    Thumb up Thumb down 0

    :-! :-D

    Ответить

  5. Маргарита
    Thumb up Thumb down 0

    Всем привет. Хочу поделиться с вами своим творением, сделанным дома. Это мультик длиной почти 4 минуты, для малышей до трех лет. Заходите и оценивайте. www.youtube.com/channel/U...aVx6kA9ShwFoMJkg

    Ответить

Оставить ответ


четыре − 2 =

Вставить изображение