ProGIMP — сайт про Гимп
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 в 21:31
Спасибо! Это мой первый урок, очень давно уже хотел сделать такую анимация. Рад что выложили. Приятно слышать похвалу от того кто участвовал непосредственно в создании этого сайта :)
ncho 5 января 2010 в 10:36
Всем! Всем! Всем!.. Для тех, кто только начинает создавть анимацию в GIMP... По-моему, автор постарался на славу: Так подробно.. И приемы хорошие!. Теперь почти каждый, прочитав урок, сможет творить чудеса!.. :) Мой респект!
Iren 5 января 2010 в 12:37
урок просто супер! жаль у меня что то с анимацией не выходит ((
zoonman 5 января 2010 в 12:41
А в следующем уроке хвост начнет качаться из стороны в сторону и котяра будет гладить себя по животику =)
Элайджа Джонсон 5 января 2010 в 15:27
Iren, а что именно не так?
zoonman, а это мысль! ;)
Андрей 5 января 2010 в 19:40
Элайджа Джонсон, можно сказать, что теперь и вы тоже поучавствовали в создании этого сайта =))
Василий 6 января 2010 в 16:16
можно "исходник" изображения, а то в интернете в плохом качестве?
Элайджа Джонсон 6 января 2010 в 20:01
Андрей, надеюсь что и еще скоро поучаствую:) (жаль только, что форума тут нет)
Василий, вот исходник http://s39.radikal.ru/i083/1001/bf/b745b0962f99.jpg
Его можно сделать и из уже готовой анимации, удаляем все слои, кроме фона, далее Изображение - Режим - RGB и сохраняем как JPG
Iren 8 января 2010 в 13:52
уже все получилось!
хочу новые уроки! у вас тут так интересно, я многому научилась. Спасибо!
Василий 10 января 2010 в 12:38
Элайджа Джонсон, спасибо!
Василий 10 января 2010 в 12:40
Iren, а какая проблема с анимацией у тебя была и как ее решила?
У меня файл сохраняется как обычный gif, при сохранении файла опции анимации не активны (((
Версия gimp'a - 2.7.1
Zyniker 12 января 2010 в 14:49
спасибо за урок)все понятно изложено, соответственно результат почти сразу порадовал :D
tihiro 13 января 2010 в 19:48
Урок - супер! Все так понятно объяснено! Спасибо!
При цитировании, использовании или заимствовании материалов
ссылка на www.progimp.ru обязательна. (Более подробно)
© 2008—2010 Pro GIMP. Обратная связь, рекламодателям.
«Про GIMP» v2.28



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