Создание потрясающего городского пейзажа из текста

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

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

В этом уроке мы будем создавать текст «MIB» в городском пейзаже ночного Сиэтла. Чтобы до-биться такого эффекта, мы будем вырезать здания и аккуратно снова их устанавливать.

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

Шаг 1

Для начала откройте Photoshop, создайте в нем новый документ размером 3872×2592 пикселей. Изображение такого высокого разрешения выгодно использовать, поскольку это позволит нам получить детальность и точность. Поместите в документ фотографию Сиэтла, она должно хорошо поместиться.

Шаг 2

Напечатайте текст «MIB» жирным шрифтом. Я использовал шрифт под названием «Autumn». Думаю, это стандартный шрифт, однако если у вас его нет, любой другой похожего типа подойдет.

Шаг 3

А сейчас нужно задать масштаб так, чтобы наш текст растянулся по горизонтали. Зайдите в палитру текста и задайте масштаб +75. Размер текста должен быть около 260пт.

Шаг 4

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

Растрируйте напечатанное, чтобы можно было его редактировать. Для этого кликните правой кнопкой мыши на слое с текстом в палитре слоев и выберите «Rasterize Layer» во всплывающем меню. Поскольку нам нужны прямые грани, пользуйтесь инструментом Polygon Lasso Tool (L), чтобы вырезать прямые линии там, где ваш шрифт закругляется.

Шаг 5

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

Шаг 6

Сделайте копию фонового слоя (Ctrl + J), чтобы было удобно вносить изменения. Вообще это очень мудро — делать копию первоначального состояния слоя прежде чем начинать какие-либо манипуляции с ним. На тех областях, которые отмечены на изображении ниже, используйте Clone Stamp Tool, чтобы скопировать здания спереди, дабы сделать одинаковую горизонтальную линию внизу зданий. Убедитесь, что вы на копии слоя, нажмите клавишу «S» на клавиатуре, чтобы вызвать Clone Stamp Tool. Теперь, удерживая Alt, чтобы взять образец с области, копируйте/клонируйте образцы окружающих зданий, чтобы покрыть выделенные желтым части. Затем определите, какую область вы хотите закрыть, и замените их взятыми образцами, но не забывайте иногда заново брать образцы.

Шаг 7

Начиная с левой части буквы M будем вырезать здания и переустанавливать их, как на показано ниже. Понизьте Opacity слоя с буквами, чтобы лучше видеть, что делаете. Используйте Polygonal Lasso Tool (L) для форм с прямыми линиями, старайтесь выделять как можно прямее, Photoshop подскажет, когда линия станет прямой. Итак, у нас есть выделение, полученное с помощью Polygonal Lasso Tool (L) (можете использовать любой другой способ выделения), теперь копируйте здания столько раз, сколько нужно для закрытия всей левой вертикальной части буквы M. Нажимайте Ctrl + J чтобы копировать, или просто перетаскивайте выделение с помощью Move Tool (V).

Шаг 8

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

Шаг 9

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

Шаг 10

Прежде чем вырезать верхушку здания за буквой M, добавьте маску слоя и скройте черной кистью с мягкими краями. Если желаете увидеть весь эффект целиком, нажмите Ctrl + H (скроются все направляющие линии), нажмите на иконку глаза около слоя с буквами (спрячутся буквы), нажмите Ctrl + 0 (увеличится масштаб изображения). Выделите все слои, которые образуют левую вертикальную сторону буквы M, сгруппируйте их (Ctrl + G), назовите группу «Left Side Of M».

Шаг 11

Там, где V-образная часть буквы M перекрывает здания, вырежьте небоскреб как целый прямо-угольник, используйте Polygonal Lasso Tool (L). «Стройте» здание снова, закрывая им левую часть V-образной составляющей буквы M. Используйте Move Tool и кнопку Alt для копирования. К слою с этими зданиями добавьте маску слоя (соответствующий значок можно найти внизу палитры слоев).

Шаг 12

Удерживая Ctrl, кликните на слое с буквами, чтобы они оказались выделенными. Теперь инверсируем выделение, нажав Ctrl + I, и выделится все, кроме самих букв. А теперь выделите маску слоя, которую мы создали в предыдущем слое, и кистью черным цветом скройте выступающие за края букв области.

Шаг 13

Повторите то же самое с правой стороной V-образной части буквы M, вырезайте здание под этой частью, затем «стройте» заново уже наклонно, добавляйте маску слоя, выделяйте буквы (удерживая Ctrl, кликните на слой с ними), инверсируйте выделение. Затем кистью с мягкими краями черным цветом скрывайте все, что выходит за пределы буквы

Шаг 14

Теперь еще немного фотоманипуляций. Эффект, который мы сейчас создадим, впишет наши зда-ния в пейзаж незаметно. Контрастность между зданиями, составляющими букву M, станет больше. Чтобы мы могли с легкостью исправить ошибки, сделайте копию того фонового слоя, на котором до этого мы использовали Clone Stamp Tool (S). Удерживая Ctrl , кликните по слою с буквами, чтобы их выделить; используя Clone Stamp Tool (S), копируйте здания с обеих сторон V-образной части буквы M. Для справки используйте приведенные здесь изображения. Поскольку разрешение высокое, и вид удален, получится незаметно и аккуратно.

Шаг 15

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

Шаг 16

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

Шаг 17

Выделите все слои и соедините их. Добавьте корректирующий слой Brightness/Contrast (Layer → New Adjustment Layer → Brightness/Contrast), чтобы здание целиком хорошо смотрелось.

Шаг 18

Используя Eyedropper Tool (I), возьмите образец одного из окон, где нет света. Создайте новый слой над предыдущим, вставляйте ваш образец в те места, где окна со светом идут подряд линией. Проделайте это со всей буквой M. Так наши небоскребы будут смотреться еще более естественно. Этот эффект нужно использовать аккуратно, экономно, с расстояния.

Шаг 19

Перейдем к букве I. Спрячьте на время нашу M, найдите первое же здание справа (то, от которого мы брали верхушку). Вырежьте главную его часть — «тело» — из копии фонового слоя с помощью Polygonal Lasso Tool (L). Поместите вырезанное в низ буквы I, поверните против часовой стрелки, чтобы получить продолжение буквы.

Шаг 20

Выберите Move Tool (V), зажмите Alt + Shift, чтобы вертикально скопировать слой. Свободной трансформацией (Ctrl + T) отразите его вертикально.

Шаг 21

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

Шаг 22

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

Шаг 23

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

Шаг 24

Инструментом Move Tool (V) и удерживая Alt копируйте здание, закрывайте правую часть B. Смотрите для справки на изображение. Добавьте маски слоя к каждому вставленному фрагменту, выделите текст и добавьте маску к буквам. У нас получился легкий эффект 3D, поскольку на фотографии треугольное здание так запечатлено.

Шаг 25

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

Шаг 26

Закончив B, добавим заливочный слой Gradient (Layer → New Fill Layer → Gradient) над всеми слоями. Градиент сделайте от цвета #a0050a к прозрачному (на 90 градусах). Добавьте еще один такой корректирующий слой, градиент от цвета #fbda3e к прозрачному на 90 градусах.

Шаг 27

Для каждой группы слоев, образующей определенную букву, изменим яркость и контрастность. Начнем с B. Сделайте копию группы и слейте все слои, добавьте корректирующий слой Brightness/Contrast, прикрепите его к только что слитой группе. Установите Brightness (Яркость) на 24, Contrast (Контраст) на 15. Для I яркость установите на 20, контраст на 35. А для M — яркость на 18, контраст на 36. И наконец добавьте корректирующий слой Brightness/Contrast над всеми слоями и поставьте яркость на 27, контраст на 8.

Выводы

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

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта www.myinkblog.com, автор перевода указан в начале урока.