Posted:
Июл 3, 2022
Comments:
0 Comments

Типографика портреты из букв: Как создать типографический портрет

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


  • Уроки

  • 3 мин на чтение


  • 11281

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

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

  • #дизайн

  • #портрет

  • #типографика



  • 4


Открылась выставка «Типографика в лицах»

Свежий номер

РГ-Неделя

Родина

Тематические приложения

Союз

Свежий номер

Культура

08.03.2022 20:20

Поделиться

Портреты писателей — из знаков шрифта

Андрей Васянин

Шрифтом Times New Roman печатаются книги, газеты, афиши. Этим шрифтом журналисты набирают статьи на компьютерах, писатели пишут книжки. Но вот портрет Льва Толстого — из множества знаков параграфов в шрифте Times образовалась самая что ни на есть густая борода, из скобок — морщины на лбу, из перевернутого знака вопроса вышел отличный толстовский нос. Художник-книжник Олег Корытов, лауреат множества премий и автор учебников по книжному дизайну, знающий о шрифтах, однажды понял, что буквы созданы не только для слов.

Александр Корольков

Из таких портретов и собрана только что открывшаяся в Культурном центре библиотеки им. Чехова выставка Корытова, приуроченная к 145-летию «Первой образцовой типографии», выпустившей альбом с портретами. Название выставки «Типографика в лицах» точно отражает подход художника-полиграфиста, взявшегося собирать графические портреты из типографских знаков.

Впервые эту технику работы со шрифтом Олег использовал в 2009 году. Тогда он создал из элементов наборных шрифтов галерею портретов русских писателей «За скобками». Среди них были портреты Гоголя, Высоцкого, Горького, Маяковского, Чехова. .. Через 10 лет художник вернулся к этой технике с идеей портретов творцов всех времен. Поскольку время по-английски — time, Олег решил исполнить эти портреты только в гарнитуре Times.

Первой серии портретов, названной TypeFace at All Times, на выставке посвящена отдельная стена. Здесь портреты Ремарка — из скобок, титл и цифр, Овидия — из шестерок и скобок, Менделеева — из цифр и параграфов. В серии TypeFace at Music Times — Рыбников и Бетховен, Маккартни и Гленн Миллер. Серия TypeFace at VKHUTEMAS Times посвящена 100-летию ВХУТЕМАСа.

— Похож! — говорит стоящая у портрета художника Андрея Гончарова, ученика Фаворского, выпускника ВХУТЕМАСа, его дочь Наталья. — Взгляд, брови уголком, нос был такой же прямой, как вот этот восклицательный знак…

Работу над портретами Корытов начинает с изучения изображений своих героев в разные моменты жизни, в разном возрасте, в разных жанрах. Прикидывает, в каком ракурсе выбранные им художественные средства позволяют наилучшим образом создать психологический портрет героя. Средств, казалось бы, и так всего ничего — скобки, буквы, точки, кавычки… Но чем более узка воронка — тем быстрее в ней движение. Корытов и из того, что у него есть, садясь перед монитором, берет минимум, получая при этом максимальный результат.

Художница Наталья Гончарова: двух лежащих скобок хватает, чтоб изобразить шляпку, скобки-запятой достаточно для лукавого глаза, округлый подбородок — тоже лежащая скобка, вздернутый запятой маленькийносик — и ведь ни с кем не спутаешь знаменитую авангардистку. Лицо — четыре больших скобки, две прямых, из двух лежащих запятых — глаза, а знак вопроса — это ухо. Перед нами портрет Исаака Дунаевского, автора песни «Веселый ветер». И тут, и всюду — эмоции, характерные прищуры, осанки и прически.

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

Российская газета — Федеральный выпуск: №49(8697)

Поделиться

Музыкальный театрГид-парк

Typography Portrait — Etsy.

de

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Найдите что-нибудь памятное,
присоединяйтесь к сообществу, делающему добро.

(
1000+ релевантных результатов,

с рекламой

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

)

  • 15 примеров типографского искусства | Типография Art Design

    Типографика, или дизайн букв, раньше ограничивалась книгами, журналами и рекламой, но это было до появления Интернета. Сегодня? Другая история. Искусство типографики повсюду, от восхитительно минималистичных до громких и гордых. Ниже мы собрали 15 уникальных примеров, которые помогут вам начать создавать искусство типографики самостоятельно. Самое приятное то, что вы можете создавать привлекательные шедевры типографики прямо в PicMonkey. Давайте начнем с вдохновения, а потом мы покажем вам, как!

    Что такое типографское искусство?

    Типографское искусство — это дизайн букв.

    Подождите, разве это не то же определение, что и типографика?

    Абсолютно. Сама по себе типографика — это вид искусства. И когда вы думаете о дизайне букв , есть над чем подумать. Стиль шрифта… внешний вид… организация… все это определяет окончательный вид, а окончательный вид должен вызывать эмоции и передавать сообщение любому, кто его просматривает.

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

    Теперь давайте покажем вам, что мы имеем в виду.

    15 примеров типографского искусства

    Все эти художники — мастера своего дела. Если вы только начинаете заниматься типографикой, мы полностью за то, чтобы вы смотрели больше их работ и собирали ТОННЫ вдохновения для своих собственных дизайнов.

    Chill Vibes от Джессики Хиш

    Смотрите это и многое другое на веб-сайте Хиша .

    Хиш сделала это для музыкального выпуска журнала Pop-Up Magazine, где ей было поручено визуально представить свое отношение к музыке в Калифорнии.

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

    См. это и многое другое на веб-сайте Hische .

    Еще один пример Хиша — создание типографики из… типографики. Описательные слова, написанные курсивом, объединяются, чтобы сформировать заглавную букву Splenda «S».

    Хиш говорит, что слова — это то, что, по мнению команды Splenda, представляет бренд, что делает этот дизайн прекрасным примером использования искусства типографики в качестве привлекательной формы брендинга.

    Сегодня хороший день.

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

    В Сегодня хороший день, есть что-то утешительное в симметрии и идеальном расстоянии между буквами. Кроме того, если вы думаете, что это крупномасштабный дизайн, посмотрите еще некоторые работы Джонстона. Спойлер: он становится больше!

    Ласточка от Peter Strain

    Смотрите это и многое другое на в Instagram Strain .

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

    Пролистайте его коллекцию, и вы обязательно узнаете несколько лиц (и увидите невероятные образцы типографского искусства).

    Большой брат и холдинговая компания Виктора Москосо

    Посмотрите эту и другие работы Москосо по телефону Музей современного искусства .

    Виктор Москосо — испанский художник, известный своими психоделическими работами. Среди его самых популярных проектов были рок-постеры, реклама и андерграундные комиксы 19-го века.60-х и 1970-х годов.

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

    Pop-Up Джеймса Викторе

    См. это и многое другое по адресу Плакаты Victore .

    В профиле Викторе на Behance есть эклектичная коллекция постеров, наполненных различными вариантами искусства типографики. Этот передает образ прошлых лет: рисование пальцами.

    Поиск определений Скотта Альбрехта

    См. это и многое другое на веб-сайте Альбрехта .

    Альбрехт описывает свой подход к искусству как основанный на типографике. Он ищет способы деконструировать формы букв, как мы видим здесь. Стоит также отметить — это изделие из дерева!

    Надписи от руки Pommel Lane

    См. это и многое другое по адресу decor8 .

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

    См. это и многое другое по адресу decor8 .

    Опять слишком много ночи от Pae White

    См. этот и другие экспонаты 2013 года здесь .

    Пэй Уайт представила Слишком много ночи , Снова на своей выставке 2013 года в галерее Южного Лондона.

    Стринг-арт, когда художник укладывает цветную нить, натягивая ее между разными точками. Результатом часто является геометрический узор или другой репрезентативный дизайн. В данном случае это типографика!

    Премия Вилчека дизайн Штефана Загмайстера

    См. это и многое другое на Веб-сайт Загмайстера .

    Премия Вилчека присуждается за достижения американцев иностранного происхождения в области изобразительного искусства и биомедицинских исследований. Он персонализирован для получателя награды и изготовлен с помощью 3D-печати.

    Загмейстер описывает награду как «очень четкую, высокую типографскую пирамиду, в основе которой лежит тщательно подобранная типографика».

    Stripes by André Beato

    Смотрите это и многое другое в профиле Беато Behance .

    Забавный факт: если долго смотреть на этот дизайн, то глаза болят.

    Беато искажает прямые линии, чтобы создать типографику в центре дизайна. Мы видим его инициалы — а вы?

    Да, Чарльза Уильямса

    См. это и многое другое по адресу Приготовлено .

    В интервью designboom Уильямс сказал (о желании стать графическим дизайнером): «Раньше мне нравилось рисовать трехмерные буквы, просто используя тени, чтобы показать трехмерные блочные формы. Мне нравится притворяться, что я продвинулся дальше этой ранней фиксации, но мы все знаем, что это не так».

    Ну… теперь это анимированных 3D-букв.

    В нем вместе by Graffiti Arts

    Смотрите это и многое другое на Graffiti Arts .

    Компания Graffiti Arts получила заказ на создание этого типографского художественного дизайна в знак признательности службам экстренного реагирования и сообществу Elmhurst Queens, NY.

    Яркие цвета в сочетании с жирным шрифтом образуют многослойное и многомерное произведение искусства. Возможно, вы видели фрески Graffiti Arts в других местах — их граффити и уличные художники работают по всей стране!

    Summer by Margaret Scrinkl

    Смотрите это и другие на Профиль Scrinkl на Behance .

    Скринкл наполняет свою смелую типографику изображениями для супер-привлекательного (и подходящего для сезона) вида.

    5 способов создания типографики в PicMonkey

    Чувствуете вдохновение и готовы творить? Вот 5 способов, которыми вы можете начать направлять своего внутреннего художника типографики с помощью PicMonkey!

    1. Используйте рукописный шрифт в качестве наложения изображения

    У вас есть сотни шрифтов на выбор при разработке дизайна в PicMonkey. Выберите рукописный шрифт, такой как Bombshell Pro, Saturday Script или La Belle Aurore, решите, что вы хотите сказать, и поместите его поверх соответствующего изображения.

    Чтобы добавить текст к фотографии в PicMonkey:

    1. Откройте свое изображение или выберите его из нашей фотобиблиотеки Shutterstock.

    2. Нажмите вкладку «Текст» слева, затем нажмите Добавить текст .

    3. Настройте шрифт, цвет текста, размер, расстояние между буквами и многое другое.

    2. Наложение текста на фото

    Сделайте свое типографское искусство многомерным, наложив текст на изображение!

    Чтобы наложить текст на фотографию в PicMonkey:

    1. Откройте свое изображение или выберите одно из нашей фотобиблиотеки Shutterstock.

    2. Нажмите вкладку «Текст» слева, затем нажмите «Добавить текст».

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

    Узнайте больше: Наложение текста на фотографии для высококачественного дизайна

    3. Заполнение текста изображением

    Если вы слишком долго смотрели на дизайн Margaret Scrinkl Summer , то заполнение текста изображением может оказаться для вас подходящим типографским искусством.

    С выбранным текстовым слоем в PicMonkey:

    1. Нажмите Заполнить изображением в меню Инструменты для работы с текстом.

    2. Загрузите собственное изображение или используйте стоковое фото.

    9

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

    создания типографики.

    Чтобы использовать графику в PicMonkey:

    1. Начните с чистого холста или шаблона.

    2. Перейдите на вкладку Графика слева.

      This entry was posted in Популярное