Уроки Фотошопа: Превращение фото в фон

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

Вот фото, которое буду использовать я:

Шаг 1 : Дублируем слой.

Делается это с помощью комбинации клавиш Ctrl+J. Теперь на своей палитре слоев мы видим два слоя: один - фоновый, который содержит оригинальное фото, и второй – «Layer 1», который является копией оригинала.

Шаг 2 : Выбираем инструмент Single Column Marquee Tool.

На панели инструментов кликаем и удерживаем курсор на иконке Rectangular Marquee Tool, через пару секунд всплывет новое меню, которое содержит набор скрытых инструментов. Из списка выберите Single Column Marquee Tool.

Шаг 3 : Кликаем посредине изображения для выбора колонки пикселей.

Single Column Marquee Tool – это инструмент, который делает единственную вещь – выделает колонку величиной в один пиксель. Кликните в любом месте на фото, и автоматически выделятся все пиксели, находящиеся над и под выбранной точкой. Помните, что ваше выделение шириной только в один пиксель, и если вы желаете, чтобы ваш фон содержал как можно больше цветов, то выделяйте область, которая будет самой разнообразной в цветовом плане. Я собираюсь кликнуть с правой стороны от лица девочки, потому что на той линии находится много различных цветов:

Шаг 4 : Копируем выделение на новый слой.

На данный момент у нас есть выделенная колонка пикселей. Нам нужно скопировать ее на новый слой. Для этого используем те же комбинации клавиш, как и при копировании фонового слоя. Используйте Ctrl+J и Photoshop скопирует эту колонку на новый слой. Теперь ваша панель слоев выглядит так:

Шаг 5 : Растягиваем колонку через все изображение с помощь команды Free Transform.

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

Шаг 6 : Прячем слой с горизонтальной текстурой.

Сейчас мы будем повторять те же действия, что мы делали с помощью Single Column Marquee Tool, только на этот раз уже будем использовать инструмент Single Row Marquee Tool. С его помощью создадим слой с вертикальной текстурой. Но перед этим нам нужно спрятать слой с горизонтальной текстурой, то есть сделать его невидимым. Для этого просто кликаете на иконке видимости слоя (глаз), которая находится по левую сторону от слоя «Layer 2».

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

Шаг 7 : Выбираем инструмент Single Row Marquee Tool.

На панели инструментов кликаем и удерживаем курсор на иконке Single Column Marquee Tool, через пару секунд всплывет меню, которое содержит набор уже знакомых скрытых инструментов. Из списка выберите Single Row Marquee Tool.

Шаг 8 : Выбираем (или делаем активным) слой "Layer 1".

С помощью инструмента Single Row Marquee Tool мы сейчас будем выделять горизонтальный ряд пикселей, но сперва нам нужно выбрать исходное фото, а точнее сделать его активным. Оно находится на слое «Layer 1», вам нужно просто кликнуть на нем.

Шаг 9 : Кликаем по средине изображения, чтобы выбрать горизонтальный ряд пикселей.

Поступаем так же, как и при использовании инструмента Single Column Marquee Tool, просто кликаем на изображении в любом месте. Фотошоп специальным образом выделит все точки, которые стоят в ряд по левую и правую сторону от пикселя выбранного вами. Опять держим в уме информацию о том, что выделение толщиной всего лишь в один пиксель, поэтому стараемся выбрать место, где будет представлено как можно больше цветов. Я выбрала точку на лбу у девочки:

Шаг 10 : Копируем выделение на новый слой.

С одновременно выделенным горизонтальным рядом пикселей, жмем Ctrl+J. Таким образом, мы скопировали выделения на новый слой, который появится на панели слоев между «Layer 1» и «Layer 2».

Шаг 11 : Растягиваем ряд точек через все изображение с помощью свободной трансформации.

Нажмите Ctrl+T и опять активируется инструмент Free Transform. Опять же двигайте мышкой над рядом точек, пока не найдете положение, в котором ваш курсор поменяет свой вид (стрелка вверх и стрелка вниз). Кликните мышкой и перетащите колонку по направлению к вершине изображения. Так же, как и в прошлый раз, вы увидите, как создается текстура из нашего пиксельного ряда, затем перетащите курсор в низ изображения. Получится вот такой фон:

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

Шаг 12 : Делаем слой с горизонтальной текстурой видимым.

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

Шаг 13 : Делаем активным слой с горизонтальной текстурой.

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

Когда мы подготовили наши слои, можем приступать к их смешиванию.

Вариант 1 : Уменьшить непрозрачность слоя «Layer 2».

Одним из способов быстрого и простого смешивания двух текстур является понижение непрозрачности слоя с горизонтальной текстурой. С выбранным слоем "Layer 2", идите к опции Opacity, которая находится в верхнем правом углу панели Слоев, и уменьшите ее значение до 50%.

Вариант 2 : Изменения режима смешивания слоя "Layer 2".

Другим способом смешивания двух слоев является использование blend modes или режимов смешивания. Прежде всего, нужно вернуть слою "Layer 2" его 100% непрозрачность. Далее я буду изменять режим смешивания слоя, для этого зайдите в соответствующую опцию, которая находится в верхнем левом углу Панели Слоев (прямо напротив опции Opacity), раскрываем список нажатием на треугольник (находится сбоку от слова "Normal") и выбираем разные режимы из списка. Попробуйте использовать каждый из них, что бы увидеть, какой результат дает каждый режим. В данном случае, я применила к слою "Layer 2" режим Multiply:

Режим наложения «Multiply» - один из самых часто используемых режимов смеси, которые применяют при работе с Photoshop’ом. Фон теперь стал более темным и более насыщеным, по сравнению с тем, какой он был раньше:

Вот еще один вариант смешивания: на этот раз используем комбинацию режима смешивания с непрозрачности слоя. Я изменю режим на Hard Light, а непрозрачность – до 50%:

Вот эффект, которого мы добились:

Теперь, когда мы рассмотрели несколько способ смешивания слоев выберите тот, который вам понравился больше всего и примените его.

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

Шаг 1 : Передвигаем слой с фотографией на самый верх в Панели Слоев.

В данный момент, наш фон находится там, где ему не место - перед фотографией. Нам нужно поменять их местами, это значит, что слой с фото мы должны поместить перед слоем с фоном. Наше фото находится на слое "Layer 1", кликаем по нему (таким образом, мы делаем его активным) и тянем его наверх, чтобы он стал самым первым на панели слоев:

Шаг 2 : Изменяем размер фото с помощью Free Transform (Свободной трансформации).

Жмем Ctrl+T, там образом мы активируем инструмент Free Transform. У вас должно появится новое выделение вокруг фотографии. Перетащите любой из четырех углов выделения. Таким образом сделайте фото или большего или меньшего размера, выбор за вами. После трансформации нажмите Enter, чтобы снять выделение:

Вариант 3 : Добавляем падающую тень.

Чтобы придать работе законченный вид, добавим немного падающей тени, таким образом, она будет больше выделятся от фона. Щелкните по иконе Layer Styles icon (Стили Слоя) внизу Палитры Слоев и выберите Drop Shadow (Падающая Тень) из списка стилей слоя, который появился:

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

Вот наш конечный результат урока: