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

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

   

Рождение бабочки в GIMP

Главная Уроки Рождение бабочки в GIMP

Задумывались ли вы о метаморфозе, когда маленькая, невзрачная гусеница превращается в прекрасного мотылька? В этом уроке, шаг за шагом, создается волшебное превращение из обычного цветка одуванчика.

Исходники:

  • Ветки: http://www.flickr.com/photos/40295335@N00/5466064088/
  • Бабочка: http://www.flickr.com/photos/victoriabernal/2734806421/
  • Листья: http://www.flickr.com/photos/Jenik/2035297521/
  • Одуванчик: http://www.pxleyes.com/photoshop-contest/19982/dandelion.html

Автор оригинального урока благодарит Victoria Bernal и Joel, которые являются участниками Flickr, за предоставленные исходные материалы к данному уроку, думаю, нам тоже следует к нему присоединиться. Мы будем также использовать следующие инструменты GIMP:

  • Осветление \ Затемнение;
  • Фильтры — Искажение — Интерактивное искажение;
  • Цветовой тон \ Насыщенность;
  • Палец;
  • Режим наложения слоя;
  • Ластик.

Сам урок:

Создайте новый документ размером 1200×1600 пикселей. Назовите фоновый слой «Background».

Теперь залейте фоновый слой градиентом используя такие цвета: 576b24 (на переднем плане (foreground)) — с верху; 433b24 (фоновый (background)) — в низ.

Активируйте инструмент Кисть. Кисть для этого урока к сожалению, я не нашла, поэтому пришлось сделать что-то подобное самой. Я назвала эту кисть FUZZY3 и разместила на сайте вот по этой ссылке. Используя данную кисть (настройки к ней указаны ниже), сделайте произвольные мазки.

Не создавайте новый слой для рисования. Добавляйте мазки (точки) кисти поверх фонового слоя «Background». Рисуем черным цветом.

Цвет 8c6f35.

Цвет a2aa31.

Цвет 7061d.

Цвет 512bob.

Теперь к полученному фону мы добавим текстуру. Для этого перейдите к «Фильтры — Искусство — Холст». Настройки фильтра:

Сделаем фон немного темнее. Для этого воспользуемся «Цвет — Кривые».

Активируйте инструмент «Палец». Откройте набор кистей и выберите кисть наиболее похожую на ту, которую использовала я, я то же подбирала ее сама по названию — «Брызги», т. е. она должна представлять собой несколько разбросанных мазков. Установите настройки указанные ниже. Настройки кисти для инструмента «Палец»:

  • Размер кисти «Брызги»: 150 пикс.;
  • Скорость: 70%.

Круговыми движениями пройдитесь по всему слою «Background». Идея заключается в том, чтобы смешать цвет фона. На изображении ниже, вы можете увидеть работу с инструментом «Палец».

Тут автор решил затемнить нижний левый угол фона. Для этого активируем инструмент «Кисть», из набора кистей снова выбираем кисть FUZZY3. Цвет устанавливаем на черный и добавляем еще немного точек в месте, где хотим сделать фон темнее.

И опять работаем инструментом «Палец» с теми же настройками.

Когда вы закончите смешивать цвета фона и будете довольны результатом, активируйте инструмент «Затемнение/Осветление» в режиме затемнения. Пройдитесь по левой части фона. На изображении вы можете видеть области, которые я сделала более темными:

Используем мягкую круглую кисть размером 100рх.

Мы закончили первый этап создания фона. В дальнейших шагах мы проработаем детали и сделаем фон более интересным.

Воспользуйтесь ссылкой к исходным материалам урока и скачайте изображение «Одуванчик». Сохраните изображение в папку, которую вы легко сможете найти на своем компьютере. Откройте изображение цветка, добавьте Альфа-канал изображению и вырежьте его любым удобным для Вас методом. Я использовала инструмент Выделение смежных областей и Ластик.

Скопируйте полученное, переместите в свою работу и разместите в новом слое. Назовите этот слой «Одуванчик» (сначала на нашем изображении одуванчика «Меню — Правка — Копировать» и сразу переключаемся в нашу работу и «Меню — Правка — Вставить — Вставить как новый слой»). Немного масштабируем и повращаем.

Далее мы еще будем изменять размер изображения так, как нам нужно.

Активируйте инструмент «Эллиптическое выделение» и выделите верхнюю часть одуванчика. Не снимая выделение, нажмите клавишу Delete.

У вас получится нечто подобное, после удаления выделенной части.

Сделайте копию слоя «Одуванчик», не меняйте название слоя — копии, просто зайдите в «Меню — Слой — Трансформация — Отразить по вертикали».

Переместите перевернутую копию ближе к оригиналу (с наложением изображений). Объедините копию и оригинал изображения «Одуванчик». Переименуйте полученный слой в «Кокон». Вот так выглядит наша заготовка под дом, в котором спят бабочки перед своим появлением на свет.

Повернем наш слой «Кокон» на 90 градусов.

И применим к слою действие «Меню — Слой — Слой к размеру изображения», это нужно для последующих шагов (так будет удобнее работать с интерактивным искажением)

Применяем «Меню — Фильтры — Искажение — Интерактивное искажение». Так мы сгладим края.

Растянем кокон в длину.

Сделаем хвостик.

Немного подправим контур.

Для того что бы придать кокону объем, необходимо затемнить его нижнюю часть. В этом вам поможет инструмент «Затемнение/Осветление» в режиме затемнения. При работе с затемнением используйте мягкую круглую мягкую кисть размером 100 пикс.

Так же необходимо дорисовать ворсинки. Для этого активируйте инструмент «Палец» (размер кисти установите в пределах 8 — 10 пикс., а скорость на 80 — 90%). После того как вы настроили инструмент, двигайтесь кистью в направлении от краев кокона — наружу. Руководствуйтесь примером на картинке.

Теперь я еще уменьшила наш готовый кокон.

Пришло время добавить бабочку. Перейдите по ссылке указанной в исходниках урока и скачайте изображение «Бабочка». Откроем картинку в редакторе и вырежем саму бабочку. Я пользовалась сначала «Свободным выделением», «Выделением смежных областей» и «Ластиком». И не забудьте добавить картинке альфа-канал перед обработкой.

Вставляем изображение в наш главный документ, так же как вставляли одуванчик и уменьшим его.

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

После этого, воспользуйтесь фильтром «Интерактивное искажение» и придайте новую форму телу бабочки (руководствуйтесь примером на картинке).

Активируйте инструмент «Осветление/Затемнение» в режиме «Осветления» и обработайте крылья насекомого. Идея состоит в том, чтобы сделать коричневые оттенки более оранжевыми (красными). Не увлекайтесь осветлением слишком сильно, иначе ваша картинка будет выглядеть плохо.

Здесь результат получился не совсем таким, как в оригинале урока и я применила «Меню — Цвет — Тон/Насыщенность».

Что бы сделать результат более похожим на оригинал.

После осветления, цвет бабочки уже немного изменился. Но автор еще поэкспериментировал с окраской мотылька. Перейдем еще раз к «Меню — Цвет — Тон/Насыщенность». Вводим такие настройки:

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

Разместите слой «Бабочка» над слоем «Кокон». Я рекомендую создать группу и назвать ее «Бабочка», поместив туда слои «Кокон» и «Бабочка». Используйте «Ластик», с мягкой круглой кистью, размером 100 пикс. и непрозрачностью 40%, для удаления участка крыльев бабочки. Ваша задача, чтобы после стирания области крыла, получить такой вид, словно бабочка находится в коконе.

Активируйте «Свободное выделение» и сделайте выделение небольшой частички кокона. Скопируйте его и вставьте на новый слой в группе «Бабочка» над слоем «Бабочка». Дайте название этому слою «Частица кокона».

Для удобства, я отразила полученный кусочек по горизонтали. Используйте «Фильтры — Искажение — Интерактивное искажение» для того, чтобы деформировать дублированный участок и сделать его более естественным и плавным.

Обрабатываем его инструментами «Палец» и «Ластик» (с такими же параметрами, как и кокон). И размещаем над бабочкой (если надо, уменьшаем).

Продублируем слой «Частица кокона», немного стираем край и размещаем под слоем «Бабочка».

Откройте и скопируйте изображение «Листья» как и бабочку.

Как второй вариант, можно использовать маску слоя для выделения листьев и черной круглой кистью обработать листву по контуру. Далее применить «маску» к слою. Далее вставьте изображение в рабочий документ. Назовите новый слой «Листья». Немного уменьшите его.

Так же, автор пожелал превратить осенние сухие листья в молодые зеленые. Скопируйте слой «Листья» и измените цвет верхней копии. Для этого переходим к «Меню — Цвет — Тон\Насыщенность».

Обработайте ветки (не листья) полупрозрачным ластиком, т. к. они утратили естественный цвет.

Объедините оригинал и копию слоя.

Для дальнейшего размещения кокона, необходимо немного подправить форму ветки. Выделите нижнюю веточку с помощью «Свободного выделения»

…вырежьте и вставьте выделенную часть на новый слой («Меню — Правка — Вырезать» и сразу же «Меню — Правка — Вставить», прикрепить плавающее выделение к новому слою). Не давайте название этому слою, а просто передвиньте его как показано на изображении ниже.

Используйте инструмент «Вращение» и слегка поверните ветку.

Добавьте изображение с орхидеей в свою работу над фоновым слоем и назовите этот слой «Ветки». Масштабируйте его примерно вот так.

Режим наложения слоя «Ветки» измените на «Мягкий свет».

Далее активируем инструмент «Затемнение/Осветление» в режиме затемнение экспозиция около 30 используем мягкую круглую кисть 100 — 150рх и обрабатываем ветки. Особое внимание уделите нижней части изображения — нижние ветви должны быть темнее, чем верхние.

Когда закончите с затемнением, перейдите к «Фильтры — Размывание — Гауссово размывание» в 30рх.

Вернитесь к слою «Листья» и перетащите его, разместив над слоем «Ветки». Теперь вы видите, что изображение выглядит целостно, а листья на переднем плане — более контрастно. Надеюсь вы довольны вашим результатом. Теперь мы можем добавить немного света. Для этого используйте инструмент «Затемнение/Осветление». В настройках инструмента установите мягкую круглую кисть; экспозиция — 15%. В примере ниже я обозначила участки которые осветляла.

Так работаем на слое «Листья».

А эти участки обрабатываем на слое «Ветки».

Вернемся к слоям «Бабочка», «Кокон» и «Частица кокона», как Вы помните, они у нас находятся в одной группе «Бабочка». Я не предлагаю вам соединить эти слои в один, так — как это заберет у нас возможность корректировать их по отдельности, если возникнет такая необходимость. Разместите группу с мотыльком и коконом над слоем «Ветки». Вы можете доработать детали, например, я дорисовала (как и автор оригинала урока) больше ворсинок кокону.

И немного уменьшила всю группу.

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

Добавим света и тени на кокон, т. е. на слое «Кокон» работаем инструментом «Осветление/Затемнение». Затемняем (Экспозиция 30, круглая мягкая кисть 100рх).

Осветляем (Экспозиция 15, размер кисти тот же, галочка на «Полутона»).

Теперь, сравнивая свою работу с оригиналом, я решила еще немного масштабировать группу «Бабочка», но изменить только ширину, а длину не трогать.

Создадим слой из видимого (кликаем правой клавишей мыши по верхнему слою и выбираем из контекстного меню «Создать из видимого») и немного осветлим с помощью «Меню — Цвет — Кривые».

Вот и все. Я уже подозреваю, что многие пользователи не увидят в этом уроке никаких новых для себя приемов. Пусть это будет урок на развитие фантазии. Удачи!

2

В избранном у 2 человек:

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

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

Добавить

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

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

0

Пользователь #10339Юлия Кулиш12 августа 2013 в 10:01Личное сообщение

В 4-м шаге Фильтры-Иммитация-Холст, извините за ошибку, некоторые пункты меню у меня на английском и я перевела Artistic, как искусство.

3

Пользователь #1Филипп Ткачёв16 августа 2013 в 00:33Личное сообщение

Юлия, вы просто умничка! Такой сложный и длинный урок! Спасибо!

0

Пользователь #10339Юлия Кулиш16 августа 2013 в 00:46Личное сообщение

Спасибо за комментарий!

1

Пользователь #11620Юрий Соколов18 сентября 2013 в 18:14Личное сообщение

Прекрасный, увлекательный урок! Делал с удовольствием, сложности были с интерактивным искажением, хотелось добиться такой же реалистичной картинки кокона, как у Юли, но не получилось. Спасибо за урок и за кисть!

0

Пользователь #10339Юлия Кулиш18 сентября 2013 в 21:24Личное сообщение

Все выполнено прекрасно! На самом деле, я делала эту картинку по оригиналу урока и настоящего такого кокона никогда не видела, поэтому про реалистичность спорить не могу.

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

  • >

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

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

Создаем росу на паутине
Урок-адаптация. Учимся создавать капельки росы на нитях паутины при помощи GIMP и фильтра Layer Effects.

Простая открытка ко дню Святого Валентина
Простая открытка, для которой адаптирован текстовый эффект из урока по Фотошопу.

Как создать шоколадную поздравительную открытку на День Святого Валентина
Урок-адаптация, в котором мы научимся создавать шоколадную открытку к празднику влюбленных.

Магия сверкающих шаров
Урок-адаптация в котором мы научимся создавать волшебные зелёные эффекты, используя несколько несложных приёмов.

Праздничная новогодняя открытка
Создание праздничной новогодней открытки со стеклянным шариком. Урок-адаптация.

Кисти

floral1_brush_by hawksmont7 Pepper floral1_brush_by hawksmont1 floral1_brush_by hawksmont2 floral1_brush_by hawksmont4 floral1_brush_by hawksmont5 floral1_brush_by hawksmont6 floral1_brush_by hawksmont8 floral1_brush_by hawksmont9 GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush Tree Brushes1 Tree Brushes2 Tree Brushes3 Tree Brushes4 Tree Brushes5 Tree Brushes6 Tree Brushes7 Tree Brushes8 Tree Brushes9 Tree Brushes10 Tree Brushes11 Tree Brushes12 Tree Brushes13 Tree Brushes14 Tree Brushes15 Tree Brushes16 Tree Brushes17 Tree Brushes18 Tree Brushes19 Tree Brushes20 Tree Brushes21 Tree Brushes22 Tree Brushes23 SwirlsII_1 SwirlsII_2 SwirlsII_3 SwirlsII_4 SwirlsII_5 SwirlsII_6 SwirlsII_8 SwirlsII_9 SwirlsII_11 GIMP Brush butterfly1_brushes_by_hawksmont1 butterfly1_brushes_by_hawksmont2 butterfly1_brushes_by_hawksmont3 butterfly1_brushes_by_hawksmont4 butterfly1_brushes_by_hawksmont5 butterfly1_brushes_by_hawksmont6 butterfly1_brushes_by_hawksmont7 butterfly1_brushes_by_hawksmont8 butterfly1_brushes_by_hawksmont9 GIMP Brush GIMP Brush GIMP Brush GIMP Brush GIMP Brush Grass High Grass VectorFoliage_13 GIMP Brush GIMP Brush GIMP Brush GIMP Brush iceytina - Grass Blade14 Lightning_14 NSS-V2.0-brush-an-9 AnimalPrints_1 AnimalPrints_2 AnimalPrints_4 AnimalPrints_5 AnimalPrints_6 AnimalPrints_7 AnimalPrints_8 AnimalPrints_9 AnimalPrints_10 AnimalPrints_11 AnimalPrints_13 AnimalPrints_16 AnimalPrints_18 Перо Перо real oil 3 Raduga GIMP Brush  Бабочка GIMP Brush Lenta GIMP Brush serdtse GIMP Brush List GIMP Brush Kist GIMP Brush GIMP Brush Uzor GIMP Brush Ornament GIMP Brush fingerprint_brush_by hawksmont3 Птичка 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 GIMP Brush GIMP Brush GIMP Brush Rock1 Sc_Scratch Tank1 Hole1 Hole2 Hole3 Hole4 h_texture GIMP Brush Pipe Феерверк Пестрая клякса Цветные прямоугольники ягоды Bed Branch Circle Butterfly Roza Flover pink Flovers blue Duck Hare GIMP Brush GIMP Brush  Shahmaty Asterisk8 Bow Camellia Climatis Clematis Primrose Pepper Матрёшка Flovers 1 Turtle Drop Blot Fish Sn0wdrop Hippopotamus Листва FUZZY3 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 розочка Grass Tree Beams 1 Beams 1 Beams 16 Лучи Branches 1 Branches 2 Corner from leaves 2 Corner from leaves Horse Butterfly 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 GIMP Brush GIMP Brush GIMP Brush Tulip 1 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
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Рождение бабочки в GIMP» получил оценку 5.00 на основе 2 голосов.


вверх