Создаём эффект разорванной фотографии в редакторе GIMP

В этом уроке мы научимся создавать эффект разорванной фотографии в бесплатном графическом редакторе GIMP. Вам наверняка не раз встречались в Интернете такие фото, разорванные на части. И возможно вы задавались вопросом, как это сделано?

Да, это не просто. Однако, если вы будете внимательны и не пропустите ни одного шага во время выполнения урока, то в конце у вас получится примерно такая порванная фотография.

Пример работы:

Эффект разорванной фотографии редакторе GIMP

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

1. Предварительная подготовка – добавляем белую рамку

Шаг 1

Добавьте к изображению белую рамку через меню Фильтры – Декорация – Добавить рамку. В настройках задайте параметры как на скриншоте. Нажмите ОК.

Фильтр - Добавить рамку

Шаг 2

Во вкладке Слои сделайте правый клик на слое Border Layer и выберите Объединить с предыдущим.

Свести слой рамки с предыдущим изображением

2. Работа со слоями — создание фона

Шаг 1

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

Пиктограмма - Добавить новый слой

Шаг 2

В окне параметров нового слоя выберите Прозрачный слой.

Создать новый Прозрачный слой

Шаг 3

В панели инструментов кликните по пиктограмме Цвета переднего плана и фона. В палитре задайте голубой цвет переднего плана, введя в строку HTML-разметка код: 66b3ff.

Голубой цвет заливки переднего плана

Шаг 4

Затем выберите инструмент Плоская заливка и залейте всю поверхность изображения голубым цветом переднего плана.

Шаг 5

Во вкладке Слои опустите слой с заливкой на уровень ниже, захватив его курсором и потянув вниз. Или нажмите внизу панели со слоями на маленькую стрелку.

Опустить активный слой на уровень ниже

Шаг 6

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

Активировать верхний слой с изображением

3. Подготовка фотографии — масштабирование

Шаг 1

Возьмите инструмент Масштаб и кликните курсором на фотографии. На изображении появится сетка и откроется окно настроек масштабирования.

Шаг 2

Первым делом переключите единицы измерения на проценты. Затем введите в строке Ширина – 80, в строке Высота – 80. Нажмите Изменить.

Масштабирование слоя в процентах

Шаг 3

Возьмите инструмент Перемещение и выставьте уменьшенное изображение по центру на глаз.

Изображение в центре фона

Шаг 4 – не пропустите!

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

Слой к размеру изображения

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

4. Эффект разорванной фотографии в действии

Шаг 1

Возьмите инструмент Свободное выделение (Лассо). И зажав левую клавишу мыши проведите свободную линию по центру снимка сверху вниз. Выйдя за границу белой рамки, отпустите клавишу, перенесите курсор влево и сделайте клик. Поднимите курсор вверх, сделайте ещё один клик. Наконец, наведите курсор на начальную точку выделения и замкните контур.

Свободное выделение по середине снимка

Шаг 2

Выберите в меню Выделение – Исказить. Оставьте настройки параметров искажения по умолчанию и нажмите ОК.

Команда - Исказить выделение

Шаг 3

Проделайте с выделенной частью два действия через меню Правка – Вырезать (Ctrl+X), а затем Правка – Вставить (Ctrl+V).

Шаг 4

Отведите выделенный обрывок фото влево (курсор автоматически примет функцию перемещения). Сделайте разрыв между частями побольше.

Перемещение вставленного объекта

Шаг 5

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

Прикрепление плавающего слоя пиктограммой Якорь

Повторите шаги с 1-го по 5-ый для остальных частей изображения, сохраняя последовательность действий:

  1. Выделить;
  2. Исказить;
  3. Вырезать – Вставить;
  4. Отвести в сторону;
  5. Прикрепить плавающий слой.

Девушку в чёрной блузке можно не трогать.

После всех вышеописанных шагов ваша фотография должна выглядеть примерно так.

Разорванная фотография на четыре части

5. Добавим реалистичности рваным кромкам

Шаг 1

Создайте новый Прозрачный слой и переместите его под слой с разорванной фотографией. Проверьте активность прозрачного слоя.

Новый прозрачный слой для белой кисти

Шаг 2

Возьмите Кисть и в настройках инструмента задайте следующие параметры:

  • Цвет – белый;
  • Кисть — Hardness 100;
  • Размер – 50,00;
  • Галочка в чекбоксе Разброс.

Параметры инструмента Кисть

Шаг 3

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

Эффект расслоения на разорванной фотографии

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

Шаг 4

Кликните правой клавишей мыши на активном прозрачном слое со следами белой кисти. В выпадающем списке выберите Альфа-канал в выделение.

Альфа-канал выделение

Шаг 5

Создайте ещё один Прозрачный слой. Проверьте, чтобы он оставался активным.

Шаг 6

Возьмите инструмент Плоская заливка, измените цвет переднего плана на dedede и залейте выделение этим серым цветом.

Заливка выделения серым цветом

Шаг 7

Примените к слою с заливкой следующие параметры:

  • Режим – Растворение;
  • Непрозрачность – 50,0.

Режим слоя - Растворение, непрозрачность - пятьдесят

Шаг 8

Снимите выделение через меню Выделение – Снять выделение.

Шаг 9

Кликните правой клавишей мыши по верхнему слою с изображением девушек и выберите Объединить с предыдущим.

Объединить слой с предыдущим

Шаг 10

Повторите ещё раз объединение с предыдущем слоем. В итоге у вас останется Слой #1 с разорванной фотографией и голубой фон.

Слой с разорванной фотографией и голубой фон

6. Выделяем оторванные части в отдельные слои

Шаг 1

Возьмите инструмент Свободное выделение (Лассо) и обведите один из обрывков.

Свободное выделение обрывка фотографии

Шаг 2

Выберите в меню Правка – Вырезать (Ctrl+X), а затем Правка – Вставить (Ctrl+V).

Шаг 3

Во вкладке Слои образуется Плавающее выделение. Сделайте по нему правый клик и выберите В новый слой.

Плавающее выделение в новый слой

Шаг 4

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

Инструмент вращение меняет уголо поворота оторванной части фото

Шаг 5

Вернитесь на основной Слой #1, сделав по нему клик мышью.

Повторите шаги с 1-го по 5-ый для каждой оторванной части:

  1. Обвести;
  2. Вырезать – Вставить;
  3. Создать новый слой из плавающего выделения;
  4. Повернуть слой;
  5. Вернуться на основной Слой #1.

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

Шаг 5

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

Совмещённые обрывки фотографии

Шаг 6 — не пропустите!

После всего этого, снова вернитесь на Слой #1.

7. Добавим объём оторванным частям

Шаг 1

Зайдите в меню Фильтры – Свет и тень – Отбрасываемая тень. В окне настроек фильтра задайте параметры как на скриншоте, нажмите ОК.

Параметры тени для разорванной фотографии

Шаг 2

В стопке слоёв перейдите на слой выше и повторите применение фильтра через меню Фильтры – Повторить «Отбрасываемая тень».

Добавьте тень для каждого слоя. Так, чтобы под каждым появился дополнительный слой Drop Shadow, повторяющий форму обрывка над ним.

Шаг 3

Наконец, активируйте нижний слой с голубым фоном. В итоге стопка слоёв будет выглядеть так.

Стопка слоёв после фильтра Отбрасываемая иень

8. Заливаем фон текстурой

Шаг 1

Выберите инструмент Плоская заливка. В параметрах задайте:

  • Тип заливки – Текстурой;
  • Текстура – Pine?;
  • Область заливки – Всё выделение.

Выбор текстуры для заливки

Шаг 2

Сделайте заливку фона выбранной текстурой. Наведите курсор на изображение и щёлкните левой клавишей мыши.

Шаг 3

Сделайте сведение всех слоёв через меню Изображение – Свести изображение.

Сведение всех слоёв в одно изображение

На этом шаге, урок по созданию эффекта разорванной фотографии, закончен.

Готовое изображение:

Готовое изображение с эффектом разорванной фотографии

Обсуждение: 2 комментария
  1. Vivendum:

    Мой результат

    1
    1. Админ "Уроки GIMP":

      Отличный результат! Особенно хорошо разделили изображение на смысловые фрагменты.

      Вот ещё вариант разорванной на равные части фотографии из наших архивов.

      1

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

Войти с помощью: 
Таллиннское шоссе, дом 2020304Эстония, Нарва+37253010126
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Укажите свой уровень освоения GIMP
Войти с помощью: 
Генерация пароля
Привет, любитель графического редактора GIMP!
ТЫ УЖЕ С НАМИ?
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Укажите свой уровень освоения GIMP
Войти с помощью: 
Генерация пароля
ДОБРО ПОЖАЛОВАТЬ В НАШУ КОМАНДУ!
Спасибо, присоединюсь позже!
Друг, не уходи!
Рекомендуем! Наша подборка полезных ресурсов для GIMP.
ЗДРАВСТВУЙТЕ, ВАМ ЧТО-ТО ПОДСКАЗАТЬ?
Если возникнут вопросы по выполнению уроков, смело обращайтесь. Мы с удовольствием вам поможем!

Мы также будем рады любому вашему отклику в комментариях!