GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Анимация Чеширского кота

Главная Уроки Анимация Чеширского кота

Первое что нам нужно сделать это скопировать слой Слой - Создать копию слоя

На этом слое нам предстоит стереть кота и дорисовать то, что находиться за ним. Я делал это следующем образом, с помощью инструмента Контуры создал выделение (после создания нужного контура нажать на Enter), которой как бы показывает где у нас будет граница толстой ветки и фона, а так же не дает изменять то, что в выделение не входит.

Находим инструмент Штамп. Выставляем кисть с растушеванными краями. Зажав на Ctrl и кликнув л. кнопку мыши на той части ветки откуда хотим скопировать текстуру и, отжав Ctrl, начинаем зарисовывать кота. Не ленитесь менять точку копирования и постарайтесь не изменять ту часть ветки на которой кота и так не было. Возможно иногда придеться менять непрозрачность на 90.

Чтобы нарисовать верхнюю кромку ветки с помощь Пипетки берем подходящий цвет(я подобрал цвет 3c290b с непрозрачностью 40) и потом кисточкой аккуратно проводим по верхнему краю нашего выделения. С помощью Лечебной кисти (работает она так же как Штамп) можно сгладить неестественные переходы цвета. Cнимем выделение Выделение - Снять выделение и посмотрим, что у нас получилось. Если результат не удовлетворил отменяем действие и продолжаем работать над веткой. На скорую руку получается так (Выделение пока не снимаем!)

Инвертируем наше выделение Выделение - Инвентировать. И теперь, по аналогии с веткой, удаляем кота с кусочков неба.

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

Снова беремся за Штамп и постепенно дорисовываем ветку копируя ту, что уже существует.

Настал черед маленьких веток, тут все по аналогии с предыдущей! Сначала Контуры потом работа со Штампом.

Поработаем с исходной картинкой, Для этого отключаем наш слой без кота и нажимаем на слой с фоном.

С помощью Контура обводим улыбку Чеширского кота, жмем Enter. Далее Правка - Копировать, Правка - Вставить. В окне слоев видим появившееся Плавающее выделение и жмем на кнопку с листком бумаги. Включаем слой без кота и правой кнопкой мыши на слое с улыбкой и выбираем Объединить с предыдущим.

П. кнопкой мыши на фоновом слое, Создать копию слоя. Фильтры - Анимация - Плавный переход, в выпавшем окне выставляем Кадров 1, Радиус 0, Циклическое отмечаем галочкой. Вуаля, у нас открывается новое окно с нашей картинкой и в ней уже 3 слоя, а 4. Вот у вас практически и создана анимация.

Фильтры - Анимация - Оптимизация (для Gif). Выскакивает еще одно окно с нашей картинкой, теперь глянем на слои. У каждого слоя в названии появилось следующее 100ms это означает время через которое на этот слой наложиться следующий. Нам нужно изменить это время, чтобы Чеширский кот не исчезал слишком быстро. Меня удовлетворили такие настройки Frame 1(900ms), Frame 2(200ms)(combine), Frame 3(900ms)(combine), Frame 4(200ms)(combine). Теперь Файл - Сохранить как. В строке Имя пишем: Любое название.gif. Сохранить как анимацию. Галочки везде убрать кроме Бесконечный цикл.

Наслаждайтесь результатом ;)


40

В избранном у 40 человек:

Метки: , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

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

3

Пользователь #4Андрей Сидоров4 января 2010 в 19:14Личное сообщение

Огого какой великолепный урок... Спасибо, порадовало))

2

Пользователь #423Элайджа Джонсон4 января 2010 в 23:31Личное сообщение

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

2

Пользователь #1045ncho5 января 2010 в 12:36Личное сообщение

Всем! Всем! Всем!.. Для тех, кто только начинает создавть анимацию в GIMP... По-моему, автор постарался на славу: Так подробно.. И приемы хорошие!. Теперь почти каждый, прочитав урок, сможет творить чудеса!.. :) Мой респект!

1

Пользователь #939Iren5 января 2010 в 14:37Личное сообщение

урок просто супер! жаль у меня что то с анимацией не выходит ((

2

Пользователь #1Филипп Ткачёв5 января 2010 в 14:41Личное сообщение

А в следующем уроке хвост начнет качаться из стороны в сторону и котяра будет гладить себя по животику =)

1

Пользователь #423Элайджа Джонсон5 января 2010 в 17:27Личное сообщение

Iren, а что именно не так?
zoonman, а это мысль! ;)

1

Пользователь #4Андрей Сидоров5 января 2010 в 21:40Личное сообщение

Элайджа Джонсон, можно сказать, что теперь и вы тоже поучавствовали в создании этого сайта =))

2

Пользователь #1054Василий6 января 2010 в 18:16Личное сообщение

можно "исходник" изображения, а то в интернете в плохом качестве?

0

Пользователь #423Элайджа Джонсон6 января 2010 в 22:01Личное сообщение

Андрей, надеюсь что и еще скоро поучаствую:) (жаль только, что форума тут нет)

Василий, вот исходник http://s39.radikal.ru/i083/1001/bf/b745b0962f99.jpg
Его можно сделать и из уже готовой анимации, удаляем все слои, кроме фона, далее Изображение - Режим - RGB и сохраняем как JPG

0

Пользователь #939Iren8 января 2010 в 15:52Личное сообщение

уже все получилось!
хочу новые уроки! у вас тут так интересно, я многому научилась. Спасибо!

0

Пользователь #1054Василий10 января 2010 в 14:38Личное сообщение

Элайджа Джонсон, спасибо!

0

Пользователь #1054Василий10 января 2010 в 14:40Личное сообщение

Iren, а какая проблема с анимацией у тебя была и как ее решила?
У меня файл сохраняется как обычный gif, при сохранении файла опции анимации не активны (((
Версия gimp'a - 2.7.1

0

Пользователь #787Zyniker12 января 2010 в 16:49Личное сообщение

спасибо за урок)все понятно изложено, соответственно результат почти сразу порадовал :D

0

Пользователь #977tihiro13 января 2010 в 21:48Личное сообщение

Урок - супер! Все так понятно объяснено! Спасибо!

0

Пользователь #1435ДаффКа5 апреля 2010 в 21:24Личное сообщение

просто супер все понятно поэтапово и я наконец научилась лебницей пользоваться

0

Пользователь #1646Kate28 июня 2010 в 16:44Личное сообщение

Очень классный и полезный урок!

-1

Пользователь #1750♥Nastenka♥11 августа 2010 в 19:59Личное сообщение

да..наверное красиво будет.....Но урок больно долгий! и я ничё не понимаю

0

Пользователь #423Элайджа Джонсон5 октября 2010 в 06:50Личное сообщение

Что не понятно спрашивайте, постараюсь объяснить подробней :)

-2

Пользователь #1972бублик9 октября 2010 в 20:18Личное сообщение

У меня в gimp 2.6 нет кнопочки плавный переход. Но на скринах этой же версии гимпа она есть. Не подскажите почему у меня ее нету?

0

Пользователь #423Элайджа Джонсон25 октября 2010 в 07:27Личное сообщение

Когда вы заходите в Фильтры - Анимация у вас там совсем нет строчки "плавный переход" или она не активна(ее видно, но нажать нельзя)?

0

Пользователь #2148Алисик28 ноября 2010 в 01:37Личное сообщение

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

2

Пользователь #2242iROOT28 ноября 2010 в 16:30Личное сообщение

Надо было еще усы с зубов убрать во время изчезновения.

0

Пользователь #423Элайджа Джонсон24 декабря 2010 в 09:51Личное сообщение

iROOT, вы правы, надо было, я только сейчас заметил :)

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Кисти

Sparks Grass High Grass animated Confetti doodles1_brushes_by_hawksmont10 smile Мишень Animation brush GIMP Brush Pipe GIMP Brush Pipe GIMP Brush Pipe Blue Prints 1 Animated Confetti GIMP Brush Pipe GIMP Brush Brush with rough edges Figures
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Анимация Чеширского кота» получил оценку 5.00 на основе 5 голосов.

13876+0
Комментариев

вверх