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

   

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

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

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

На этом слое нам предстоит стереть кота и дорисовать то, что находиться за ним. Я делал это следующем образом, с помощью инструмента Контуры создал выделение (после создания нужного контура нажать на 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. Сохранить как анимацию. Галочки везде убрать кроме Бесконечный цикл.

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

4 января 2010 37 Элайджа Джонсон

Метки: кот, анимация, контуры, штамп.

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

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

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, вы правы, надо было, я только сейчас заметил :)

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

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

Уроки по RSSНовые уроки по RSS
Анонсы бесплатно и быстро!

Кисти:

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

Похожие страницы

Описание редактора
Про Гимп

Анимация
Вопрос-ответ

Анимация в GIMP
Уроки по GIMP

Оценка урока

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

8122+534
Комментария