вход или регистрация

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

   

Анимация: Открытка-валентинка

Главная Уроки Анимация: Открытка-валентинка

Исходные материалы:

  • фото неба (http://iwalk.ru/wp-content/uploads/2008/06/sky3.jpg)
  • кисти лучей (http://redheadstock.deviantart.com/art/Light-Beams-Rays-Brushes-72493128)
  • кисть сердечка (http://www.progimp.ru/downloads/brushes/966/)
  • набор кистей «Религия» (http://kward1979uk.deviantart.com/art/TammySue-Religious-PS7-31653191)
  • уголки и завитушки можно скачать из Интернета, воспользовавшись поиском: (pixelbrush.ru/2013/09/04/decorative-curls-dekorativnye-zavitushki.html)

Открываем фото неба («Файл»«Открыть»). Для удобства в дальнейшей работе берем картинку размером 1600×1200 пикселей. В конце работы изображение будет уменьшено. Создадим новый прозрачный слой. («Слой»«Создать слой»«Прозрачный слой») Инструментом кисть в виде храма (TammySue-Religious4) белым цветом размер 300 пикселей рисуем вверху примерно посередине изображения. Это форма кисти.

Из скачанного и установленного набора кистей лучей выбираем подходящую кисть (SS-light-beams лёгкие лучи.abr-010) размер 300 пикселей и белым цветом рисуем лучи на храме. Объединяем слой с предыдущим слоем с небом (правой кнопкой мыши щелкнуть на верхнем слое и выбрать «Объединить с предыдущим»).

Открываем клипарт уголков.

Меню «Правка»«Копировать». Переходим на изображение неба. «Правка»«Вставить как»«Новый слой». Уголок размещается в левом верхнем углу. Копируем слой с уголком («Слой»«Создать копию слоя»). Инструментом «Зеркало» отражаем по горизонтали и сдвигаем уголок в правый верхний угол. Объединяем два слоя с уголками в один.

Открываем изображения сердечка.

Меню «Правка»«Копировать». Переходим на изображение неба. «Правка»«Вставить как»«Новый слой». Уменьшаем размер сердечка инструментом «Масштаб» до 350 пикселей по ширине. Цепочка должна быть сомкнута (Можно скачать кисть с сайта, но тогда надо ею рисовать на новом прозрачном слое). Копируем слой и отражаем по горизонтали. Инструментом «Перемещение» размещаем сердечки внизу.

Для симметричного размещения сердечек создала две вертикальных направляющих, положение 100 и 1500, одну горизонтальную произвольно («Изображение»«Направляющие»«Создать направляющую»). Объединяем слои с сердечками. Получилось три слоя. Объединим их. Глазки в диалоговом окне слоев включены. Правой кнопкой мыши по слою и «Объединить видимые слои».

Открываем изображение завитка с цветком и вставляем в главное изображение методом, описанным ранее.

Размер завитка уменьшаем до 700 пикселей по высоте. Копируем слой и отражаем по горизонтали.

Инструментами «Вращение» и «Перемещение» располагаем завитки так, будто они прорастают из сердечка, тянутся друг к другу и одновременно к небу.

Находимся на слое с левым белым цветком и инструментом «Свободное выделение» аккуратно общелкиваем цветок. Появляется муравьиная дорожка. За край цветка можно заходить, только не захватывать стебель и листочки. Идём в меню «Цвет»«Тонирование» и делаем такие настройки:

  • Тон 200
  • Насыщенность 50
  • Освещённость — 50(минус)

Нажимаем «ОК». Цветок окрасился в синий цвет. Выделение снимаем. «Выделение»«Снять»

Переходим на слой с другим цветком, выделяем, тонируем. Настройки:

  • Тон 360
  • Насыщенность 50
  • Освещённость — 50(минус)

Нажимаем «ОК». Цветок окрасился в красный цвет. Выделение снимаем. «Выделение»«Снять» Объединяем два слоя с завитками.

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

Я выбрала это стихотворение. Шрифт Ariston, размер 50, выключка по центру

Любить — самому в высоту подниматься
Тернистою узкой тропой.
Любить — это в райские двери стучаться,
Другого ведя за собой!

Чтобы текст был четче виден, продублируем текстовый слой, и копию объединим с предыдущим текстовым слоем. При уменьшении размера файла белые буквы стали плохо читаемыми. Изменила цвет букв на красный цвет. Меню «Цвет»«Тонирование» с настройками:

  • Тон 360
  • Насыщенность 100
  • Освещённость -70(минус)

Отключим видимость слоя с завитками, нажав на значок глазика, чтобы значок убрался. Правой кнопкой мыши на слое с текстом и «Объединить видимые слои». Включим глазик. Осталось два слоя. Нижний слой переименуем в Фон, а верхний слой назовём Завитки (Правой кнопкой мыши на слое → «Изменить атрибуты слоя» → в открывшемся окошке задаём имя и на «ОК»). Фоновый слой не трогаем. А из слоя с завитками будем создавать кадры анимации.

По очереди будем выделять симметричные побеги на обоих завитках инструментом «Свободное выделение» с параметром «Добавить в текущее выделение» и вырезать сразу на обоих цветках по одному побегу.

На скриншоте очередность вырезания побегов. Видимость слоя Фон можно временно отключить. После появления муравьиной дорожки идем в меню «Правка»«Вырезать» и «Правка»«Вставить». Появляется новый слой «Плавающее выделение». Щелкаем по этому слою правой кнопкой мыши и выбираем «В новый слой». Переименовываем в «1». Выделяем второй побег на каждом цветке, вырезаем, вставляем, переименовываем.

Если оставить видимым только слой 1, то на нем будет виден первый побег от завитков. На слое Завитки его уже не будет. И ещё можно отключать видимость вставленных слоёв, чтобы посмотреть какие побеги ещё остались на основном слое Завитки. Не забывайте переходить на слой Завитки при выделении и вырезании.

Так поступаем до тех пор, пока все побеги не вырежутся и не разместятся на отдельных слоях. На последнем слое 15 у нас получаются два цветочка.

На слое «Завитки» ничего не осталось (Разве что не захватили небольшие участочки тени, но это не важно). Этот пустой слой «Завитки» удаляем. Удалим направляющие, если раньше не удалили.

Уменьшим размер изображения «Изображение»«Размер изображения» до 600 пикселей по ширине (Цепочка сомкнута, соответственно изменится высота).

Идём «Фильтры»«Анимация»«Воспроизведение». Кадры анимации мелькают слишком быстро. Установим задержку кадров в 1000 миллисекунд для Фона и слоя 15. На всех других слоях 200. Для этого в названии слоя в скобках пропишем латиницей (1000ms) или (200ms).(Двойной щелчок левой кнопкой мыши по слою, ввести задержку и нажать ENTER.)

Ещё раз просматриваем. Если всё устраивает, то надо сохранить анимацию в формате GIF. Идем в «Фильтры»«Анимация»«Оптимизация (для GIF)». Применим этот пункт, нажав на него мышкой. Оптимизированная работа откроется в новом окне. Сохраняем анимацию. Идем в меню «Файл»«Экспортировать». Открывается окно. Выбираем папку, в которую будем сохранять. В поле «Имя» называем нашу анимацию. Нажимаем на крестик возле пункта «Выберите тип файла (По расширению)». В открывшемся списке выбираем «Изображение GIF» и нажимаем «Экспортировать». Открывается ещё одно окно. В нем надо обязательно поставить галочку в окошке «Сохранить как анимацию». Нажимаем «Экспорт».

Анимация сохранена в выбранной папке. Не забудьте 14 февраля поздравить любимых.

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

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

Добавить

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

Добавьте первый комментарий

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

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

Другие уроки автора

Работа с масками в формате JPG
В этом уроке рассказывается, как применить готовую слой-маску в формате JPG на фото, получив в итоге интересную рамочку.

Применение кистей определённой формы в маске слоя
Урок будет полезен в первую очередь новичкам. Он вкратце знакомит с понятием маски слоя. Описывается использование кистей при работе с маской слоя.

Создание фона для обоев на рабочий стол
Создание обоев для рабочего стола компьютера с применением фильтра. Урок будет полезен новичкам, так как описание довольно подробное.

Анимированный текст "Радуга"
Создание анимации текста «Радуга». Адаптация видео урока, выполненного в Фотошоп.

Создание поздравительной открытки к 8 Марта
В уроке описывается создание поздравительной открытки к празднику 8 Марта.

Кисти

Sparks Grass High Grass animated Confetti Eclipse heart by FiRST two-hearts2 broken-heart doodles2_brushes_by_hawksmont33 Glitter_7 GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush smile Перо Перо Animation brush GIMP Brush Pipe GIMP Brush GIMP Brush GIMP Brush GIMP Brush Lenta GIMP Brush serdtse GIMP Brush List GIMP Brush Kist GIMP Brush GIMP Brush Uzor GIMP Brush Ornament GIMP Brush celtic-heart heart1 heart2 heart3 heart4 heart-arrow1 heart-arrow2 heart-bar1 heart-bar2 heart-cluster1 heart-cluster2 heart-corner heart-design1 heart-design2 heart-flowers heart-of-hearts heart-tribal2 heart-tribal lace-heart2 lace-heart3 lace-heart two-hearts СЕРДЦЕ GIMP Brush Pipe 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 Animated Confetti GIMP Brush GIMP Brush GIMP Brush Pipe Феерверк Цветные прямоугольники ягоды Bed Circle hearts hearts 2 hearts 3 hearts 4 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 Пуговицы 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 GIMP Brush 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. неоновый круг золотой диск монстер ресурсы неоновый меч фиолетовая кисть спиральный круг GIMP Brush орнамент орнамент 2 орнамент 3 орнамент 4 орнамент 5 орнамент 7 орнамент 8 орнамент 9 орнамент 10 GIMP Brush GIMP Brush GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Анимация: Открытка-валентинка» получил оценку 3.67 на основе 3 голосов.

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

вверх