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

   


Анимированная открытка ко Дню защитника Отечества

Главная Уроки Анимированная открытка ко Дню защитника Отечества

Адаптация видео урока в Фотошоп, ссылка: http://www.youtube.com/watch?v=CBUiE4z9qMA

Создадим изображение размером 1200×1200 пикселей. Идём в меню «Файл»«Создать»«Создать новое изображение». Цвета RGB, цвет белый. Меняем цвет переднего плана на красный #С10606, Цвет фона меняем на тёмно-красный цвет #650404. На панели инструментов выбираем инструмент «Градиент», «Основной в фоновый», форма «Радиальная».

От центра изображения ведем линию градиента горизонтально к краю и немного за край. Изображение заливается градиентом, в диалоговом окне слоёв появился слой «Фон».

Теперь надо создать солнышко, состоящее из 8-ми лучей. Создадим новый прозрачный слой через меню «Слой» или с помощью значка внизу диалога слоёв. По моим приблизительным подсчетам полоски для лучей должны быть шириной 75 пикселей, и расстояние между ними должно быть 75 пикселей. Для удобства в работе я создала две направляющих: одну на расстоянии 37 пикселей от края, вторую на 102 пикселя. (Кто желает, может работать и без направляющих, если уверен в точности своих действий).

Инструментом «Прямоугольное выделение» делаем выделение для одной полоски. Меняем цвет переднего плана на оранжевый #F7A618 и заливаем полоску, просто перетащив квадратик переднего плана на выделение. Снимаем выделение. Меню «Выделение»«Снять выделение». Щелкаем левой кнопкой мыши по оранжевой полоске.

Дублируем слой. Для этого на клавиатуре нажимаем одновременно SHIFT+CTRL+D, оставляем зажатой только клавишу SHIFT и нажимаем 2 раза на стрелочку «→» на клавиатуре. Полоска сдвигается вправо. Этим же методом тремя клавишами снова дублируем полученную полоску и перемещаем клавишей SHIFT и стрелочкой. Такими действиями создаем 8 полосок.

Объединим 8 полосок. Отключим временно глазик на слое «Фон». Правой кнопкой мыши нажимаем на любом слое с полосками. В выпадающем окне выбираем «Объединить видимые слои». Остается один слой с полосками и слой Фон. Правой кнопкой мыши нажимаем на слое с полосками, в выпадающем окне выбираем «Слой к размеру изображения». Удалим направляющие через меню «Изображения»«Направляющие»«Удалить направляющие».

К слою с полосками применим фильтр «Искажения»«Полярные координаты» с настройками как на скриншоте.

Глубина круга в процентах 100, угол смещения 0, галочки в окошках «Отобразить сверху» и «В полярное». Нажимаем «ОК».

На панели инструментов выбираем «Выравнивание». Щёлкаем по холсту, появляется рамочка. На панели инструментов выбираем «Центрировать по вертикальной оси», а затем «Центрировать по горизонтальной оси». Изображение разместится строго по центру, если раньше этого не было.

На панели инструментов выбираем «Эллиптическое выделение» с настройками как на скриншоте, и создаем выделение. Идем в меню «Выделение»«Инвертировать» и нажимаем DEL на клавиатуре.

У солнышка получаются размытые края.

Находим и скачиваем эту картинку звезды http://toplogos.ru/logo-zvezda/ или любую вам понравившуюся. Открываем картинку звезды в GIMP. Копируем её, «Правка»«Копировать», переходим на файл с солнышком и вставляем её туда «Правка»«Вставить как»«Новый слой». Подгоняем размер звезды масштабированием и перемещением. Убираем белый фон. Волшебной палочкой (инструмент «Выделение смежных областей») щелкаем по белому фону. Появляется выделение. Нажимаем DEL на клавиатуре. Выделение снимаем.

Отцентрируем звёздочку, как это сделать, описано ранее. Осветлим звёздочку. Идём в меню «Цвет» «Уровни». Открывается окно.

Средний ползунок сдвигаем немного влево. Нажимаем «ОК».

Волшебной палочкой с порогом 40 выделяем серую полоску, которая вокруг звезды. Нажимаем DEL на клавиатуре. Выделение не снимаем. Зальём выделение градиентом Golden # 1, форма радиальная. Выделение снять.

Теперь напишем текст «С Днём защитника Отечества!». Шрифт Sans Bold, размер 150 пикселей, выключка по центру, цвет оранжевый F04408. Жмём правой кнопкой мыши по текстовому слою, выбираем «Текст в контур». Цвет переднего плана установим #940505. В диалоговом окне «Контуры» нажимаем на значок «Обрисовать контур заданным образом». В открывшемся окне выбираем «Обвести линией», «Одним цветом», «Толщина линии» 3 пикселя. Нажимаем «Обвести».

Создадим три копии слоя с текстом. Всего получится четыре слоя с текстом. На панели инструментов выбираем инструмент «Выделение по цвету» и щелкаем на букве. Появляется выделение в каждой букве. Заливаем каждый слой линейным градиентом Golden #1. Линю градиента на каждом слое ведём по-разному. На верхнем слое тянем линию сверху вниз. На следующем снизу вверх. На третьем слое слева направо. На последнем слое справа налево.

Идем в «Фильтры»«Искажения»«Барельеф» с настройками как на скрине нажимаем «ОК».

Применяем фильтр к каждому слою с текстом. «Фильтры»«Повторить Барельеф».

Переходим на слой со звездой и создаем 3 копии. Всего должно получиться 4 слоя со звездой.

Переходим на слой Фон и создаём 3 копии этого слоя. Должно получиться 4 фоновых слоя.

Переходим на слой с солнышком. Будем дублировать и вращать слои. Для этого на клавиатуре нажимаем одновременно SHIFT+CTRL+D, оставляем зажатой только клавишу SHIFT и нажимаем R.Открывается окно.

Задаём 11 градусов и нажимаем «Повернуть». Дублируем и вращаем полученный слой этим же методом. И так до получения четырех слоёв с солнышком. Приводим каждый слой с солнышком к размеру изображения. Для этого правой кнопкой мыши на слое и выбрать пункт «Слой к размеру изображения».

Теперь необходимо создать кадры анимации. Для этого важно разместить слои соответствующим образом. N.B! (важно) Не менять порядок слоёв с солнышком. Для удобства слои можно пронумеровать. (Правой кнопкой мыши по слою «Изменить атрибуты слоя…»)

Под каждый слой с солнышком переместить фоновый слой перетаскиванием или с помощью стрелочек внизу диалогового окна. Над каждым слоем с солнышком поместить слой со звездочкой. Над каждым слоем со звёздочкой поместить слой с текстом.

Получилось четыре группы слоёв для создания четырех кадров. Теперь объединим четыре слоя в каждой группе в один слой. Оставим видимыми четыре слоя в верхней группе. Все другие значки глазика выключим. Правой кнопкой на одном из видимых слоёв и выбрать пункт «Объединить видимые слои». Вместо четырех слоёв получился один слой. Его видимость отключаем. Делаем видимыми следующие четыре слоя и объединяем. Снова получился один слой. Так объединяем последующие слои. Должно остаться четыре слоя. Это и есть кадры анимации.

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

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

Открывается ещё одно окно.

В нем надо обязательно поставить галочку в окошке «Сохранить как анимацию». Нажимаем «Экспорт». Анимация сохранена.


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

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

Добавить

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

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

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

  • >

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

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

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

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

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

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

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

Кисти

Edge_16 GIMP Brush GIMP Brush GIMP Brush GIMP Brush Bitter 7 Arrogance II_2 Arrogance II_3 Arrogance II_4 Arrogance II_5 Arrogance II_6 Arrogance II_7 Arrogance II_8 Arrogance II_9 AxRdr70Lithium_2 AxRdr70Lithium_3 AxRdr70Lithium_4 AxRdr70Lithium_5 AxRdr70Lithium_6 AxRdr70Lithium_7 AxRdr70Lithium_8 AxRdr70Lithium_9 AxRdr70Lithium_10 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_7 Edge_8 Edge_9 Edge_10 Edge_11 Edge_12 Edge_17 floral1_brush_by hawksmont2 floral1_brush_by hawksmont3 floral1_brush_by hawksmont4 floral1_brush_by hawksmont8 Fusion_4 Fusion_5 Fusion_6 Fusion_9 Fusion_11 Galactic_6 Galactic_7 Galactic_8 Galactic_9 Galactic_11 Galactic_14 Galactic_15 Odysee_2 Odysee_3 Odysee_4 Odysee_5 Odysee_6 Odysee_7 Odysee_8 Odysee_9 Odysee_12 Odysee_13 Part 2-3 (Scratches) My Brush My Brush My Brush GIMP Brush SwirlsII_1 SwirlsII_2 SwirlsII_3 SwirlsII_4 SwirlsII_5 SwirlsII_6 SwirlsII_8 SwirlsII_9 SwirlsII_11 GIMP Brush ebStar_1 ebStar_2 ebStar_4 ebStar_3 ebStar_5 ebStar_6 ebStar_8 ebStar_9 ebStar_10 ebStar_11 ebStar_12 ebStar_13 ebStar_14 ebStar_15 ebStar_16 ebStar_17 ebStar_18 ebStar_19 ebStar_20 ebStar_21 ebStar_22 ebStar_23 ebStar_24 ebStar_25 Shape Star 01 (59x59) Shape Star 02 (59x59) Shape Star 03 (59x59) Shape Star 05 (59x59) Shape Star 06 (59x59) Shape Star 07 (59x59) Shape Star 08 (59x59) Shape Star 09 (59x59) Shape Star 10 (59x59) Shape Star 11 (59x59) Shape Star 12 (59x59) Shape Star 14 (59x59) Shape Star 15 (59x59) Shape Star 16 (59x59) Shape Star 17 (59x59) Shape Star 18 (59x59) Soft Star (77x74) Star Circle (78x76) Star (95x106) Star (104x103) Star (104x108) Star (106x104) Star (106x104) Star (106x104) Star (106x106) Star (110x106) Star (110x111) Sparks Grass High Grass animated Confetti GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush two-hearts2 broken-heart Doodle_cloud9 sparklies_25 doodles2_brushes_by_hawksmont7 doodles2_brushes_by_hawksmont32 Glitter_21 GIMP Brush GIMP Brush GIMP Brush Pipe smile GIMP GIMP GIMP GIMP GIMP GIMP GIMP GIMP GIMP NSS-V2.0-brush-an-9 BPaG Br 1 stars_brush_by_hawksmont1 Animation brush GIMP Brush GIMP Brush Pipe G_Sparks GIMP Brush GIMP Brush Lenta GIMP Brush GIMP Brush Zvezda2 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 Animated Confetti GIMP Brush Spikkes c_circle Knight1 GTA 3 Конфети GIMP Brush Pipe Пестрая клякса Cock Asterisk Bed Brush with rough edges Duck Hare Asterisk8 Turtle Hippopotamus FUZZY3 Сердечко Vase Beams 1 Beams 1 Beams 3 Beams 16 Лучи Corner from leaves 2 Corner from leaves GIMP Brush GIMP Brush Stars Stars 2 Stars 3 Stars 4 Stars 5 Stars 6 Stars 7 GIMP Brush Zvezda Heart heart 1 heart 2 heart 3 Heart Сердечко Calligraphic Brush 11 Cupid Circles 3 Circles Figures GIMP Brush красная звезда привет! неоновый меч
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Анимированная открытка ко Дню защитника Отечества» получил оценку 5.00 на основе 1 голосов.

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

вверх