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

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. Сохраняем виньетку через меню «Файл — Экспорт».

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

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

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


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

P.S. Хотите получать АНОНСЫ НОВЫХ УРОКОВ к себе НА E-MAIL? Тогда подписывайтесь на обновления блога. Буду рад видеть вас среди своих читателей.


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

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

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

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

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

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