Advertisement
  1. Design & Illustration
  2. Designing

Комбинирование фото-материалов в абстрактнго плакате

Scroll to top
Read Time: 8 min

Russian (Pусский) translation by Federicco Ancie (you can also view the original English article)

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

Учебные материалы

Следующие материалы были использованы в создании данного руководства.


Шаг 1

Мы хотим начать с базового очертания нашего треугольника. Используем инструмент перо, но сначала достанем линейку (Cmd/Ctrl + R). Хочется иметь верные размеры треугольника и более того, мы используем плашки, чтобы помочь себе Установите линии и закрепите размеры так, каким вы его хотите видеть. Как только у вас есть эта крошечная сетка, чтобы помочь вам, возьмите инструмент перо.  Для нижнего левого и правого краев сетки используйте инструмент «Перо» для определения путей.  Затем вы определяете центр и прокладываете пути к верхней части окна.  Обязательно выделите этот путь (1px hard round) и не заполняйте его.


Шаг 2

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

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


Шаг 3

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


Шаг 4

Мы захотим создать еще один треугольник, чтобы добавить какое-то измерение в кусок.  На этот раз он будет больше и гораздо менее занят случайными фигурами.  Повторите шаг за шагом, чтобы убедиться, что размеры являются точными и четными.  Как только у вас будет новый треугольник, отрежьте около 1/3 части одного из сегментов линии. Это будет область, где мы добавим фигуры.


Шаг 5

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


Шаг 6

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


Шаг 7

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


Шаг 8

Внутренняя часть треугольника является нашим самым важным фокусом во всем этом дизайне.  Он абсолютно должен быть привлекательным, поскольку это ваш основной фокус!  Сделайте это хорошо!  То, что я сделал, это Cmd / Ctrl, чтобы выбрать слой и использовать кисти для создания темного места, ограниченного только одной частью фигуры.  Как будто он медленно пробирается наружу.  Смешайте кисти.  Чтобы добавить еще какое-то значение, я дублировал слой треугольника и сделал его белым.  Затем я создал новый слой и наклеил свои кисти.  Следует обратить внимание на то, чтобы убедиться, что слой треугольника выбран в виде контура, чтобы ваши кисти не выходили за пределы формы.  Затем я схватил инструмент ластик (мягкая круглая кисть) и стирался, чтобы затемнить части треугольника.  Это помогло повысить ценность, а не просто все белое или черное.


Шаг 9

Загрузите исходный фон из ценных бумаг инструмента.  Откройте его в Photoshop.  Мы собираемся использовать инструмент магнитного лассо, чтобы вырезать корни, которые мы хотим.  Это не должно быть совершенным.  Если у вас есть отсечение, которое вам не нужно, просто используйте инструмент ластик, чтобы избавиться от него.  При необходимости увеличьте масштаб!


Шаг 10

Вставьте корни в наш документ.  Поместите его на одну из фигур во втором треугольнике.  Измените размер и соответствующим образом измените.


Шаг 11

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


Шаг 12

Повторите шаги 9-11 еще два раза.  Мы хотим, чтобы на снимке были три из этих корневых фотографий.


Шаг 13

Мы снова будем использовать кисти.  Найдите кисть, которая вам нравится.  Удалите все, кроме одного брызг.  Кисть будет использоваться как рэп для корней.  Cmd / Ctrl выберите один из слоев корней.  Убедитесь, что вы находитесь на кисти!  Теперь стирайте часть кисти каждый раз, когда она накладывается на корень.


Шаг 14

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


Шаг 15

Давайте добавим несколько корректирующих слоев, не так ли?  Оба установлены на 100% непрозрачность.  Убедитесь, что черно-белая карта градиента находится над серо-белой градиентной картой.


Шаг 16

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


Шаг 17

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


Шаг 18

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


Шаг 19

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


Шаг 20

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


Шаг 21

Теперь создайте новый слой и примените изображение.  Используйте перспективный инструмент (Edit> Transform> Perspective) и возьмитесь за две нижние точки на холсте.  Подведите мышь ближе к середине.  Вы заметите, что это изменит изображение, чтобы следовать за точками.  Куда они идут, изображение идет и, таким образом, создает перспективу. Весь образ выглядит намного лучше, когда вещи уменьшаются и увеличиваются в размерах.  Глубина в объектах является ключом к созданию хорошей части.


Шаг 22

Здесь есть некоторые обрезающие ошибки.  Использование перспективного инструмента показало нам другие слои (смотрите выше изображение)!  Мы не хотим этого.  Легкий способ исправить это - Cmd / Ctrl выбрать слой, перейти к выбору и нажать обратный.  Это сделает так, что все, что вы делаете, повлияет только на то, что было за пределами того, что было изначально выбрано.  Идеально подходит для окраски белой краски!  Возьмите инструмент для рисования красок, измените цвет на белый и щелкните один раз на холсте.


Шаг 23

Включите синий слой.  Перетащите его вверх, над перспективным слоем и свободным преобразованием / помещением соответственно.


Шаг 24

Здесь все вместе.  Откройте фото из рук в Photoshop.  Инструмент магнитного лассо снова будет использован для вырезания руки из изображения.  Не бойтесь увеличивать масштаб и получать эти сложные мелкие пятна!


Шаг 25

Теперь в руке не так сильно напрягается, как хотелось бы, так что давайте покончим с этим немного.  Я использовал инструмент лассо, чтобы вырезать пальцы и трансформировать их дальше друг от друга, вращая их, когда это необходимо, чтобы соответствовать настроению руки, пытающейся выйти из треугольника.  Приятно использовать инструмент клонирования для этой части, так как он помогает смешивать области с другими.  Для этого важны инструменты уклонения и ожога.  Они помогают выявить определенные складки в руке и усилить освещение.  Помните, что вы идете на грязный, изгиб руки!  Ниже приведенное изображение должно помочь вам понять:


Шаг 26

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


Шаг 27

Вы хотите, чтобы рука поместилась в треугольник и выглядела так, как будто это выходит.  Для этого возьмите инструмент для пера.  Создайте новый слой и начертите средний треугольник.  Залейте его черным.  Это будет использоваться как хорошая база, чтобы помочь нам стереть руку.  Когда вы его заполняете, Cmd / Ctrl выбирает слой и инвертирует его.  Теперь выберите слой руки и сотрите нижнюю часть, где он начнет пропускать основание треугольника.  После этого удалите черный треугольник.


Шаг 28

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


Шаг 29

Мы приближаемся к завершению!  Все, что нам нужно сделать, это добавить несколько текстур на задний план, чтобы сделать его более интересным.  Загрузите обе текстуры из активов инструмента и откройте их в Photoshop.  Идите вперед и измените их размеры, поверните их вокруг.  Просто обязательно сотрите мягкую кисть посередине, чтобы она не заслонила дизайн и не исчезла.  Добавление действительно светло-желтого, чтобы скрасить его на всех концах, очень помогает.  Еще раз, это только для концов холста, а не для середины.


Заключение

Добавьте границы, чтобы свести все вместе.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.