Типографические портреты, которые многим понравились:
Сегодня я публикую урок, который расскажет об одной из возможных техник создания подобного портрета.
Для примера, берем фотографию Миллы Йовович.
Открываем наш 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) .
Все готово! Теперь можно выпить чашечку кофе и вздохнуть с облегчением.
Моей целью является ознакомление с процессом работы в данной технике, все остальное в ваших руках!
Портрет из слов – это портрет, в котором изображение полностью состоит только из слов и ключевых фраз. Все линии, характерные элементы, контуры выполняются нужным расположением слов.
Слайды предлагают 3 стиля портрета из слов – они отличаются друг от друга комбинациями размеров самих слов, фоном, методом расположения слов на портрете. Все стили представлены в галерее. Все портреты из слов прорабатываются дизайнером вручную, чтобы слова не накладывались друг на друга, наилучшим образом подчеркивали красоту и гармоничность портрета.
1Изображение разбивается на два тона. Тон-тень заполняется словами. Цветовая гамма может быть любой.
Использованные слова: креатив, характер, харизма, успех, опыт, сила, мужество, всегда на высоте, счастье, независимость.
2Фон портрета заполняется черным. Изображение (лицо) заполняется словами. Цветовая гамма оригинальная. Использованные слова: опыт, счастье, помощь, старость, радость, мудрость.
3Изображение разбивается на мазки, которые заполняются словами. Портрет как бы прорисовывается мазками из слов. Цветовая гамма оригинальная. Использованные слова: добра, удачи, мира, счастья, Артём, Татьяна, Степан.
Для составления изображения необходимо хотя бы десять слов, желательно существительных. При этом, слова подбирает не дизайнер, а заказчик. Это позволяет заказчику выразить в портрете всё, что не получается сказать вслух, наполнить портрет эмоциями, которые хочется в полной мере передать близкому человеку. Оставить пожелания или признания, которые будут сопровождать его в повседневнойжизни.
Для получения дополнительной информации или заказа услуги «Изготовление портрета из слов» от креативной группы «Слайды», обращайтесь к нашим . Информацию также можно получить в нашей группе
В этом уроке Фотошоп вы узнаете, как сделать необычный портрет из слов и их сочетаний. Как известно, для создания типографического портрета в искусстве требуется огромное количество времени и сил. Мы создадим подобную работу доступным способом при помощи своих собственных кистей и заливки узором, созданным из слов.
Также вы узнаете о некоторых принципах выделения и постеризации при работе с фото.
Итак, начинаем!
Превью финального результата:
Откройте изображение лица девушки в Фотошоп , предварительно скачав его в ресурсах урока. Нет необходимости создавать Новый документ, поскольку основой нам будет служить исходное фото.
При помощи инструмента Перо (Pen Tool) отделите лицо от черного фона. Дважды щелкните по миниатюре слоя с фотографией, разблокировав фон, и назовите образованный слой «Портрет». Создайте Новый слой (Ctrl+Shift+N) под слоем с лицом и заполните его, используя инструмент Заливка (Paint Bucket Tool (Shift+F5)) , белым цветом (ffffff) . Затем перейдите на слое с лицом в Изображение-Коррекция-Постеризация (Image > Adjustments > Posterize) и установите количество уровней в окне опции на 4. Сделайте лицо девушки черно-белым, обесцветив его. Перейдите в Изображение-Коррекция-Обесцветить (Image-Adjustment-Desaturate) Ctrl+Shift+U)) .
Скройте видимость слоя с лицом на время (нажмите на глазик в панели слоев) и активируйте инструмент «Горизонтальный Текст» (Horizontal Type Tool) . Выберите ваш любимый шрифт и черным цветом (000000) напишите на холсте несколько слов в столбик. Располагайте слова на отдельных слоях, нажимая после завершения написания каждого слова значок Commit (галочку) в верхнем меню, чтобы перейти к следующему. Если необходимо редактировать какое-либо слово после его написания, встаньте на слой с этим словом и перейдите в палитру «Символ» (Window - Character) . В окне опции внесите изменения, если требуется.
Теперь, мы сделаем Кисть (Brush) из каждого слова текста. Сначала выделите первое слово в столбике инструментом «Прямоугольное выделение» (Restangular Marquee Tool) и перейдите в меню Редактирование-Определить кисть (Edit> Define Brush Preset) . Там, в окне опции вы увидите свое слово. Присвойте новой кисти имя и нажмите Ок. Теперь, если вы откроете палитру кистей, вы увидите в наборе свою созданную кисть.
Повторите процесс создания кистей для каждого слова вашего текста по этой схеме. В конце работы снимите выделение (Ctrl+D) .
Теперь, мы сделаем свой собственный паттерн (узор) из сочетания всех слов столбика. Сначала, объедините все слои со словами в один (удерживая Ctrl , кликните по миниатюрам каждого слоя со словом, а затем нажмите Ctrl+E ). На объединенном слое перейдите в меню Редактирование-Свободное трансформирование (Edit > Free Transform) Ctrl+T)) и уменьшите его до крошечного размера, удерживая Shift и потянув за углы рамки.
Выключите видимость всех слоев, кроме этого. Выделите столбик из слов инструментом «Прямоугольное выделение» (Restangular Marquee Tool) и перейдите в меню Редактирование-Определить узор (Edit> Define Pattern) . Присвойте узору имя и нажмите Ок. Снимите выделение (Ctrl+D) . Ваш узор должен появиться в наборе узоров (Pattern Preset) программы.
Скройте видимость слоя с текстом и включите глазик на белом фоновом слое и слое с лицом. Инструментом «Прямоугольная область» (Restangular Marquee Tool) выделите небольшой участок черного цвета на шее девушки.
На слое с лицом переходим в меню Выделение-Подобные оттенки (Select> Similar) . Этот прием позволит выделить зоны лица с таким же цветом, как цвет выделенной области на шее.
Прежде чем идти дальше, активируйте инструмент Кисть (Brush) и сделайте клик ей в любом месте документа. Выключите видимость слоя «Портрет», но не снимайте выделения. Создайте Новый слой (Ctrl+Shift+N) наверху панели слоев и начните печатать Кистью (Brush) из слов по местам выделения. Чтобы быстро изменять размер кисти, пользуйтесь квадратными скобками на клавиатуре. Можете применять инструмент Штамп (Clone Tool) , чтобы ускорить процесс заполнения выделения. (Удерживая Alt , сделайте клик правой кнопкой мыши по месту, которое хотите копировать, затем перенесите курсор на место, куда хотите вставить копию и опять кликните правой кнопкой мыши).
Чтобы использовать более мелкие слова в портрете, применим наш созданный узор из слов. Создаем новый слой (Ctrl+Shift+N) под слоем с мазками кисти и называем его «Узор». Активируем инструмент Заливка (Paint Bucket tool) и в верхнем меню выбираем опцию не цвет, а «Паттерн» (или Регулярный). Рядом находим в палитре узоров наш узор и заполняем им, кликнув по холсту, выделение.
Заполнение лица узором сделало менее заметными наши мазки кистью и штампом. Загрузим выделение слоя с мазками кисти (Ctrl +клик по иконке данного слоя) и перейдем в меню Выделение-Модификация-Расширить (Select > Modify > Expand) и устанавливаем радиус расширения в 1 рх. Далее Выделение-Инверсия (Select > Inverse) . Встаем на слой «Узор» и нажимаем на значок Маски слоя внизу панели слоев (круг в квадрате). Этот прием создаст границу в 1 пиксель вокруг слов кистью на портрете и сделает их более заметными.
Повторите действия с 6 по 9 шаг для других оттенков серого цвета на лице модели. Выполняйте мазки кистью и заполнение узором выделения на отдельных слоях. Узорные слои располагайте под слоями с мазками кисти.
Если вы используете все оттенки на изображении, у вас получится прекрасный результат, как на примере ниже. Это окончательный результат:
Хотя черно-белый портрет уже выглядит эффектно, можно попробовать добавить цвет изображению и любую текстуру. Чтобы добавить цвет на буквенные слои лица, объедините слой с узором и мазками кисти в каждом отдельном оттенке в один слой (Ctrl +клик по миниатюрам двух слоев, выделив их, затем Ctrl+E ). На миниатюре объединенного слоя дважды кликните и откройте окно «Стилей слоя» (Layer Style) . В опции найдите параметр «Наложение цвета» (Color Overlay) и, нажав на цветовой квадрат, выберите любой оттенок для слоя.
Таким образом, можно играть с настройками «Стилей слоя», используя другие параметры опции (Тиснение, Наложение градиента, Наложение узора и т.д.).
Экспериментируйте, и результат превзойдет ваши ожидания! Успехов!
В этом уроке мы создадим эффект портрета из текста, который деформируется под изгибами лица. Этот эффект довольно популярен и называется Calligram. Его использование особенно уместно для оформления цитат и речей известных личностей. Ключевым инструментом в нашей работе будет фильтр Photoshop Displace/Смещение. Именно он позволит нам аккуратно исказить текст по текстуре изображения.
Для создания примера мы возьмем стоковое фото и речь из фильма The American President (1995). вы же можете выбрать любых личностей и любой текст.
Откройте выбранное вами изображение в Photoshop. В нашем примере это фотография senior man из Shutterstock . Кадрируйте изображение под желаемые размеры.
Добавьте корректирующий слой (Adjustment Layer) Black and White/Черный и белый и добавьте контраста изображению, затемнив красный канал.
Выберите слой с фотографией и примените к нему фильтр Gaussian Blur/Размытие по Гауссу. Укажите радиус около 20px. Эта размытость позволит сгладить эффект смещения.
Возьмите инструмент Type/Текст и нарисуйте контейнер по размеру документа. Вставьте ваш текст в контейнер и удалите разделение на абзацы, чтобы получить полотно текста. Отключите опцию Hyphenate/Переносы и выберите выравнивание текста по типу Justified/Выключка.
Если вашего текста не хватает на то, чтобы заполнить весь портрет, вы можете копировать его и вставить вновь. Выберите подходящий шрифт (в нашем случае это Montserrat Bold в режиме все заглавные). Настройте размер шрифта так, чтобы он плотно перекрывал портрет.
Сделайте активным слой с текстом и в меню выберите Filter > Distort > Displace/Фильтр>Искажение>Смещение. Позвольте программе растрировать шрифт, затем укажите значения 10 в Horizontal/Горизонтальном и Vertical scale/Вертикальном масштабировании. После этого нажмите OK и найдите файл displace.psd.
Удерживая CMD/Ctrl, кликните по иконке слоя со смещенным текстом, чтобы создать выделение по его контуру. Затем скройте слой. В меню выберите Edit > Copy Merged/Редактировать>Скопировать совмещенные данные (CMD+Shift+C).
Создайте новый документ (Photoshop автоматически укажет размеры вашего рабочего документа). Вставьте в новый документ работу, залейте фон черным цветом.
Перевод — Дежурка