Портрет из букв в фотошопе. Как сделать портрет из текста в фотошопе. Подготовка в Photoshop

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

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

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

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

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

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

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

Muse (греч. Μούσα)- это вдохновение, это Mуза

В этом уроке вы узнаете, как создать портрет из текста в Adobe Photoshop, используя длинный отрывок текста, который изгибается и деформируется в соответствие котурам лица. Этот эффект известен как Calligram и часто используется для презентации знаменитых цитат или речей, изображая автора/спикера на фоне. Ключевым инструментом в создании эффекта является фильтр Photoshop Displace/Смещение, который и позволит нам аккуратно исказить текст по контурам изображения.

Шаг 1.

В данном уроке будет совмещено профессиональное фото со стока и текст речи из фильма Американский президент - The American President (1995), чтобы создать полностью нереальное президентское обращение, но этот эффект можно отлично применить к серии дизайна речей реальных известных личностей, в том числе президентов США.

Откройте выбранное вами изображение в Photoshop. В уроке использовано фото пожилого мужчины. Используя Инструмент Кадрирование - Crop Tool (С) обрежьте изображение под размер постера (или любой другой размер по желанию).

Шаг 2.

Добавьте корректирующий слой Черно-белое: Слой > Новый корректирующий слой > Черно-белое (Layer > New Adjustment Layer > Black & White). Установите значения по каналам: Красный (Red) -120; Желтый (Yellow): 60; Зеленый (Greens): 40. Таким образом вы добавите изображению контраст, но в отличие от коррекции с помощью Уровней (Levels) или Яркость/Контрастность (Brightness/Contrast) , затемнение красного канала дает более привлекательные тона.

Шаг 3.

Далее перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) со значением Радиуса (Radius) в 20 пикселей. Это поможет сгладить эффект смещения после наложения текста.

Шаг 4.

Шаг 5.

Возьмите Инструмент Текст – Type Tool (T) и создайте текстовый контейнер по размеру документа. Вставьте выбранный вами фрагмент текста и удалите разбивку по абзацам, чтобы текст был сплошным. Снимите галочку Переносы (Hyphenate) и кликните на пиктограмму полного выравнивания (justify all) на панели Абзац (Paragraph).

Шаг 6.

Если текст не заполняет полностью портрет, просто скопируйте и вставляйте его до тех пор, пока он не заполнит весь портрет. Выбирайте шрифт на свое усмотрение, в уроке использован шрифт Montserrat Bold все прописные (All Caps). Настраивайте размер и интервалы текста так, чтобы он плотно перекрывал портрет.

Шаг 7.

Горизонтальное смещение (Horisontal scale) 10; Вертикальное смещение (Vertical scale) 10;

Карта смещения (Displacement Map) - Растянуть (Stretch to Fit);

Неопределенные области (Underfined Areas) - Repeat Edge Pixels (Повторить крайние пикселы). Затем нажмите ОК и выберите файл displace.psd, который вы сохранили ранее.

Шаг 8.

Удерживая клавишу Ctrl, кликните левой кнопкой мыши по миниатюре слоя со смещенным текстом, чтобы создать выделение, затем выключите видимость слоя, нажав на иконку «глаз» справа от слоя. Далее перейдите в меню Редактирование > Скопировать совмещенные данные - Edit > Copy Merged (Ctrl + Shift + С) , чтобы создать слой из частей портрета и выделенного текста.

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

Открываем изображение (пример). Делаем дубликат слоя. Обесцвечиваем его, как показано на рисунке.

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

Инструментом «Быстрое выделение» выделяем белый фон позади лица и удаляем его.

Создаем текстовые слои. Снимаем видимость со слоев с лицом и фоном. В окне слоев выделяем слои: удерживая нажатой клавишу Shift нажимаем на первый текстовый слой и нажимаем на последний текстовый слой, которые нужно выделить.

Объединяем текстовые слои нажатием комбинации клавиш Ctrl + E. При этом действии текстовые слои растрируются автоматически. Если Вы используете один текстовый слой, то его нужно растрировать: вкладка «Слои» — «Растрировать».

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

Создаем новые слои и называем их: «черные тона», «светло-серые тона», «темно-серые тона», а белые заполнять текстом не будем, чтобы не произошло эффекта «каши».

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

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

Возвращаемся к слою с постеризованным изображением и выделяем участок темно-серого цвета. Снова прибегаем к функции «Выделение» — «Подобные оттенки».

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

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

Также вы узнаете о некоторых принципах выделения и постеризации при работе с фото.

Итак, начинаем!

Превью финального результата:

Шаг 1.

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

Шаг 2.

При помощи инструмента Перо (Pen Tool) отделите лицо от черного фона. Дважды щелкните по миниатюре слоя с фотографией, разблокировав фон, и назовите образованный слой «Портрет». Создайте Новый слой (Ctrl+Shift+N) под слоем с лицом и заполните его, используя инструмент Заливка (Paint Bucket Tool (Shift+F5)) , белым цветом (ffffff) . Затем перейдите на слое с лицом в Изображение-Коррекция-Постеризация (Image > Adjustments > Posterize) и установите количество уровней в окне опции на 4. Сделайте лицо девушки черно-белым, обесцветив его. Перейдите в Изображение-Коррекция-Обесцветить (Image-Adjustment-Desaturate) Ctrl+Shift+U)) .

Шаг 3.

Скройте видимость слоя с лицом на время (нажмите на глазик в панели слоев) и активируйте инструмент «Горизонтальный Текст» (Horizontal Type Tool) . Выберите ваш любимый шрифт и черным цветом (000000) напишите на холсте несколько слов в столбик. Располагайте слова на отдельных слоях, нажимая после завершения написания каждого слова значок Commit (галочку) в верхнем меню, чтобы перейти к следующему. Если необходимо редактировать какое-либо слово после его написания, встаньте на слой с этим словом и перейдите в палитру «Символ» (Window - Character) . В окне опции внесите изменения, если требуется.

Шаг 4.

Теперь, мы сделаем Кисть (Brush) из каждого слова текста. Сначала выделите первое слово в столбике инструментом «Прямоугольное выделение» (Restangular Marquee Tool) и перейдите в меню Редактирование-Определить кисть (Edit> Define Brush Preset) . Там, в окне опции вы увидите свое слово. Присвойте новой кисти имя и нажмите Ок. Теперь, если вы откроете палитру кистей, вы увидите в наборе свою созданную кисть.

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

Шаг 5.

Теперь, мы сделаем свой собственный паттерн (узор) из сочетания всех слов столбика. Сначала, объедините все слои со словами в один (удерживая Ctrl , кликните по миниатюрам каждого слоя со словом, а затем нажмите Ctrl+E ). На объединенном слое перейдите в меню Редактирование-Свободное трансформирование (Edit > Free Transform) Ctrl+T)) и уменьшите его до крошечного размера, удерживая Shift и потянув за углы рамки.

Выключите видимость всех слоев, кроме этого. Выделите столбик из слов инструментом «Прямоугольное выделение» (Restangular Marquee Tool) и перейдите в меню Редактирование-Определить узор (Edit> Define Pattern) . Присвойте узору имя и нажмите Ок. Снимите выделение (Ctrl+D) . Ваш узор должен появиться в наборе узоров (Pattern Preset) программы.

Шаг 6.

Скройте видимость слоя с текстом и включите глазик на белом фоновом слое и слое с лицом. Инструментом «Прямоугольная область» (Restangular Marquee Tool) выделите небольшой участок черного цвета на шее девушки.

На слое с лицом переходим в меню Выделение-Подобные оттенки (Select> Similar) . Этот прием позволит выделить зоны лица с таким же цветом, как цвет выделенной области на шее.

Шаг 7.

Прежде чем идти дальше, активируйте инструмент Кисть (Brush) и сделайте клик ей в любом месте документа. Выключите видимость слоя «Портрет», но не снимайте выделения. Создайте Новый слой (Ctrl+Shift+N) наверху панели слоев и начните печатать Кистью (Brush) из слов по местам выделения. Чтобы быстро изменять размер кисти, пользуйтесь квадратными скобками на клавиатуре. Можете применять инструмент Штамп (Clone Tool) , чтобы ускорить процесс заполнения выделения. (Удерживая Alt , сделайте клик правой кнопкой мыши по месту, которое хотите копировать, затем перенесите курсор на место, куда хотите вставить копию и опять кликните правой кнопкой мыши).

Шаг 8.

Чтобы использовать более мелкие слова в портрете, применим наш созданный узор из слов. Создаем новый слой (Ctrl+Shift+N) под слоем с мазками кисти и называем его «Узор». Активируем инструмент Заливка (Paint Bucket tool) и в верхнем меню выбираем опцию не цвет, а «Паттерн» (или Регулярный). Рядом находим в палитре узоров наш узор и заполняем им, кликнув по холсту, выделение.

Шаг 9.

Заполнение лица узором сделало менее заметными наши мазки кистью и штампом. Загрузим выделение слоя с мазками кисти (Ctrl +клик по иконке данного слоя) и перейдем в меню Выделение-Модификация-Расширить (Select > Modify > Expand) и устанавливаем радиус расширения в 1 рх. Далее Выделение-Инверсия (Select > Inverse) . Встаем на слой «Узор» и нажимаем на значок Маски слоя внизу панели слоев (круг в квадрате). Этот прием создаст границу в 1 пиксель вокруг слов кистью на портрете и сделает их более заметными.

Шаг 10.

Повторите действия с 6 по 9 шаг для других оттенков серого цвета на лице модели. Выполняйте мазки кистью и заполнение узором выделения на отдельных слоях. Узорные слои располагайте под слоями с мазками кисти.

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

Хотя черно-белый портрет уже выглядит эффектно, можно попробовать добавить цвет изображению и любую текстуру. Чтобы добавить цвет на буквенные слои лица, объедините слой с узором и мазками кисти в каждом отдельном оттенке в один слой (Ctrl +клик по миниатюрам двух слоев, выделив их, затем Ctrl+E ). На миниатюре объединенного слоя дважды кликните и откройте окно «Стилей слоя» (Layer Style) . В опции найдите параметр «Наложение цвета» (Color Overlay) и, нажав на цветовой квадрат, выберите любой оттенок для слоя.

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

Экспериментируйте, и результат превзойдет ваши ожидания! Успехов!

Типографические портреты, которые многим понравились:

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

Подготовка в Photoshop

Для примера, берем фотографию Миллы Йовович.

Открываем наш jpeg в Photoshop .
Полностью выделяем рабочую область (ctrl+A) , затем дублируем слой с картинкой (ctrl+J) .

Обесцвечиваем только что созданный слой (ctrl +shift+U) .

Придадим немного контрастности нашему изображению (ctrl+L) .

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

Далее применяем фильтр Cutout (filter>Artistic>Cutout…)

С помощью ползунков настраиваем фильтр так, чтобы у вас осталось приблизительно 4-6 цветовых тона .

Подготовка в векторе

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

Открываем векторный редактор. Я предпочитаю работать в Xara Extreme Pro . Создаем новый документ (ctrl+N) .

Импортируем недавно сохраненную картинку комбинацией клавиш (ctrl+alt+I) или (file>import) .

Для удобства работы немного настроим интерфейс программы. Нам понадобится окно со слоями Object gallery (аналог панельки Layers в Photohsop).

Вызываем его так: (utilities>galleries>color gallery) или (F10) . Немного расскажу о назначении иконок в окне Object Gallery.

1. Блокировка слоя.
2. Видимый слой.
3. Скрытый слой.
Хотя здесь все довольно просто.

Для дальнейшей работы можно увеличить прозрачность фотографии. Выбираем в панели инструментов Transparency Tool (F6) , вверху изменяем процент прозрачности с 0% на 45% .

Блокируем слой с нашей картинкой (background). Все, подготовительный этап завершен.

Рисуем кривую инструментом Pen tool (shift+F5) .

После того, как линия завершена, выбираем инструмент Text Tool (T) и подводим курсор к месту, от которого мы начинали рисовать нашу кривую. После этого вбиваем текст, периодически изменяя размер шрифта, его жирность и межбуквенное расстояние. Начиная с больших пространств, заполняя область цветовых пятен портрета, постепенно переходим к деталям.

Чтобы направляющие линии не мешали нам, скрываем их.
Для этого: выделяем объект с текстом и направляющей, при зажатом Shift кликнем на иконку, расположенную в цветовой панели в левом нижнем углу. Таким образом, мы обесцвечиваем контур объекта.

По ходу добавления направляющих с текстом кол-во слоев будет увеличиваться, для удобства группируем их в папки. Выделяя стопку слоев, нажимаем Ctrl+G .

1.
2.
3.
4.
После того, как мы закончим с наполнением крупных и мелких пространств, перекрашиваем отдельные участки текста в нужные оттенки серого, позаимствовав цвет с самого нижнего слоя, при помощи инструмента Colour Picker (Пипетка) .
Скроем нижней слой с фотографией и посмотрим, что получилось.

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

Небольшое замечание:
Этот слой с фоновым текстом должен находиться под остальными слоями.

Финал

Затем включаем видимость других слоев за исключением фоновой фотографии, экспортируем результат в Jpeg . (file>export…) или (shift+ctrl+E) .

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