Как сделать виньетку из фотографий

30 Май

Здравствуйте друзья. Сегодня вас ждет небольшой урок по фоторедактору GIMP, изучив который вы узнаете — как сделать виньетку из фотографий своими руками.

И сначала небольшая вводная информация. Что же в фотографии принято называть виньеткой? Давайте попробую объяснить этот термин своими словами , подсматривая в интернет справочники.

Виньетка — это украшение фотографии (изображений) с помощью рамки, которая представляла собой изначально орнамент в виде виноградной лозы. От сюда и название виньетка  (фр. vignette)  уменьшительное от фр. vigne – виноградная лоза.

Позже виньеткой стали называть любые композиции из фотографий (одной или нескольких), которые обрамлялись в рамочки всевозможной формы.

Посмотрите на современный пример — школьная виньетка для выпускников.

09_kak-vstavit-foto-v-vinetku

Видели наверно ? А может такая виньетка есть у вас? Напишите в комментариях.

Лично у меня остался только подобный альбом только с института, где были фотографии всех сокурсников и преподавателей.

В школе же такой роскоши еще не было, как и не было современных фото редакторов (фотошоп, GIMP, paint-net), в которых вы сами можете сделать подобную виньетку своими руками.

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

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

Часть 1 — Как сделать виньетку своими руками в GIMP

31_kak-sdelat-vinetky-svoimi-rykami

Шаг 1. Запускаем графический редактор gimp.

Шаг 2. Переходим в меню «Файл — Создать» и выставляем следующие параметры.

виньетка своими руками

Шаг 3. Далее на панели инструментов выбираем «Эллиптическое выделение»

02_kak-sdelat-vinetky-svoimi-rykami

и создаем круглое выделение, предварительно выставив следующие значения в настройках.

виньетка из фотографий своими руками

04_kak-sdelat-vinetky-svoimi-rykami

 

Шаг 4. Далее нажимаем на пиктограмму «Создать новый слой»

05_kak-sdelat-vinetky-svoimi-rykami

и в настройках выбираем «Прозрачный слой»

06_kak-sdelat-vinetky-svoimi-rykami

07_kak-sdelat-vinetky-svoimi-rykami

кликаем 2 раза мышкой по новому слою и переименовываем слой в «ФОТО-1».

08_kak-sdelat-vinetky-svoimi-rykami

Шаг 3. Теперь нам нужно закрасить круглое выделение белым цветом. Для этого сначала проверяем, что «Цвет переднего плана» — Черный, а фона белый. Об этом сигнализируют вот эти две пиктограммы на панели инструментов.

09_kak-sdelat-vinetky-svoimi-rykami

После идем в меню «Правка — Залить цветом фона»

10_kak-sdelat-vinetky-svoimi-rykami

Получиться вот так:

11_kak-sdelat-vinetky-svoimi-rykami

Шаг 4. Переходим в меню «Выделение — Уменьшить» и в настройках выставляем параметр — 30.

12_kak-sdelat-vinetky-svoimi-rykami 13_kak-sdelat-vinetky-svoimi-rykami

14_kak-sdelat-vinetky-svoimi-rykami

Далее изменяем цвет фона на серый.

15_kak-sdelat-vinetky-svoimi-rykami

и закрашиваем выделение серым цветом, как это мы сделали с белым цветом.

16_kak-sdelat-vinetky-svoimi-rykami

Отключаем выделение.

виньетка из фотографий

 

Шаг 5. Переходим в меню «Фильтры — Свет и Тень — Отбрасываемая тень» и применяем фильтр со стандартными настройками.

17_kak-sdelat-vinetky-svoimi-rykami

18_kak-sdelat-vinetky-svoimi-rykami

22_kak-sdelat-vinetky-svoimi-rykami

Шаг 6. Объединяем слой с тенью и кругом. Для этого выделяем верхний слой «Drop Shadow» и кликаем правой кнопкой мыши. Затем выбираем пункт «Объединить с предыдущим».

23_kak-sdelat-vinetky-svoimi-rykami

24_kak-sdelat-vinetky-svoimi-rykami

Шаг 7. Далее создаем несколько раз копию слоя с круглой рамкой.

25_kak-sdelat-vinetky-svoimi-rykami

Теперь логичнее переименовать наши новые слои. Я же этого делать не буду )

После этого с помощью инструмента «Перемещение»

26_kak-sdelat-vinetky-svoimi-rykami

разбрасываем круги по свободному пространству.

27_kak-sdelat-vinetky-svoimi-rykami

Шаг 8. С помощью инструмента «Масштаб» изменяем размер кругов.

28_kak-sdelat-vinetky-svoimi-rykami

29_kak-sdelat-vinetky-svoimi-rykami

Аналогично поступаем с другими слоями. В конечном итоге у меня получилось так.

как сделать виньетку из фотографий своими руками

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

Часть 2 — Как вставить фото в виньетку?

Шаг 9. Теперь непосредственно займемся добавлением фотографий в нашу вновь нарисованную виньетку с помощью GIMP.

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

как вставить фото в виньетку

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

В любом случае, теперь необходимо с помощью инструмента «Масштаб» изменить размер вставленной фотографии, примерно до размера нашего большого круга на слое «Фото-1».

02_kak-vstavit-foto-v-vinetku

Так же вы можете заменить, нам необходимо поместить слой с фотографией над слоем «Фото-1».

добавление фото на виньетку

Шаг 10. На панели инструментов выбираем «Выделение смежных областей» и вернувшись на слой «фото-1» кликаем по серой области. Тем самым мы создадим новое выделение.

выделение смежных областей

Шаг 11. Переключаемся на слой с фотографией и добавляем к слою маску из выделения. Для этого кликаем правой кнопкой мыши и из контекстного меню выбираем пункт «Добавить маску слоя»

В появившемся меню выбираем пункт «Выделение».

добавление маски слоя

виньетка из фото

Отключаем выделение через меню «Выделение -Снять».

Шаг 12. Аналогичным образом, добавляем в виньетку еще три фотографии.

07_kak-vstavit-foto-v-vinetku

Шаг 13. Теперь осталось загрузить фоновую картинку.

как вставить фото в виньетку

Шаг 14. Сохраняем виньетку через меню «Файл — Экспорт».

На этом урок завершен. Спасибо за внимание и до новых  друзья.

С уважением, Антон Лапшин.

Пожалуйста, оцените эту статью, нажав на звездочки ниже:


Очень плохоПлохоСреднеХорошоОтлично (25 оценок, среднее: 4,44 из 5)
Загрузка...

Кроме этого, можно нажать красивые социальные кнопочки ниже, чтобы поделиться информацией о блоге GimpArt.Org со своими друзьями в социальных сетях.

Тем самым вы мотивируете меня на создание новых уроков и поддерживаете мой проект в дальнейшем развитии. Спасибо Вам Большое!

Также рекомендую ознакомиться со следующей информацией, возможно, она вас заинтересует.

Видео курс азбука GIMP скачать


Один комментарий

  1. irina

    Здр! не могу найти инструмент масштаб,показывает только лупу

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку 'Отправить комментарий', вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности блога GimpArt.Org