Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

190 679 чел. 391 263 работы 4 042 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Создаем коллаж с абстрактными фигурами в Фотошоп

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

Скачать архив с материалами к уроку

Итоговый результат:

Шаг 1

Откройте исходное изображение с котом в программе Photoshop. Используя это красивое изображение, мы создадим абстрактные фигуры с помощью инструмента Перо (Pen Tool (P)) и стилей слоя.

Шаг 2

Для создания абстрактного эффекта понадобятся насыщенные цвета, поэтому давайте усилим цвет на изображении. Вначале продублируйте оригинальный слой с котом (Ctrl+J). Назовите дубликат слоя Окрашенное изображение (Colored), а затем дважды щёлкните по данному дубликату слоя, чтобы применить стили слоя.

В окне параметров наложения, выберите стиль слоя Наложение цвета (Color Overlay), установите красивый сиреневый цвет (#bb00ea), а также поменяйте режим наложения на Мягкий свет (Soft Light) и нажмите кнопку ‘ОК’, чтобы применить стиль слоя.

Шаг 3

Выберите инструмент Перо (Pen Tool (P)) и с помощью данного инструмента создайте контур, как показано на скриншоте ниже. Для предварительного просмотра контура кривой, нажмите значок с зубчатым колёсиком в панели настроек инструмента Перо, а затем в появившемся меню Показать (Rubber Band) поставьте галочку в окошке (вы можете увидеть данное окошко ниже панели настроек на скриншоте ниже).

Примечание переводчика: 1. При использовании опции Показать (Rubber Band), вы можете осуществить интерактивный предварительный просмотр Вашей следующей кривой, и сможете понять, куда она пойдёт, прежде чем её добавить 2. В более ранних версиях программы Photoshop такой опции нет, данная опция полезна для тех, кто только начинает изучать работу с пером.

Шаг 4

Как только вы создали контур, нажмите клавиши (Ctrl+Enter), чтобы преобразовать контур в активное выделение. Результат должен быть, как на скриншоте ниже:

Шаг 5

Щёлкните по слою Окрашенное изображение (Colored), чтобы убедиться, что он активный, а затем нажмите клавиши (Ctrl+J), чтобы создать новый слой из выделения, которое мы создали в Шаге 4. Вы заметите, что новый слой станет серым и будет выглядеть, как оригинальный слой, а не сиреневым. Это потому что мы продублировали только сам слой, а не стили слоя, которые применены к нему. Это очень хорошо, т.к. к дубликату слоя мы применим другие стили слоя, которые будут отличаться от стилей слоя, которые мы применили к слою Окрашенное изображение (Colored). Назовите полученный дубликат слоя Фигура 1 (Shape 1).

Примечание переводчика: если после создания дубликата слоя из выделенной области ваш новый слой будет сиреневого цвета, то просто удалите стили слоя, для этого, щёлкните правой кнопкой мыши по созданному дубликату слоя и в появившемся окне выберите опцию Очистить стили слоя (Clear Layer Style).

Шаг 6

Перед тем, как мы применим стили слоя к слою Фигура 1 (Shape 1), давайте сместим данный новый слой немного влево (переключитесь на кисть, для этого нажмите клавишу “B”, а затем нажмите и удерживайте клавишу “Ctrl” – вы увидите, что появится чёрная стрелка с маленьким крестиком, расположенным у основания стрелки. Щёлкните по фигуре + удерживая левую кнопку мыши, просто сместите фигуру в любою точку изображения – в данном случае, сместите немного влево).

Шаг 7

Теперь добавьте стили слоя к слою Фигура 1 (Shape 1). Дважды щёлкните по слою Фигура 1, чтобы появилось окно параметров наложения. Вначале примените стиль слоя Обводка (Stroke), установите цвет обводки белый, размер (Size) обводки 10 рх.

Примечание переводчика: настройки стилей слоя будут зависеть от ваших предпочтений, в своей работе я уменьшил размер обводки, а также уменьшил настройки для стиля слоя Тень.

Шаг 8

Далее, выберите стиль слоя Наложения цвета (Color Overlay), установите тёмно-синий цвет (#00169f), а также поменяйте режим наложения на Мягкий свет (Soft Light)

Шаг 9

Также добавьте стиль слоя Тень (Drop Shadow), установите значения для данного стиля слоя, которые указаны на скриншоте ниже. Нам нужно сделать так, как будто абстрактные фигуры накладываются на оригинальное изображение.

Шаг 10

Нажмите кнопку ‘ОК’, чтобы применить стили слоя. Ваша первая цветная фигура готова.

Шаг 11

Теперь, давайте создадим вторую фигуру. Ещё раз щёлкните по слою Основа (Base), самый нижний слой в палитре слоёв, чтобы он стал активным и с помощью инструмента Перо (Pen Tool) создайте фигуру, как показано на скриншоте ниже.

Примечание переводчика: слой Основа (Base) – это оригинальный слой с котом.

Шаг 12

Удерживая клавишу “Ctrl”+ нажмите “Enter”, чтобы преобразовать контур в активное выделение, а затем нажмите клавиши (Ctrl+J), чтобы создать новый слой из выделения. Назовите данный слой Фигура 2 (Shape 2), а затем сместите данную фигуру немного вниз (используйте ту же самую технику, которая описана в Шаге 6).

Шаг 13

Возможно, вы обратили внимание, что новую фигуру не видно. Это потому, что слой с фигурой 2 расположен ниже слоя Окрашенное изображение (Colored), а слои в палитре слоёв представлены сверху вниз (вначале мы видим самый верхний слой, потом второй слой, который расположен ниже и т.д. до самого нижнего слоя). Чтобы показать все наши слои, мы должны переместить слой Фигура 2 (Shape 2) наверх, расположив поверх остальных слоёв. Итак, просто зажмите левой кнопкой слой Фигура 2 в палитре слоёв, а затем переместите наверх и вы увидите, как появится наша новая фигура.

Шаг 14

Теперь, давайте добавим стили слоя к слою Фигура 2 (Shape 2). Дважды щёлкните по слою Фигура 2, чтобы появилось окно параметров наложения. Примените те же самые стили слоя, которые мы применяли к слою Фигура 1 (Shape 1) в Шагах 7, 8 и 9. Единственное, для стиля слоя Наложение цвета (Color Overlay), вместо светло-сиреневого цвета, примените тёмно-сиреневый цвет (#310035).

Шаг 15

Давайте создадим третью и заключительную фигуру. Ещё раз щёлкните по слою Основа (Base) в палитре слоёв, создайте ещё один контур (не забывайте, чтобы создать контур, вам нужно вначале выбрать инструмент Перо (Pen Tool (P))).
Как только вы создали контур, нажмите клавиши (Ctrl+Enter) для трансформации контура в активное выделение.

Шаг 16

Создайте новый слой из выделения, нажав клавиши (Ctrl+J). Назовите этот слой с фигурой Фигура 3 (Shape 3). Переместите данный слой наверх, расположив поверх всех остальных слоёв в палитре слоёв, а также сместите немного влево (или вправо), используя технику, которая описана в Шаге 6.

Шаг 17

Теперь, давайте добавим стили слоя к слою Фигура 3 (Shape3). Дважды щёлкните по слою Фигура 3, чтобы появилось окно параметров наложения. Примените те же самые стили слоя, которые мы применяли для первых двух слоёв (детальное описание приведено в Шагах 7, 8 и 9).

Единственное - для стиля слоя Наложение цвета (Color Overlay), вместо тёмно-сиреневого цвета, примените серо-коричневый цвет (#4c3d00).

И на этом всё! Надеюсь, что вам понравился этот урок. Удачи, не стесняйтесь выкладывать свои работы! До новых встреч!

Итоговый результат:

Работа переводчика:

Автор: Adrian Scheff

Комментарии 89

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Марат, спасибо за урок!

Что -то вроде этого. Спасибо)

Создаем коллаж с абстрактными фигурами в Фотошоп. Спасибо.

Вот такой еще котик) Спасибо за урок!

Спасибо за урок понравилось! Вот что получилось у меня.

Быстрый способ коллажа.Спасибо

Спасиюо, очень интересный урок...

Спасибо,увлекательно.

Спасибо, урок хорош!

Спасибо, простенько и симпатичненько.

Спасибо. нужно брать фото с большим разрешением

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules