Дополнения

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

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

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

174 740 чел. 374 802 работы 3 947 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Абстрактный фон в Фотошоп

Из этого урока Вы узнаете, как использовать инструмент Эллипс, Кисти и Градиенты, чтобы создать абстрактный фон. Вы можете использовать эти методы и элементы, чтобы создать Ваш собственный
абстрактный фон для Pc или смартфона! Давайте начнем!

Начнем работу с создания нового документа (Ctrl+N) в Adobe Photoshop, размером 1920px*1200px (RGB цветовой режим) при разрешении 72 пикс. Используйте инструмент Заливка (Paint Bucket Tool) (G),  чтобы заполнить цветом #242678 новый фоновый слой.

Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush).

Используйте эту кисть, чтобы немного затемнить документ на его верхней правой стороне и на левой нижней. Цвет Кисти (Brush) черный #000000 (Непрозрачность (Opacity) кисти 15% ).

Далее мы постараемся начертить несколько небольших кругов. Используйте инструмент Эллипс (Ellipse Tool) (U) цветом #FF6C00, чтобы нарисовать следующий эллипс.

Установите Заливку (Fill) на 13% для этого слоя и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Тень (Drop Shadow):

Мы получили следующий результат.

Далее мы сделаем несколько копий последнего сделанного круга (Ctrl + J). Выберите команду Свободное трансформирование (Free Transform) (Ctrl+T), чтобы уменьшить каждую копию по очереди и разместить их как на картинке ниже.

Создадим новый слой (Ctrl + Shift + N) и выберем мягкую круглую Кисть (Brush Tool) (B).

Используйте эту кисть для раскраски кругов, расположенных с левой стороны. Цвет Кисти (Brush) #FEAC00 и Непрозрачность (Opacity) - 40%.

Установите Режим смешивания (Blend Mode) для этого слоя на Перекрытие (Overlay).

Используя тот же Эллипс (Ellipse Tool) (U), мы нарисуем еще несколько кругов на разных слоях. Их цвет - #FFCDCD. Установите Заливку (Fill) на 10% для этих слоев.

Объединим в группу все слои, содержащие розовые круги (зажмите CTRL выберите необходимые слои, затем удерживайте левую кнопку мыши во время перетаскивания выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев).

Установите Заливку (Fill) на 0% для группы и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor). Установите цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Добавим Маску слоя (Layer mask) для группы, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев. Затем выберите мягкую круглую Кисть (Brush) черного цвета #000000.

Рисуем на маске с помощью этой кисти, чтобы скрыть левый край кружков, как показано на картинке ниже.

С помощью Эллипса (Ellipse Tool) (U) мы будем продолжать рисовать круги, так же, как мы делали ранее. Цвет  - #FFCDCD. Установите Заливку (Fill) на  0% для этих слоев. Каждый круг, должен быть на отдельном слое.

Давайте соберем все созданные круги в группу. Установите Заливку (Fill) на 0% для группы  и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Сделаqnt копию группы, которая у нас есть и выберите команду Свободное трансформирование (Free Transform) (Ctrl+T), чтобы уменьшить каждый экземпляр. Разместите их как на картинке ниже. Установите Заливка (Fill) 0% для группы  и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Создадим еще одну группу кругов, как мы делали это выше.  Используя все тот же Эллипс (Ellipse Tool) (U), цвет кругов как в предыдущей группе.

Установите Заливка (Fill) на 0% для группы, и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Далее мы создадим последнюю группу кругов, используя Эллипс (Ellipse Tool) (U) и цвет  #FFCDCD.  Каждый круг должен быть на отдельном слое. Установите Заливку (Fill) на 10% для этой группы.

Объединим в группу все слои, содержащие круги (зажмите CTRL выберите необходимые слои, затем удерживайте левую кнопку мыши во время перетаскивания выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев). Установите Заливка (Fill) 0% для группы, и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).

Мы получили следующий результат.

Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush Tool) (B).

Используйте эту кисть для рисования фона, в правом нижнем углу документа. Цвет Кисти (Brush) #99FF00 и Непрозрачность (Opacity) - 15%.

Установите Режим смешивания (Blend Mode) для этого слоя на Перекрытие (Overlay).

Убедитесь, что слой, содержащий кисть активен в панели слоев и выберите для слоя следующую команду Изображение-> Внешний канал (Image-> Apply Image).

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

Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush) белого цвета #ffffff Непрозрачность (Opacity) - 40%.

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

Установите Заливка (Fill) 57% и измените Режим смешивания (Blend Mode) на Перекрытие (Overlay).

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберите Кривые (Curves) для регулировки формы кривой, как показано, чтобы сделать некоторые корректировки цвета.

Мы получили следующий результат.

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберите Вибрация (Vibrance) для улучшения общего цвета изображения.

Мы получили следующий результат.

Теперь мы должны объединить в группу все наши слои (зажмите CTRL выберите необходимые группы, затем удерживайте левую кнопку мыши при перетаскивании выбранных групп на иконку Создать новую группу (Create a new group) в нижней части панели слоев).

Выберите группу, в панели слоев и нажмите Ctrl+E чтобы Объединить слои (Merge Down). На растрированный слой который у нас получился, мы должны применить следующий фильтр: Фильтр-> Резкость-> Контурная резкость (Filter-> Sharpen-> UnSharp Mask).

Мы получили следующий результат.

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

Автор: Adobetutorialz

Переводчик: Артеменко Любовь

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

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

У меня с кругами фигурой вообще ни фига не получалось, ставил простые отпечатки кистью.

Спасибо переводчику за урок!

Не все получилось выполнить точно по уроку, но вышло вот как вышло. Спасибо огромное, Было интересно .

Спасибо!!! Долго, но классно

Любовь, спасибо за перевод! Очень интересный урок.
Только как можно к группе применить стиль слоя!? Это новые возможности CS6?
У меня CS5 и я объединила группу, а затем добавила градиент.

Получилось не все

Спасибо большое! Урок очень понравился)

Спасибо за солнечный урок.

Спасибо за урок. Хотя заливка слоёв 0% меня смущает. Результат получался явно не тот, что показан на скриншотах. А вот при 10% шло веселее.

Интересно.. Спасибо за перевод!

Спасибо за урок!

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

Уфф!! сделал.благодарю!.Хотя некоторые пояснения были не понятны

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

Авторизация

Забыли?

Регистрация

GIF{{work.bite}} МбЗагрузить
18+
Работа имеет содержимое для 18+ лет
Пожаловаться Удалить

Оставить комментарий

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

Жалоба

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

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