Главная/ Блог / Типографический портрет – как это делается?

Типографический портрет – как это делается?

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

Приступим.

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

Milla_Yovovich

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

2

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

3

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

4

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

6

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

7

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

8

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

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

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

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

9

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

10

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

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

12

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

Начинается самое интересное.

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

14

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

16

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

18

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

1.
19

2.
20

3.
21

4.
22

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

Скроем нижней слой с фотографией и посмотрим, что получилось.

24

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

25

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

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

26

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

28.02.2010   Репин Олег

Комментарии

nokDrers    08.11.2010
прикольный сайт! много чего приглянулось! админы молодцы!!

nokDrers    08.11.2010
Необыкновенный пост. Было очень захватывающе прочитать сие! Выкладывайте побольше таких постов.

Антон    22.05.2011
Так же, все операции с текстом можно провести в Photoshop.

Написать комментарий

Комментарий будет опубликован после модерации
RSS

О блоге

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

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

http://www.repins.ru/

 
 
Портфолио| О нас| Связь| Блог

© 2009—2011 Братья Репины