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

Ранее на сайте пользователь 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:

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

Комментарии

ПОЧЕМУ ОТКРЫВАЕТСЯ ШАШЛЫК?????????????
Инфографика о космосе
Дмитрий UX
Креакл какой-то писал. В плохом смысле слова.
Мануал как за год вырастить дизайнера: подборка учебников и видео

Статьи по теме

4 комментария

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

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

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

      минут 15

  • Аноним

    В Кореле получится?

  • Аноним

    Очень круто!!!

Комментарии для сайта Cackle