Урок

Как создать типографический портрет

Ранее на сайте пользователь Astro публиковал типографические портреты, которые многим понравились:

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

Подготовка в 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).

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

Удачи ;)

Источник: render.ru

PS: это описание подойдет не всем, т.к. большинство все еще пользуется программой Adobe Illustrator. Но принцип создания остается прежним по этому уроку, только инструмент основной будет называться Type on a Path Tool:

Типографический портрет
Этот инструмент как раз и дает возможность печатать текст по выбранной траектории.

  • http://vk.com/id225809808 Виктория Иванникова

    сколько времени ушло на этот портрет?

    • http://vk.com/id39454395 Иван Ляшко

      минут 15

  • http://www.oystermontre.ru/jubilee-steel-womens-watch-c22_29/ rolex oyster Datejust 2 homme discount

    rolex oyster Datejust 2 homme discount

    Dora you are in trouble, touch not the annointed one. God is saying touch not my annointed one.

  • http://www.nailjewelry.ru/replica-cartier-love-yellow-gold-bracelet-with-four-diamond-p744/ cartier love bracelet stainless steel replica

    cartier love bracelet stainless steel replica

    cartierlovejesduas This was my favorite blog post yet! So many examples of projects and all the fabulous embroidery threads you have out there! Thank you for re-inspiring me to get back to my needle work!

  • http://www.aaawatch.cn/it/cartier-love-rings-c122_129/ falso cartier anelli con 5 diamanti

    falso cartier anelli con 5 diamanti

    cartierbraceletlove This asshole, you fucking emoprogs, is considered a frontrunner for the Republican nomination of President of the United States of America. Continue your whinny pouty behavior of doing nothing because you think you’re not getting ev…

  • http://www.popularllove.com/it/fake-cartier-ring-c142/ replica anelli cartier prezzi

    replica anelli cartier prezzi

    Oga your comment is dumb… Shey wizkid voice wey sweet no fit take am to where Davido dey now?

  • http://www.braccialegioielli.cn/fr/ replique bracelet love cartier or jaune

    replique bracelet love cartier or jaune

    You actually make it seem so easy with your presentation but I find this topic to be actually something which I think I would never understand. It seems too complex and very broad for me. I’m looking forward for your next post, I will try to get the ha…