Абстрактные линии — уроки фотошоп

Рисуем абстрактные линии — II

В этом простом уроке вы узнаете, как создать абстрактные линии, используя инструменты Photoshop.

Видеоурок

Создаем новый документ любого размера с черным фоном.

Добавляем новый слой (Shift+Ctrl+N).

Активируем Brush Tool(Кисть) (В), устанавливаем size (размер) на 3 пикселя, hardness (жесткость) на 100% и выбираем желтый цвет (или любой другой). Зажимаем клавишу Shift и проводим вертикальную линию.

К слою с линией добавляем векторную маску.

Активируем маску, кликнув по ней левой кнопкой мышки. Берем мягкий ластик(Е), устанавливаем flow (нажим) на 45%, opacity (непрозрачность) примерно на 70%.

Регулируя размер кисти, слегка стираем верхнюю часть линии.

Теперь активируем свободную трансформацию (Ctrl+T) и немного меняем угол наклона линии.

Дублируем (Ctrl+J) линию три раза, чтобы увеличить ее непрозрачность. С зажатой клавишей Ctrl выделяем все три копии слоя и кликаем правой кнопкой мышки, в появившемся контекстном меню выбираем Merge Layers (Объединить слои).

Теперь применим фильтр. Переходим Filter — Distort — Twirl (Фильтр — Искажение — Скручивание).

Немного поворачиваем линию (Ctrl+T), если необходимо. И у нас получилась вот такая кривая:

Снова активируем ластик(Е) с теми же параметрами и приводим в порядок узкий конец кривой.

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

Немного приближаем рабочее полотно (Ctrl++) для удобства. Активируем трансформацию (Ctrl+T), кликаем правой кнопкой мышки по белой точке и выбираем Distort (Искажение).

Растягиваем ее, как показано ниже, и жмем Enter, чтобы принять изменения.

Снова активируем трансформацию (Ctrl+T), правой кнопкой мыши по белой точке и выбираем Warp (Деформация). Подгоняем ее под форму кривой и жмем Enter.

Получаем вот такой результат:

Меняем режим смешивания белой точки на Overlay (Перекрытие).

Дублируем ее (Ctrl+J), меняем режим смешивания копии на Normal (Нормальный) и уменьшаем opacity (непрозрачность) примерно до 65%.

Затем объединяем все три слоя с линией в один.

Дублируем (Ctrl+J) получившийся слой и поворачиваем его (Ctrl+T).

Теперь изменим цвет копии. Активируем Hue/Saturation (Цветовой тон/Насыщенность) и настраиваем параметр Hue (Цветовой тон).

Снова дублируем (Ctrl+J) линию, меняем ее цвет (Ctrl+U), положение, наклон и немного уменьшаем (Ctrl+T).

Продолжаем выполнять эти действия.

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

Дублируем группу и объединяем ее в один слой. Перемещаем копию линий чуть выше оригинала.

Активируем Hue/Saturation (Цветовой тон/Насыщенность) и меняем цвет новых линий.

Продолжаем добавлять больше линий.

Еще варианты:

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

Надеюсь вам понравился этот урок. Продолжайте практиковаться и совершенствовать свои навыки. Успехов!

Туториалы для создания абстрактных фонов

1 июля 2011 | Опубликовано в Веб-дизайн | 5 Комментариев »

Привлекательный и необычный фон, придает глубины вашей графике, баннеру или рекламе. А значит, фон имеет не малое значение в проекте в целом.

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

Фон может помочь вам связать все воедино, не зависимо от того простого или сложного сочетания с ним форм.

В этой подборке мы собрали 35 туториалов (английский) которые помогут вам создать абстрактный фон на любой вкус и цвет. Все туториалы пошагово проиллюстрированы, что значительно облегчит вам их изучение.

Создайте абстрактные круги туманности

Тут дизайнер пошагово расскажет вам как создавать этот абстрактный дизайн. Для него вам понадобится кое-какие знания.

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

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

Абстрактный калейдоскопический постер – Фотошоп CS5

Этот туториал позволит вам создать привлекательный постер, при помощи сочетания основных цветов, форм и кистей в Фотошопе CS5. Включен PSD файл со слоями.

Абстрактный звездный фон – Фотошоп CS5

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

Создайте новое ретро

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

Нарисуйте абстрактную лампочку

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

Абстрактный световой эффект

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

Создайте абстрактную открытку к Дню Святого Валентина

В туториале вы научитесь создавать яркую открытку, при помощи форм, слоев и градиентов в Фотошопе CS5.

Создайте туманное кольцо вокруг планеты при помощи фильтра

В туториале, используя облако и инструменты Фотошопа, вы научитесь создавать галактическое кольцо вокруг планет.

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

Хотите научиться этому простому уроку и создавать такой привлекательный он? Тогда следуйте шагам, описанным в туториале.

Создайте детализированное космическое пространство с метеоритом в Фотошопе

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

Создайте волнистые ежевичные обои

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

Абстрактный волнистый фон

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

Калькуляция и колоризация

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

Создайте иллюстрацию с красочными шарами в Aотошопе CS5

Этот туториал расскажет вам как сформировать абстрактные формы используя простые инструменты Фотошопа.

Абстрактные Аэровспышки

Тут расскажут как создать привлекательные абстрактные вспышки с световыми эффектами.

Windows Vista Aurora Эффект

Туториал обучающий созданию фона в стиле Vista.

Люминесцентные линии

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

Абстрактный фон с разноцветными линиями

Простой и понятный туториал по созданию абстрактного фона, обоев, открытки или дизайна.

Цветной абстрактный фон

Дизайнер расскажет как создать абстрактный он используя пузырьки и волны.

Ошеломительные цифровой эффект дыма

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

Как создавать абстрактные полосы света

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

Простой абстрактный туториал

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

Интенсивная солнечная вспышка  (Фильтр) эффект

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

Абстрактный художественный фон

Туториал расскажет как создать абстрактную форму. которую в дальнейшем можно использовать в любой вашей работе.

Как создать абстрактный радужный фон

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

Шестиугольный эффект боке в Фотошопе

Научитесь создавать цифровой боке эффект в форме шестиугольника. Кисти, паттерны и базовые фильтры, помогут вам в создании такого она.

Создайте дым

Научитесь создавать красивый эффект дыма используя Фотошоп и помощь этого туториала.

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

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

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

Научитесь создавать абстрактные волосоподобные линии для декорации своего дизайна. Очень простой туториал, обучает использованию pen tool и динамических кистей.

Создайте простые, элегантные абстрактные спектральные линии

Изучите шаги, как создать простые абстрактные спектральные линии.

Трендовый фон

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

Цифровой звездный эффект

В этом туториале вы научитесь создавать эффект мерцающих звезд.

Красочные вихри

Изучите как создавать красочные вихри при помощи Фотошопа.

Создайте футуристические абстрактные обои

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

Подборка собрана из различных источников

Рисуем абстрактные линии в Фотошоп

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

Вот так выглядит финальный результат:

Шаг 1. Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool  (Перо). Создаем линию, как на скриншоте ниже:

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

Жмем B, чтобы активировать Brush Tool  (Кисть), выбираем кисть размером 1 px:

В окне Color Picker (Выбор цвета) выбираем необходимый цвет:

Снова активируем Pen Tool  (Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path (Обводка контура):

Выбираем Brush  (Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure (Симулировать нажим) активна, и жмем OK:

И получаем такую красивую кривую:

Шаг 2. Используя описанный выше процесс, создаем еще три линии. Убедитесь что: — каждая линия находится на отдельном слое; — для первой линии размер кисти 2 px, второй – 3 px, третьей – 4 px;

— уменьшаем непрозрачность слоев до 80%, 60% и 40%.

Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):

Шаг 3. Создаем группу “Линии” Layer – New – Group (Слой – Новый – Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:

Продолжаем дублировать слой, чтобы создать больше линий:

Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).

Выбираем любой понравившийся цвет:

Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform (Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:

Также корректируем размер линий:

Шаг 4. Теперь добавим несколько серых линий. Для этого переходим Image – Adjustments – Desaturate (Изображение – Коррекция – Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:

Смешиванием серые линии вместе с остальными:

И получаем следующий результат:

Шаг 5. Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:

Добавим вокруг линий абстрактных точек, чтобы разнообразить работу. Для этого настраиваем кисть, как показано ниже (жмем F5, чтобы вызвать окно параметров кисти):

Активируем опции Airbrush (Аэрограф), Smoothing (Сглаживание) и Protect Texture (Защита текстуры).
Теперь этой кистью на новом слое рисуем точки вокруг абстрактных линий:

Также можете добавить маленькие тоненькие линии, чтобы работа смотрелась интереснее (используем жесткую кисть размером 1 px и делаем легкие короткие штрихи):

После этого, применяем к слою с точками фильтр Filter – Sharpen – Sharpen (Фильтр – Резкость – Резкость) (благодаря этому точки стали ярче):

Можете отрегулировать цветовой баланс или использовать другие цвета для создания линий.
Вот другая версия:

Это все!

Абстрактная фотоманипуляция в фотошопе

Приветствую Вас, дорогие мои читатели!

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

Итак, вот, что у нас получится в конце данного урока:

Конечный результат:

Для выполнения данного урока нам понадобятся следующие материалы:

• Модель;
• Кисти «Потертости (Грязь)».

Шаг 1

Создайте новый документ размером 880px * 1200px, цвет фона оставьте белым. Затем создайте новый слой и назовите его «Текстура», загрузите набор кистей с потертостями.

Уменьшите Непрозрачность кисти примерно до 40% и на недавно созданном слое нарисуйте подобную текстуру:

При создании текстуры изменяйте кисти, их размер – экспериментируйте!

Закончив создавать текстуру, дублируйте данный слой и перейдите в режим Свободной трансформации>Перспектива:

Уменьшите Непрозрачность данного слоя, примерно, до 50%. У Вас должен получиться следующий результат:

Шаг 2

Откройте фотографию модели в фотошопе, вырежьте девушку удобным для Вас способом и вставьте ее на наш холст и назовите данный слой «Модель».

Добавьте два корректирующих слоя к слою «Модель». Первый, это слой Уровни, убедитесь, что данный слой используется как Обтравочная маска. Установите следующие параметры:

К слою Уровни примените Маску слоя следующего вида:

Второй корректирующий слой, который нам необходимо добавить – это Кривые

К слою Кривые также примените Маску. Убедитесь, что данный слой накладывается на предыдущий как Обтравочная маска.

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

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

Вы могли заметить, что волосы также нуждаются в увеличении яркости, поэтому создайте новый слой и примените к нему Обтравочную маску. Затем возьмите маленькую белую кисточку с жесткостью 60%-70% и прорисуйте на волосах несколько белых линий.

Измените режим наложения данного слоя на Перекрытие и уменьшите его Непрозрачность до 80%. Вот, что у Вас должно получится:

Вот общий эффект:

Шаг 3

Создайте новый слой и назовите его «Кривая линия». Возьмите инструмент Перо и нарисуйте контур как на изображении ниже:

Выберите инструмент Кисть и установите в качестве отпечатка кисть размером 13px и 100% жесткости.

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

Вот, что должно у Вас получиться:

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

Шаг 4

Теперь давайте создадим еще дополнительные абстрактные линии. Создайте новый документ в фотошопе (500×250);

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

Залейте выделение любым цветом на свое усмотрение:

Нажав комбинацию клавиш Ctrl+T, перейдите в режим Свободной трансформации. Далее щелкните правой кнопкой мыши внутри трансформируемой области и из контекстного меню выберите Искажение.

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

Далее дублируйте данный слой несколько раз, изменяя размер и угол смещения дубликата. Используя инструмент Цветовой тон/Насыщенность, на свой вкус измените цвет каждой линии.

Слейте дубликаты слоя в один

Нажмите комбинацию клавиш Ctrl+T, чтобы перейти в режим Свободной трансформации. Затем щелкните правой кнопкой мыши внутри трансформируемой области и из контекстного меню выберите Деформация.

Исказите фигуру как показано ниже:

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

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

Шаг 5

Для того чтобы добавить глубины и разнообразия в нашу работу давайте создадим где-то на холсте «теневую» копию слоя с девушкой.

Создайте новый слой под слоем с девушкой и назовите его «Тень девушки». Затем загрузите выделение слоя с девушкой и выполните заливку 50% серым цветом.

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

Добавьте еще один слой и назовите его «Тень», измените его режим наложения на Мягкий свет и, используя мягкую черную кисть, нарисуйте тень у ноги девушки как показано ниже:

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

Теперь давайте добавим немного светов и теней в нашу работу! Создайте новый слой над всеми остальными и, используя мягкую кисточку черного или белого цвета, нарисуйте несколько точек как показано ниже:

Измените режим наложения данного слоя на Перекрытие/Мягкий свет.

Шаг 6

Теперь давайте добавим несколько финальных штрихов к нашей работе. Сохраните копию данной работы в формате PSD (не объединяя слои), затем объедините  все слои. Затем дублируйте фоновый слой и примените к дубликату фильтр Умная резкость со следующими настройками:

К дублированному слою также примените фильтр Наклонные штрихи со следующими настройками:

Уменьшите непрозрачность данного слоя примерно до 40% и Вы увидите следующий световой эффект:

У левой ноги:

В области груди:

Далее добавьте корректирующий слой Цветовой тон/Насыщенность со следующими настройками:

Конечный результат:

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

Создаем абстрактную скрипку используя Фотошоп

В данном уроке Фотошопа мы рассмотрим процесс создания скрипки с абстрактными светящимися линиями.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.

Финальный результат

Приступаем к уроку Фотошопа

Создаем новый документ с параметрами 2700x3600 px (File > New (Файл > Новый / Сочетание клавиш 'Ctrl+N')), залейте фон черным цветом.

Далее с помощью инструмента Pen Tool (Инструмент Перо / Клавиша 'P') создайте подобный контур: ↓

Создайте новый слой (New Layer (Новый слой / Сочетание клавиш 'Ctrl+Shift+N')), активируйте инструмент Brush Tool (Инструмент Кисть / Клавиша 'B'), размер кисти 8 px, черный цвет, твердость %.

Затем зайдите в параметры кисти (F6), во вкладе Brush Tipe Shape (Формы отпечатка кисти) — ползунок Spacing (Интервалы) передвиньте до конца влево, затем установите галочку на Shape Dinamics (Динамика формы) и все параметры поставьте 0%.

Затем перейдите на вкладку Path (Контуры) на панели слоев, кликните по иконке контура правой кнопкой мыши и выберите Stroke Path (Обводка контура) и в появившемся окне поставьте галочку на Simulate Pressure (Имитировать нажим): ↓

Вот, что должно у нас получиться: ↓

Далее дублируем слой с кривой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш 'Ctrl+J')) и к нижнему слою применяем Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) с параметрами: ↓

Текущий результат: ↓

Затем перемещаем перемещаем слой с фильтром вниз, как показано на изображении ниже: ↓

Текущий результат: ↓

Теперь дважды дублируем слой с фильтром (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш 'Ctrl+J')) и таким же образом перемещаем каждый слой ниже другого, чтобы создать дымчатый след: ↓

Теперь возвращаемся на слой с кривой и применяем к нему Outer Glow (Внешнее свечение) с параметрами: ↓

Structure (Структура):

Blend Mode (Режим наложения) — Screen (Осветление);

Opacity (Непрозрачность) — 75%;

Цвет — белый;

Technique (Метод) — Soften (Смягчение);

Size (Размер) — 32 px;

Все остальное по умолчанию.

Получаем: ↓

Затем объедините (Ctrl+E) все слои, к которым применили фильтры и к получившемуся слою примените снова Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) с параметрами: ↓

Затем снова переместите этот слой вниз: ↓

Затем используя любой шрифт на ваш вкус (в уроке использовался Bickham Script Pro) напишите слоган, какой вам понравится — Horizontal Type Tool (Инструмент 'Горизонтальный текст' / Клавиша 'T'): ↓

Далее снова с помощью инструмента Pen Tool (Инструмент Перо / Клавиша 'P') создайте вот такие линии, параметры для кисти оставьте те же.

Для того, что кончики казались островатыми и немного размытыми, используйте инструмент Eraser Tool (Инструмет Ластик / Клавиша 'E') диаметром 463 px и непрозрачностью 58% и сотрите линии в верхней и нижней частях: ↓

Дублируйте слой с линиями (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш 'Ctrl+J')) и примените к дубликату Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) с параметрами: ↓

Получаем: ↓

Создайте новый слой выше всех и с помощью этих кистей создайте свечение, как показано на изображении ниже: ↓

Теперь создайте корректирующий слой Gradient (Градиент) (для этого выберите внизу панели слоев иконку полумесяца, нажав ее из списка выберите Gradient (Градиент)) с такими параметрами: ↓

Нажмите Ок далее выберите цвета, как показано на изображении ниже: ↓

Параметры градиента: ↓

Режим смешивания для слоя Gradient (Градиент) поставьте Multiply (Умножение). Получаем: ↓

Создайте новый слой выше остальных и примените Filter > Render > Clouds (Фильтр > Рендеринг > Облака): ↓

К этому слою примените Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с параметрами: ↓

Для этого слоя режим смешивания поставьте Color Dodge (Осветление основы) или поменяйте, как вам понравиться, для меня этот режим показался слишком ярким, непрозрачность установите на 49%: ↓

Теперь создайте снова корректирующий слой Gradient (Градиент), но на этот раз выберите просто черно-белый. Режим смешивания для этого слоя поставьте Overlay (Перекрытие), непрозрачность 49%:

Получаем: ↓

Теперь дублируйте все слои (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш 'Ctrl+J')), объедините их (Ctrl+E) и примените Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с параметрами: ↓

Для полученного слоя поставьте режим смешивания Linear Dodge (Линейный осветлитель), непрозрачность снизьте до 77%: ↓

Вот и все.

Финальный результат

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru

Абстрактная композиция фотошоп «Брейк-дансер», Уроки

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

Давайте приступим!

Предварительный просмотр финального результата:

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

Похожие бесплатные изображения танцоров можно скачать с сайта «Deviantart» (в ресурсах урока).

Шаг 1

Создаем новый документ (Сtrl+N) размером 1000х1500 рх в режиме RGB и разрешением 72 рх/дюйм. Дважды щелкаем по строке фона (Background), разблокировав его и преобразуя в обычный слой.

Затем, нажимаем внизу панели слоев значок fx или переходим в меню Слои-Стили слоя (Layer-Layer Style) и выбираем параметр «Наложение градиента» (Gradient Overlay).

В диалоговом окне опции вводим настройки со скриншота: стиль линейный (linear), угол (angle) -31, масштаб (scale) 150%. Используем цвет градиента от синего #04868d к голубому #daf9fb.

Шаг 2

Добавим текстуру на наш фон. Создаем новый слой (Ctrl+Shift+N) и называем его «Текстура fx».

Заполняем (Shift+F5) слой черным (000000) цветом и переходим в меню Фильтр-Шум-Добавить шум (Filter> Noise> Add Noise). Устанавливаем радиус на 400 рх, распределение по Гауссу, активируем режим Монохромный. Нажимаем Ок.

Далее идем в Фильтр-Размытие-Размытие по Гауссу (Filter> Blur> Gaussian Blur ) с радиусом в 35 рх.

Создаем Маску слоя (иконка круга в квадрате внизу панели слоев) и используем на ней мягкую Кисть (Brush) светло-серого цвета по краям шумового слоя. Изменяем режим смешивания на Мягкий свет (Soft Light) и непрозрачность (Opacity) cнижаем до 33%.

Шаг 3

Теперь, добавим на фон больше глубины. Создаем Новый слой (Ctrl+Shift+N) выше шумового и называем его «Темный фон». Активируем инструмент Градиент с радиальным стилем (Gradient Tool) и используем цвета фона.

Из центра полотна проводим линию к краю изображения. Затем, сплющиваем созданный градиент вниз полотна, используя Трансформирование (Ctrl+T или Edit-Free Transform).

Используйте Затемнитель (Burn Tool) для усиления тени внизу полотна.

Шаг 4

Устанавливаем цвет переднего и заднего плана по умолчанию на черно-белый (нажимаем «D» на клавиатуре). Создаем Новый слой (Layer-New Layer или Ctrl+Shift+N) и называем его «Квадраты фона».

Активируем инструмент «Произвольная фигура» (Custom Shape tool) в режиме Заливки пикселей (значок в верхнем меню), и вверху из набора фигур программы выбираем шахматный узор (Tile 4). Удерживая Shift, рисуем фигуру в документе.

При помощи трансформации (Ctrl+T) переворачиваем фигуру в положение квадратов, а не ромбов.

Затем, переходим в меню Редактирование-Трансформирование-Искажение (Edit-Transform-Distort) и создаем вид фигуры в перспективе, опуская вниз верхний центральный узел и растягивая в стороны крайние нижние узлы. У вас должен получиться плиточный пол для танцовщицы.

Изменяем режим смешивания слоя плитки на Перекрытие (Overlay) и создаем к нему Маску слоя (Layer-Layer Mask-Reveal All или клик по ее иконке внизу панели слоев). Активируем Градиент (Gradient tool) с линейным стилем черно-белого цвета и проводим им по маске сверху-вниз, скрыв верхнюю часть плитки.

Шаг 5

Открываем изображение танцовщицы (ресурсы урока) и извлекаем ее с фона при помощи инструмента Перо (Pen Tool).

После закрытия контура, нажимаем правой кнопкой мыши на нем и выбираем из выпадающего меню – Образовать выделенную область (Make Selection), инвертируем выделение (Ctrl+Shift+I) и нажимаем Delete, чтобы избавиться от фона.

Поместите девушку в центр холста и загрузите выделение этого слоя (Ctrl+клик по иконке этого слоя).

Создаем Новый слой (Ctrl+Shift+N или иконка внизу палитры слоев) под слоем с танцовщицей и заполняем (Edit-Fill или Shift+F5) его черным (000000) цветом.

Называем его «Тень».

Переходим в Редактирование-Tрансформирование-Искажение (Ctrl+T, затем клик правой кнопкой мыши и выбираем Distort) и искажаем черный слой, опуская его вниз, имитируя тень на полу.

Перейдите в меню Фильтр-Размытие-Размытие по Гауссу (Gaussian Blur) и установите радиус на 35 рх. Создайте Маску (Layer-Layer Mask-Reveal All) к слою с тенью и мягкой кистью (Brush) черного цвета удалите левую часть тени.

Дублируем теневой слой (Ctrl+J). Теперь, сгладим тень с помощью Размытия в движении (Filter> Blur> Motion Blur). Ставим угол (Angle) на 0°, смещение (Distance) на 999 рх.

Используйте инструмент Перемещение (Move Tool) для правильного расположения тени и создайте Маску (Layer Mask) к дубликату. Удалите излишки тени черной мягкой Кистью (Brush) на маске.

Теперь сделаем тень от кроссовка танцовщицы. Сначала загрузим выделение слоя с девушкой (Ctrl+клик по иконке слоя), затем создадим Новый слой (Layer-New Layer) выше слоя с девушкой и назовем его «Тень обуви».

Выберем мягкую Кисть (Brush) маленького размера черного цвета с непрозрачностью (Opacity) 20% и в области подошвы начнем рисовать вдоль кроссовка. По завершении снимите выделение (Ctrl+D).

Шаг 6

Создаем Новый слой (Ctrl+Shift+N) выше предыдущего с тенью обуви и называем его «Абстрактные линии».

Инструментом Полигональное Лассо (Polygonal Lasso Tool) создаем линию любой формы от бедра девушки вниз по-диагонали. Заполните линию (Shift+F5 или Edit-Fill..

) цветом брюк девушки, указав его (кликнуть пипеткой по брюкам) в выпадающем меню диалогового окна Заливки (Fill).

Повторите процесс создания линий на отдельных слоях и расположите их в других местах изображения. Для изменения положения линий примените Tрансформацию (Ctrl+T или Edit-Free Transform). Для порядка в работе, сгруппируйте слои с линиями, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем нажимаем Ctrl+G).

Шаг 7

Далее, мы сделаем цветные брызги, отлетающие от танцующей девушки. Скачайте любой пакет кистей с брызгами с сайта «Девиантарт» (в ресурсах урока) и загрузите их в Фотошоп через меню «Управление наборами» (Edit-Preset Manager).

Создаем слой «Брызги» под слоем «Абстрактные линии», активируем Кисть (Brush) с выбранной абстракцией любого цвета и кликаем по холсту. Теперь, загружаем выделение этого слоя брызг, удерживая Ctrl и нажав на иконку этого слоя. Отключаем его видимость (глазик).

Инструментом Перемещение (Move Tool) переносим выделение на брюки девушки и, стоя на слое с девушкой нажимаем Ctrl+C (копировать). Создаем слой выше предыдущего (Ctrl+Shift+N) и на него вставляем скопированное (Ctrl+V).

Перемещением (Move Tool) перетаскиваем полученные брызги на левый край брюк. У нас получились брызги с текстурой одежды модели. Повторите такую технику на других элементах одежды, используя цвета топа и майки.

Удалите слои, в которых вы выключили видимость, они больше не нужны (перетяните их на иконку корзины внизу панели слоев).

Завершив этап, сгруппируйте слои (выделить, затем Ctrl+G).

Шаг 8

Создаем новый слой (Ctrl+Shift+N) выше слоя «Брызги» и называем его «Свет». Активируем мягкую Кисть (Brush) белого цвета размером 200 рх и делаем клик в области сгиба бедра модели.

Теперь, создаем еще один слой (Layer-New Layer) выше предыдущего и мягкой кистью (Brush) размером 400 рх синего цвета (0ba0a9) делаем клик поверх белого пятна. Изменяем режим смешивания этого слоя на Линейный осветлитель (Linear Dodge). Вы можете добавить подобные световые эффекты и на другие места вашей иллюстрации.

Шаг 9

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

Теперь, настроим Кисть (Brush) 100% жесткости размером 2-3 рх цвета волос.

Активируем снова Перо (Pen Tool) и нажимаем правой кнопкой мыши по созданным контурам, выбирая из выпадающего меню строку – Выполнить обводку контура (Stroke Path).

В диалоговом окне активируем флажок Имитировать нажим (Simulate Pressure), инструмент кисть (Brush), нажимаем Ок. Получились тоненькие волоски.

Продолжаем создавать тонкие линии по контурам и складкам брюк модели при помощи Пера (Pen Tool), выполняем обводку контуров маленькой кистью (Brush), как в предыдущем шаге. Используйте для обводки левой стороны штанов светло-серый цвет, а для правой – темно-серый. Образец цветов одежды возьмите пипеткой (Eyedropper).

То же самое проделайте с поднятой рукой модели, обрисовав ее тонкими контурами темного цвета на отдельном слое. Назовите слой «Линии руки».

На новом слое (Ctrl+Shift+N) нарисуйте пером (Pen tool) в области коленей девушки изогнутые тонкие линии, применяя при обводке опцию «Имитировать нажим» (Simulate Pressure). Применяйте, если необходимо, для плавных переходов контуров инструмент «Угол» на опорных точках. Используем образец цвета обводки с брюк.

Шаг 10

Создаем Новый слой (Layer-New Layer) ниже предыдущего слоя с линиями. Выберите Кисть (Brush) размером от 3-15 рх со 100% жесткостью и откройте панель настроек инструмента (F5).

Выполните следующие настройки кисти: в параметре «Форма отпечатка кисти» (type shape) Интервал (Spacing) ставим на 500 рх, в «Динамике формы» (Shape dynamics) колебание размера (Size Jitter) 100%, минимальный диаметр (Minimum Diameter) 15%; в параметре «Рассеивание» (Scattering) активируем флажок «Обе оси» (Both axes) и ставим рассеивание на 1000% и счетчик (count) на 1. Устанавливаем цвет кисти по образцу цвета майки и топа, и начинаем рисовать круглые пятнышки вокруг головы и шеи девушки данной кистью.

Шаг 11

Создаем новый слой (Ctrl+Shift+N) выше слоя «Абстрактные линии» и называем его «Кольцо на ноге». Выбираем инструмент Эллипс (Ellipse Tool (U)) в режиме контуров и, удерживая Shift, рисуем круг.

Сплющиваем немного получившийся круг при помощи Трансформации (Ctrl+T), затем нажимаем правой кнопкой мыши по рамке и выбираем опцию – Искажение (Distort). Тянем за нижние углы рамки в стороны, создавая перспективу.

Расположите кольцо на приподнятой ноге девушки.

Далее, нажмите внизу панели слоев значок fx, чтобы открыть окно «Стили слоя» (Layer Style) и выполните настройки для опции «Внешнее свечение» (Оuter glow). Используйте цвет свечения желтый (#fcf163). Для усиления эффекта, дублируйте слой (Ctrl+J).

Шаг 12

Я создал свои абстрактные фигуры для этого шага. Вы можете скачать их в ресурсах урока или использовать свои. Создаем Новый слой под слоем с девушкой. Загрузите фигуры в Фотошоп и активируйте инструмент «Произвольная фигура» (Custom Shape). Образцы цвета берем с одежды девушки. Я нарисовал 1фигуру круга белого цвета в области бедер.

Также вы можете использовать инструмент Овальное выделение (Elliptical Marquee Tool) и, удерживая Shift, создать круглое выделение. Затем, нажмите правой кнопкой мыши по выделению и выберите опцию – Выполнить обводку (stroke).

Установите размер обводки около 3-4 рх, цвет серый или белый. Затем, возьмите Ластик (Eraser Tool) и сотрите часть созданного круга. Можете использовать Ластик для удаления частей абстрактных фигур, что будет выглядеть необычно и интересно.

Объедините все слои с фигурами в группу, выделив их и нажав Ctrl+G.

Шаг 13

Загрузите в Фотошоп «Абстрактные кисти» из ресурсов урока. На новом слое (Ctrl+Shift+N) ниже слоя с моделью, сделайте несколько кликов любой кистью (Brush) из данного набора в разных местах изображения. Справа от девушки используйте кисть цвета майки, слева – цвета топа.

Шаг 14

Ниже слоя «Абстрактные кисти» создайте новый слой (Layer-New Layer) и назовите его «Большой круг».

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

Затем, активируйте мягкий круглый Ластик (Eraser) с низкой непрозрачностью (Opacity) меньшего размера и сотрите часть полосатого круга, как на скриншоте ниже.

Шаг 15

Создаем слой выше слоя с девушкой и из набора моих абстрактных фигур выбираем круг из полос. Активируем инструмент «Произвольная фигура» (Custom Shapes) в режиме контуров и, удерживая Shift, рисуем ровный большой круг поверх туловища и бедер модели.

Затем, активируем Перо (Pen Tool) и нажимаем правой кнопкой мыши по контуру круга, выбираем из выпадающего меню строку – Образовать выделенную область (make selection).

Шаг 16

Встаем на слой с девушкой и нажимаем сочетание Ctrl+C (Копировать). Переходим на созданный слой и вставляем (Ctrl+V) на него скопированное.

Используйте Перемещение (Move Tool (V)), чтобы немного сместить полученную абстракцию. Повторите подобную технику в других местах иллюстрации, если необходимо.

По завершении этого процесса, Ластиком (Eraser) удалите абстракции с указанных на скриншоте ниже областей.

Вот и все, мы закончили! Надеюсь, что вам понравилось!

Используемые материалы: