ProGIMP — сайт про Гимп

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

Главная Карта сайта Обратная связь
   


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

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

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

Автор: Элайджа Джонсон

Выполнено в GIMP 2.4.6
Опубликовано 4 января 2010

Добавить на Яндекс


Облако меток:

3D Layer Effects Web 2.0 акварель акне анимация аэрограф брызги буфер обмена быстрая маска вектор взрыв винил вихрь вода возможности выделение гирлянда глаза город градиент графический планшет губка губы движение дождь дом дым елка загар звезды зима змея золото зубы иконка инструменты каналы карандаш кисти кисть клыки кнопка коврик кожа контуры космос кот кривые кровь круг лава лето лягушка макияж маска слоя масштабирование машина микшер каналов монитор направляющие начинающим новый год ночь обои обработка глаз обработка фото обработка фотографий огонь открытка палец плагин пламя планета пленка поверхность постер природа прыщи радуга реалистичность режимы смешивания ретушь рефлекс рисование рисунок салют свет свет и тень сердце сигарета символ смайлик снег стекло стерео стилизация фото сфера текст текстура телевизор тени угри узор фильтры фон фотоаппарат фотоколлаж фотообработка цветокоррекция шар штамп электричество элементы навигации эффект юзербар яблоко язык

 

Похожие уроки:

Рисуем сердечко
Стоит поманипулировать с настройками скриптов чтобы получить еще более сногсшибательное сердечко.

Сияние драгоценностей
Как при помощи звёздной кисти заставить драгоценности блестать.

Шестеренка
Урок по созданию изображений при помощи направляющих и инструмента «Контуры».

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

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

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

Рекомендовать урок другим пользователям

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

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

14 комментариев:

Пользователь #4Андрей 4 января 2010 в 17:14

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

Пользователь #423Элайджа Джонсон 4 января 2010 в 21:31

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

Пользователь #1045ncho 5 января 2010 в 10:36

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

Пользователь #939Iren 5 января 2010 в 12:37

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

Пользователь #1zoonman 5 января 2010 в 12:41

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

Пользователь #423Элайджа Джонсон 5 января 2010 в 15:27

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

Пользователь #4Андрей 5 января 2010 в 19:40

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

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

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

Пользователь #423Элайджа Джонсон 6 января 2010 в 20:01

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

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

Пользователь #939Iren 8 января 2010 в 13:52

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

Пользователь #1054Василий 10 января 2010 в 12:38

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

Пользователь #1054Василий 10 января 2010 в 12:40

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

Пользователь #787Zyniker 12 января 2010 в 14:49

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

Пользователь #977tihiro 13 января 2010 в 19:48

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

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

При цитировании, использовании или заимствовании материалов
ссылка на www.progimp.ru обязательна. (Более подробно)

© 2008—2010 Pro GIMP. Обратная связь, рекламодателям.

Рейтинг@Mail.ruRambler's Top100

«Про GIMP» v2.28