5
(4)

Эффект растягивания пикселей довольно популярен в графическом дизайне. Он передает ощущение скорости при каком-либо движении. Создается этот эффект успешно в векторных программах. В сервисе Canva он тоже доступен.
В данной статье я объясняю, как создать эффект растягивания пикселей в нескольких вариантах в программе Photoshop.

Прямолинейное растяжение пикселей

Эффект растягивания пикселей: пошаговое объяснение
  1. Открыть изображение бегущей девушки в прорамме в формате PNG (модель).
  2. Сделать копию этого слоя.
  3. Стоя на слое-копия, взять инструмент выделения Прямоугольная область и выделить им небольшую область на изображении модели.
  4. Инструментом Трансформирование (Ctrl+T) растянуть выделенную область вправо и влево, затем, если нужно, то вверх и вниз. Нажать Enter или галочку.
  5. Таким образом выделяя и растягивая один участок за другим, закрыть этими полосками все изображение модели.
  6. Когда все полосы готовы, этот слой следует перетащить вниз под слой с моделью оригинальный.
  7. На слой с полосками из растянутых пикселей добавить маску слоя. При активной маске жесткой кистью, с непрозрачностью 100% убрать ту область полос, которая находится перед моделью (по направлению ее движения).
  8. Активировать изображение с полосками (кликнуть по миниатюре слоя), открыть вкладку Редактирование, выбрать ТрансформированиеДеформация и растянуть пиксельные полосы за крайние правые управляющие точки вверх и вниз.
  9. Для фона можно взять изображение пейзажа или залить фон градиентом.
  10. Встав на слой с моделью, вызвать Стиль слоя двойным кликом ЛКМ и выбрать Тень.
  11. Чтобы тень выглядела естественней, можно кликнув на названии эффекта Тень на панели слоев, выбрать Образовать слой. Тень при этом будет находиться на отдельном слое.
    Это позволит управлять ей вне зависимости от изображения модели: разместить в нужном направлении, выбрать размер, размыть через Фильтр — Размытие — Размытие по Гауссу, понизить непрозрачность.

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

Круговое растяжение пикселей

Эффект растягивания пикселей: пошаговое объяснение
  1. Растянуть пиксели так же, как в первом варианте (смотрите видео запись ниже).
  2. Открыв вкладку Фильтр, выбрать Искажение — Полярные координаты. Нажать ОК. При этом прямолинейные пиксельные полосы превращаются в круг.
  3. Разместить модель на этом круге так, как считаете нужным, инструментами Трансформация и Перемещение.
  4. Встав на слой с пиксельным кругом, добавить маску слоя и кистью жесткой с непрозрачностью 100% убрать область пиксельного круга, находящуюся впереди модели.
  5. Фон залить градиентом. Как настроить градиент, смотрите видео запись.
  6. Настроить тень для модели так же, как в первом варианте.
  7. Добавить новый слой для создания тени под всей этой композицией.
  8. Для тени взять инструмент Эллипс черного цвета. Растянуть его по горизонтали.
  9. Зайти во вкладку Фильтр, выбрать Размытие — Размытие по Гауссу.
  10. Снизить непрозрачность тени.

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

Эффект растягивания пикселей: пошаговое объяснение

Подписывайтесь на наши социальные сети:

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 4

Оценок пока нет. Поставьте оценку первым.