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

   


Анимация "Водоворот"

Главная Уроки Анимация "Водоворот"

Создаем изображение с прозрачным фоном, размер 800×800 пикселей. Задаем цвет для переднего плана — 4feeff — и для заднего — 216eda. Берем большую кисть с мягкими краями. У меня это — C_Cloud 1 с такими параметрами (там же выбираем «взять цвет из градиента»):

И закрашиваем наше изображение. Получается примерно так:

Выбираем инструмент «Градиент». В режиме смешивания выбираем «Очистка цвета», сам градиент — основной в фоновое (цвета не меняем) и заливаем этим градиентом изображение. Желательно по диагонали. Получились отдельные голубые и синие пятнышки на прозрачном фоне.

Затем выбираем инструмент «Плоская заливка», цвет переднего плана — daf0f3, режим — «Позади».

И теперь — анимация! Идем в меню «Фильтры — Искажение — Интерактивное искажение». Выбираем вкладку анимация, кол-во кадров ставим любое, а на изображении мышкой водим по кругу, создавая водоворот.

Но, кадров должно быть не более тридцати! Далее идем в меню «Фильтры — Анимация», выбираем «Воспроизведение». И наблюдаем как медленно водичка закручивается.

Для того, что бы сохранить результат перейдите в меню «Файл — Экспортировать…», задайте расширение gif и нажмите «Ok», а в открывшемся окне поставьте галочку «Сохранить как анимацию».

Финальный результат:

Внимание! Урок пишу впервые, так что требую строгой и объективной критики. Спасибо.


Метки: , , , , , , , , .

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

Добавить

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

17 комментариев

5

Пользователь #1812Макс Шевченко29 октября 2012 в 02:53Личное сообщение

Воздержусь от тотальной оценки урока (описание для 2.6, я же повторял в 2.8), но некоторые моменты поясню:

"Затем выбираем инструмент Плоская заливка, цвет переднего плана - daf0f3, режим - Позади"
Не указано, что в настройках также нужно указать пункт Область применения *Всё выделение*

Не хватает итогового результата, что не есть гуд.

P.S. Есть некоторые претензии к оформлению текста, но это, скорее, мои личные придирки.
P.P.S. И всё-таки не покидает стойкое ощущение, что некоторые моменты в таком уроке стоило бы расписать подробнее.

0

Пользователь #6399Олег Бутарев29 октября 2012 в 03:31Личное сообщение

Анимация получется какая -то рваная. Сначала закручивается нормально, потом резко обрывается, и начинается все сначала. Нужен итоговый результат, чтоб было с чем сравнить.

0

Пользователь #1Филипп Ткачёв29 октября 2012 в 07:50Личное сообщение

В итоговом результате она тоже рваной получается.

2

Пользователь #1628Артем Рощин29 октября 2012 в 09:26Личное сообщение

Очень сильно не хватает итогового результата!

1

Пользователь #1Филипп Ткачёв29 октября 2012 в 20:37Личное сообщение

Добавил результат.

0

Пользователь #9869Валентин Борисенко29 октября 2012 в 20:51Личное сообщение

Результат, конечно, не радует, но!
Здесь рассказывается об анимации в Интерактивном искажении, а это очень важно.
Я, например, не знал об этом...

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

0

Пользователь #9869Валентин Борисенко29 октября 2012 в 23:36Личное сообщение

Ну, понимаешь... Человек, который на протяжении полутора лет пользовался фотошопом ВНЕЗАПНО перешел на гимп... Он вообще некоторое время не знал о многом)

0

Пользователь #9869Валентин Борисенко29 октября 2012 в 23:36Личное сообщение

Извиняюсь за пунктуацию...)

0

Пользователь #9318Аленка В30 октября 2012 в 00:18Личное сообщение

кисти такой нет, жалко, конечно, зато можно импровизировать))вот, допустим, на картинке лицо, применяю интерактивное искажение, как описано в уроке - комикс получается)) алкеста, мне нравится урок

0

Пользователь #9839Алкеста Биэль31 октября 2012 в 21:43Личное сообщение

Да, вот насчет того, как сделать перход более ровным, я не подумала... Когда я только начинала расписывать первые действия, мне несколько раз хотелось бросить, но я не давала себе этого сделать, поэтому такие "перескоки" х) Спасибо, если буду потом еще писать - учту все ваши замечания)

0

Пользователь #9869Валентин Борисенко31 октября 2012 в 21:48Личное сообщение

Быть может, чтобы не было резкого перехода, стоило начинать анимировать в тот момент, когда вода уже достаточно "закручена"...

1

Пользователь #9839Алкеста Биэль31 октября 2012 в 21:58Личное сообщение

Кстати да.

0

Пользователь #10072Михаил Колесников1 ноября 2012 в 19:06Личное сообщение

В целом понятно. Но что-то не могу сделать предварительный просмотр анимации.

0

Пользователь #10095Анастасия Высочина7 декабря 2012 в 14:45Личное сообщение

А почему нельзя было осветлить текстуру через цвет яркость контраст, автор, я уважаю что вы не идёте лёгким путём, но по моему, стоит описывать и лёгкие варианты выполнения действий, кроме этого присоединяюсь к Максу по поводу заливки.

0

Пользователь #10095Анастасия Высочина7 декабря 2012 в 14:49Личное сообщение

Про рваность: там должна быть галочка что-то типа "в обратную сторону" стоит её поставить и анимация будет закручиваться и раскручиваться. и начинать стит с уже закрученной воды.

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

  • >

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

Кисти

Sparks Grass High Grass animated Confetti Фламинго smile NSS-V2.0-brush-an-9 Перо Перо Animation brush GIMP Brush Pipe GIMP Brush Lenta GIMP Brush serdtse GIMP Brush List GIMP Brush Kist GIMP Brush GIMP Brush Uzor GIMP Brush Ornament Blue Prints 1 Blue Prints 2 Blue Prints 3 Blue Prints 4 Blue Prints 5 Blue Prints 6 Blue Prints 7 Blue Prints 8 Blue Prints 9 Blue Prints 10 Blue Prints 11 GIMP Brush Pipe GIMP Brush Animated Confetti GIMP Brush GIMP Brush GIMP Brush Pipe Феерверк Пестрая клякса Цветные прямоугольники ягоды Bed Circle Brush with rough edges Hare GIMP Brush GIMP Brush  Shahmaty Asterisk8 Bow Pepper Матрёшка Turtle Drop Blot Fish Sn0wdrop Hippopotamus Apple Arrow 1 Arrow Fish 1 Fish 2 Fish 3 Fish 4 Fish 5 Fish 6 Fish 7 Fish 8 Fish gold GIMP Brush Leaves 2 Leaves Next Pointer Tulip Vase Trees3 Кнопка Lightning GIMP Brush Pigeon 1 Tree Beams 1 Beams 1 Beams 16 Лучи Branches 1 Branches 2 Corner from leaves 2 Corner from leaves Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 Rainbow Облако Ornament flower Пуговицы GIMP Brush Zvezda Snowflake 1 Snowflake 2 Snowflake 3 fractal2_brush_by_hawksmont3 Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Cupid Circles 3 Circles A love stori First Snow Flover Framework 800x1000 Figures GIMP Brush bananas vase with fruit butterfly 1 butterfly 2 butterfly 3 butterfly 4 butterfly 5 butterfly 6 Mask01 Mask02 Mask03 листья.gbr Mask05 сердечко Mask19 Mask49 Mask67 Mask73 Mask74 Mask83 волны Mask91 лучи Mask92. неоновый круг золотой диск монстер ресурсы фиолетовая кисть спиральный круг орнамент орнамент 2 орнамент 3 орнамент 4 орнамент 5 орнамент 7 орнамент 8 орнамент 9 орнамент 10 GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Анимация "Водоворот"» получил оценку 2.67 на основе 3 голосов.

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

вверх