Превращаем любую фотографию в фон, или фон в клеточку
Оригинал урока:ЗДЕСЬ Автор урока:Steve Patterson Перевод:Lo...
В этом уроке мы собираемся узнать насколько легко превратить любую фотографию в интересный фон, используя несколько основных инструментов фотошопа, которые кажется не служат никакой другой цели, кроме того что бы помочь нам создать подобный эффект. Я говорю об инструментах Single Row Marquee Tool и Single Column Marquee Tool, которые по умолчанию находятся за инструментом Rectangular Marquee Tool в палитре инструментов. Даже Adobe не считает эти инструменты полезными, так как эти инструменты чуть ли не единственные, которые не имеют клавиатурного сочетания, для вызова инструментов. Однако как мы увидим в этом уроке, при создании простого фона или обоев довольно сложно обойтись без этих инструментов. В конце урока мы увидим как легко объеденить наш вновь созданный фон с тем фото которое послужило созданием фона. Вы можете использовать этот метод что бы превратить любое фото в фон или обои. И фотография будет неузнаваема, так не имеет значения какую фотографию мы используем. Единственное что вы должны учесть: если вы хотите что бы ваш фон был красочным, тем более красочной и яркой должна быть фотография.
Вот фотография, которую я буду использовать:
И так, начнём!
Шаг 1. Дублируем фоновый слой.
Как всегда мы избегаем работать над первоначальным изображением (что бы впоследствии если что-то не получится, или мы захотим исправить у нас было оригинальное изображение), поэтому дублируем наш фоновый слой. Для этого используйте сочетание клавиш Сtrl+J. Если после этого посмотреть в палитре слоёв, то можно увидеть два слоя - оригинальный слой (Bacground) и Layer 1, который является копией нашего слоя, и находится выше оригинала:
Шаг 2. Выберите инструмент Single Column Marquee Tool.
В палитре инструментов нажмите на инструмент Rectangular Marquee Tool (Прямоугольное выделение) и удерживайте несколько секунд. Появится выпадающее меню из которого выберите инструмент Single Column Marquee Tool, находящийся внизу списка:
Шаг 3. Кликнете на изображении, что бы выделить колонку пикселей.
Единственная вещь которую делает инструмент Single Column Marquee Tool - выделяет колонку в один пиксель. Щёлкните где-нибудь на вашем изображении и фотошоп выделит один пиксель наряду с пикселями находящимися выше и ниже этого пикселя. Имейте ввиду что ваше выделение будет иметь ширину в один пиксель, и если вы хотите что бы ваш фон содержал много различных цветов, нажимайте на область, которая имеет большой ассортимент цветов выше и ниже этого пикселя. Я собираюсь нажать на правую сторону лица девочки, так как там содержится большое количество различных цветов сверху донизу:
Шаг 4. Скопируйте выделение на новый слой.
Теперь когда у нас выбран столбик с цветными пикселями, нам необходимо скопировать их на новый слой. Для этого мы воспользуемся сочетанием клавиш Ctrl+J, как мы это делали несколько минут назад, когда дублировали фоновый слой. Нажав на сочетание этих клавиш, вы увдите что фотошоп скопировал колонку пикселей выше всех слоёв:
Шаг 5. Растянем колонку с помощью Свободной Трансформации( Free Transform).
Сейчас мы создадим первую часть нашего фона.Мы растянем нашу колонку на всё изображение, для этого воспользуемся командой Free Transform (Свободная Трансформация). Для этого воспользуемся сочетанием клавиш Ctrl+T, вокруг колонки появится выделение. Переместите курсор мыши к одной из сторон выделения и вы увидите как курсор превратится в стрелочку. Нажмите на кнопку мыши и потяните за выделение. Вы увидите как колонка стала образцом цвета, который мы выделили на фотографии:
Двигайте курсор пока не растянете изображение до одной стороны документа, далее переместите курсор мыши на другую сторону и растяните колонку с другой стороны:
Как только вы растянули колонку на весь документ, нажмите Enter, что бы снять выделение и выйти из Свободной Трансформации. Вот что должно получиться:
Первая часть нашего фона сделана, и мы могли бы удовольствоваться этим, но далее мы сделаем ещё несколько шагов. что бы сделать наш фон ещё интереснее.
Шаг 6. Скройте слой с горизонтальным образцом.
Мы собираемся повторить теже операции что мы делали с инструментом Single Column Marquee Tool, но на сей раз будем использовать инструмент Single Row Marquee Tool, что бы создать вертикальный образец. Прежде чем сделать это, скройте горизонтальный образец что бы видеть что мы делаем. Для этого нажмите на иконку видимости слоя (иконка в виде глаза рядом со слоем, в палитре слоёв), что бы временно скрыть слой:
Глаз исчезнет, а вместе с ним исчезнет слой в документе, позволяя нам увидеть фотографию.
Шаг 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, тоже самое мы сделаем инструментом Single Row Marquee Tool по горизонтали. Фотошоп выберет пиксел на который вы нажали и все пикселы находящиеся справа и слева от него. Что бы фон был красочным, выберите самую яркую область фотографии. Я собираюсь нажать на лоб девочки:
Шаг 10. Скопируйте выделение на новый слой.
Нажмите на Ctrl+J чтобы скопировать горизонтальное выделение на новый слой. Слой появится между слоями Layer 1 и горизонтальным образцом фона:
Шаг 11. Растяните ряд на всё изображение с помощью Свободной Трансформации.
Нажмите сочетание клавиш Ctrl+T, чтобы ещё раз воспользоваться Свободной трансформацией (Free Transform). Потяните за край выделения вверх чтобы растянуть ряд до вершины фотографии:
Потом за другой край выделения потяните вниз, чтобы растянуть ряд до нижнего края документа. Для снятия выделения нажмите Enter:
Далее мы смешаем наши горизонтальный и вертикальный образцы. Шаг 12. Возвратим горизонтальному образцу Видимость слоя.
Теперь у нас есть две структуры. Давайте рассмотрим несколько простых способов, которые мы можем применить что бы создать интересный фон. Но для начала мы должны вернуть видимость слоя нашему горизонтальному образцу. Нажмите на видимость слоя (иконка в виде глаза) в палитре слоёв. Слой станет видимым как в палитре слоёв, так и в нашем документе:
Шаг 13. Выберите слой с Горизонтальный образцом.
Выберите горизонтальный образец слоя, для этого в палитре слоёв просто нажмите на него:
Теперь у нас оба слоя видимы, посмотрим как мы легко можем смешать их вместе.
Самый простой и лёгкий способ смешать два образца вместе - это понизить Непрозрачность (Opasity) верхнего слоя до 50%. Сделать это можно в палитре слоёв, в правом верхнем углу, воспользовавшись опцией Opasity:
Вы можете отрегулировать процент Непрозрачности на ваше усмотрение. Вот мой фон после понижения Непрозрачности (Opasity) верхнего слоя:
Опция 2: Измените Режим смешивания (Blend Mode) верхнего слоя.
Другой способ легко смешать два образца вместе - это использовать Blend Mode (Режим смешивания). Сначала я собираюсь установить Непрозрачность(Opasity) верхнего слоя до 100%. А затем изменю режим смешивания. Для этого в палитре слоёв, в левом углу нажмите на стрелочку рядом со словом Normal и увидите весь список Режимов смешивания. Попробуйте каждый чтобы увидеть какого эффекта вы можете достичь. В данном примере я изменил Режим смешивания на Multiply (Умножение):
Режим смешивания Multiply (Умножение) - один из более часто используемых режимов в фотошопе. И вот эффект, который я получил, фон теперь кажется более тёмным и насыщенным, с богатой цветовой палитрой:
Вот другой режим смешивания: на сей раз я использую режим смешивания Hard Light и понизил Непрозрачность до 50%:
Вот мой новый эффект:
Снова пробуйте каждый режим смешивания, и в окне документов следите за изменением эффекта. Опция 3: Используйте Маску слоя.
Давайте посмотрим на третий способ смешивания двух слоёв. На сей раз мы будем использовать Маску слоя. Сначала я установлю Режим смешивания к первоначальному Normal и увеличу Непрозрачность до 100%. Теперь добавлю Маску слоя к верхнему слою. Для этого нужно нажать на иконку Маски слоя в онсовании палитры слоёв (Layer Mask). Ничто не случилось в окне документов. Но если посмотреть на палитру слоёв, то можно увидеть Слой маски на изображении, находящийся справа от иконки слоя:
Добавив Маску слоя, выберите инструмент Градиент в палитре Инструментов, или вызовите этот инструмент нажатием клавиши G:
Выбрав инструмент Градиент, щёлкните правой кнопкой мыши в любом месте изображения и в выпавшем меню выберите градиент от чёрного к белому:
Будем использовать Маску слоя по диагонали. Нажмите мышкой в левом верхнем углу изображения, а затем перетащите мышь в правый нижний угол:
Отпустите кнопку мыши, и фотошоп добавит Маску слоя, смешав два образца от вершины левого угла, к подножию основания правого угла:
Теперь, когда мы рассмотрели несколько простых способов смешивания двух образцов, завершим нашу работу, используя созданный фон для нашей фотографии! Теперь, когда мы создали наш фон, давайте добавим к нему фотографию, при помощи которой мы создали этот эффект! Эта часть является дополнительной, но если вы хотите завершить эффект - то вперёд!
Шаг 1. Переместите слой с фотографией поверх всех слоёв.
В настоящее время наша фотография находится под созданным нами фоном. Нужно переместить фотографию выше всех слоёв. Для этого нажмите на слой с фотографией в палитре слоёв и мышкой перетащите её выше всех слоёв:
Можно также быстро переместить слой наверх сочетанем клавиш Ctrl+Shift+]. Фотошоп переместит слой в вершину палитры слоёв:
Фотография стала видимой.
Шаг 2. Изменяем размер фотографии с помощью Свободной Трансформации.
Нажмите Ctrl+T чтобы воспользоваться Свободной трансформацией. Удерживая нажатой клавишу Shift (для сохранения пропорций) потяните за любой из 4 уголков вовнутрь и уменьшите фотографию до нужного размера. Если хотите уменьшить фотографию и при этом что бы она была строго посередине нашего документа, при уменьшении удерживайте нажатыми клавиши Shift+Alt. Фотография уменьшится от краёв к центру и будет находится посередине документа:
Нажмите Enter чтобы снять выделение.
Шаг 3. Добавление тени.
Для завершения эффекта я собираюсь добавить тень фотографии, так она будет сильнее выделяться на фоне. Нажмите на иконку Стили слоя в основании палитры слоёв и выберите из списка Drop Shadow (Тень):
это вызовет диалоговое окно. Я оставлю угол по умолчанию 120, но изменю Непрозрачность (Opasity) примерно до 60%:
Нажмите кнопку ОК в правом верхнем углу чтобы выйти из диалогового окна. Вот мой результат после добавления тени!
