Создаём бегущую ленту диафильма из любимых фотографий

Из этого интересного урока вы узнаете, как создать имитацию фотоплёнки в GIMP. В итоге, получившееся изображение с эффектно изогнутой лентой диафильма можно будет использовать: как заставку слайд-шоу, как подложку меню DVD диска или, как обои рабочего стола компьютера.

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

В то же время, если по ходу выполнения задания у вас возникнут вопросы, вы можете смело задавать их в комментариях. Мы с удовольствием вам поможем!

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

Имитация фотопленки, диафильм в GIMP

Подготовительные работы

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

Шаг 1

Создайте на компьютере папку с именем «Диафильм» и соберите в неё 5 изображений, которые желаете использовать в проекте.

Шаг 2

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

Открываем изображения как слои

Шаг 3

Этот (и следующий) шаг важен, если загруженные вами фото имеют разные размеры.

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

Проделайте ряд следующих действий:

  1. Зайдите в меню Изображение и выберите пункт Холст по размеру слоёв. В рабочей области редактора отобразятся изображения в их оригинальных размерах.
  2. Во вкладке Слои определите, у какого изображения самая малая ширина, делая поочерёдно на каждом слое правый клик мыши и выбирая пункт Размер слоя.
  3. Скопируйте ширину самого малого слоя и задайте её всем остальным слоям. [Высота слоя в каждом случае будет задаваться автоматически. Об этом можно не волноваться.]

Изменяем размер каждого слоя диафильма

Шаг 4

Выполните команду Автокадрировать изображение во вкладке меню Изображение.

Шаг 5

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

Порядок кадров для фотоплёнки

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

Создаём эффект диапозитивной фотоплёнки

На данном этапе мы создадим настоящую ленту диапозитивной фотоплёнки с перфорацией и нумерацией кадров, расположив на ней наши картинки. Воспользуемся специальным фильтром GIMP, предназначенным для этой цели.

Шаг 1

Выберите в меню Фильтры – Объединение – Фотоплёнка. Откроется диалог настройки параметров фильтра.

Шаг 2

В диалоговом окне фильтра задайте следующие значения:

  • Высота – 230 px;
  • Нумерация – от 24 кадра (если желаете).

Нажмите ОК.

Параметры фильтра Фотопленка

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

Располагаем отрезок фотоленты на холсте и дорабатываем его

Шаг 1

Создайте новый прозрачный слой размером 2880×1800 px.

Создаем прозрачный слой-основу

Шаг 2

Выберите в меню Изображение – Холст по размеру слоёв.

Шаг 3

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

Позиционирование фотопленки на основе

Шаг 4

В диалоговом окне Слои сделайте правый клик на слое с изображением фотоплёнки и выберите Добавить альфа-канал.

Добавляем альфа-канал

Шаг 5

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

Шаг 6

а) Возьмите и настройте инструмент Ластик следующим образом:

  • Кисть – Pixel;
  • Размер – 50 px.

Инструмент Ластик и его параметры

б) Сотрите белый цвет в отверстиях перфорации плёнки. Для ускорения операции проделайте следующее:

  1. сделайте клик квадратной кистью ластика на первом отверстии слева;
  2. зажмите клавишу Shift и установите кисть над последним отверстием справа;
  3. сделайте клик и все отверстия верхнего ряда станут прозрачными;
  4. проделайте то же самое с нижним рядом перфорационных отверстий.

Удаляем белый цвет в перфорации

в) Выберите в меню Выделение – Снять выделение (Ctrl+Schift+A).

Шаг 7 – обязательный!

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

Шаг 8

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

а) Инструментом Прямоугольное выделение обведите первый кадр фотоплёнки слева, как показано на скриншоте.

Выделяем первый кадр на диафильме

б) Возьмите инструмент Масштаб (Shift+T) и сделайте клик внутри выделения.

Откроется диалоговое окно инструмента с параметрами ширины и длины. Потяните за левый край масштабной сетки, увеличив ширину ровно в 2 раза. В нашем случае начальный размер ширины был 250 px, в итоге стал 500 px.

Растягиваем начало ленты

Нажмите Изменить.

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

Якорь - прикрепить плавающий слой

Добавляем зеркальное отражение фотоплёнки

Шаг 1

Инструментом Прямоугольное выделение обведите всю ленту диафильма.

Обводим выделением всю фотоленту

Шаг 2

В меню Правка выберите сначала команду Копировать, а затем Вставить.

Шаг 3

а) Возьмите инструмент Зеркало и переключите его на Вертикальный тип отображения.

Зеркало - Вертикальное

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

Шаг 4

Инструментом  Перемещение перетащите верхний отзеркаленный слой вниз, оставив минимальный зазор между фотоплёнками.

Зеркальное отражение фотоленты

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

Сведите непрозрачность зеркального плавающего слоя до 40 px.

Уменьшаем непрозрачность зеркального слоя

Шаг 6

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

Лента пленки с погашенным отражением

На этом этапе мы подготовили наш диафильм к главному эффекту.

Эффектно изгибаем готовую ленту диафильма

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

Шаг 1

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

Выделение двух отрезков диафильма

Шаг 2

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

Шаг 3 – изгибаем верхнюю границу

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

Изгиб верхней границы фотоленты

Шаг 4 – изгибаем нижнюю границу

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

Изгибаем нижний край диапозитивной пленки

Добившись необходимого результата в миниатюре предпросмотра, нажмите ОК.

Шаг 5

В стопке слоёв сделайте правый клик на плавающем слое и выберите пункт В новый слой. [Или нажмите на пиктограмму листа бумаги с загнутым уголком внизу диалогового окна Слои.]

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

Шаг 6

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

Добавляем фон и доводим зеркальное отражение до реалистичности

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

Шаг 1

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

Шаг 2

Возьмите и настройте инструмент Градиент, как показано на скриншоте ниже:

  • Цвет переднего плана – Белый;
  • Цвет фона – Чёрный;
  • Направление градиента – Основной в фоновый;
  • Форма – Линейная.

Настройки градиента для фона диафильма

Шаг 3

Проведите инструментом прямую линию снизу-вверх, как показано на скриншоте, сделав градиентную заливку фона.

Градиентная заливка фона

Шаг 4

Вернитесь на слой с диафильмом, и кликнув по нему правой клавишей мыши, выберите Добавить маску слоя. Задайте маске Белый цвет (полная непрозрачность).

Белая маска слоя

Шаг 5

Инструментом Градиент проведите диагональную линию сверху-вниз на зеркальном отражении, как показано на скриншоте. Для достижения подходящего результата, повторите действие несколько раз: с разным углом наклона и разной длиной протяжки линии.

Доводим зеркальное отражение до реалистичности

Шаг 6

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

Объединяем слой с маской и фон

Шаг 7

В завершение, удалите направляющие через меню Изображение – Направляющие – Удалить направляющие.

Оцените готовый результат:

Готовая лента диафильма в ГИМП

На этом урок по созданию ленты диафильма в GIMP закончен.

P. S. А что у вас получилось? Покажите ваш диафильм в комментариях.

Обсуждение: 5 комментариев
  1. Дмитрий:

    Спасибо за урок, все получилось с первого раза. Очень красиво.

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

      Отлично, Дмитрий! Вы молодец!

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

    Вот ещё один вариант выполнения урока по созданию эффекта диапозитивной фотопленки в GIMP.

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

    2
  3. Fotomontaje:

    урок отличный 8) эффект понравился повторил мой вариант

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

      Рады, что вам понравился наш урок!

      Вы молодец! Хорошо постарались. 8)

      0

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

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

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