Типографская магия: как сделать амбиграмму

В этом полезном уроке Никита Прохоров учит нас, как сделать амбиграмму слова «онлайн».

Я благословлен тем, что был воспитан семьей артистичных людей. Мой дедушка был архитектором и художником. Мои мама и бабушка, несмотря на то, что делали карьеру психиатра, любили искусство и могли преподавать любой класс истории искусств в колледже без учебника. Естественно, вместо того, чтобы стать врачом, я обратился к искусству и графическому дизайну. Будь то влияние моего дедушки или моей фрейдистской мамы и бабушки, мой вкус в искусстве и дизайне всегда был необычным в том смысле, что меня тянет (каламбур!) К искусству, которое тянет вас на второй, третий, четвертый … или даже бесконечное количество образов: хорошим примером были бы Рене Магритт и MC Эшер.

Амбиграммы — это слова, которые при взгляде с другой точки зрения (повернутые, зеркальные, отраженные и т. Д.) Читаются как одно и то же или как другое слово.

Амбиграммы с сайта Никиты Прохорова, ambigrammist.com

Я впервые заметил их на страницах книги Дэна Брауна «Ангелы и демоны» и они сразу привлекли меня, во многом как искусство Магритта и Эшера. Хорошо продуманная амбиграмма имеет незаметную двойственность, которая не сразу очевидна невооруженным глазом. Художественное прозрение, которое происходит, когда вы понимаете, что слово можно повернуть, и вы все равно можете прочитать его как слово (независимо от того, совпадает ли оно с оригиналом или отличается от него),

Итак, как можно создать амбиграмму? Как и любое художественное начинание, оно требует времени и практики. Чтобы стать художником, вы должны рисовать и рисовать часто. Если вы хотите стать писателем, начинайте рисовать буквы от руки каждый день. И если вы хотите научиться создавать амбиграммы, начните рисовать. И рисовать много. Помимо эскизов, есть несколько хороших правил, которым нужно следовать, хотя они не выточены в камне.

Тип правил

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

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

Сохраняйте это простым

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

Давайте возьмем слово «онлайн» и создадим из него амбиграмму. Есть много разных типов амбиграмм, но мы сосредоточимся на более традиционной вращательной амбиграмме на 180 градусов: это просто означает, что вам нужно повернуть слово на 180 градусов, чтобы увидеть второе слово.

Шаг за шагом: как сделать амбиграмму

Шаг 1 — Запишите слово

Довольно просто, нет? Возьмите карандаш (вы будете много стирать, поэтому карандаш — отличная идея) и запишите слово, которое вы выбрали дважды: один раз, как вы обычно его читаете, и один раз вверх ногами, прямо под ним. первое слово Попробуйте как строчные, так и прописные!

Ваше выбранное слово записано несколькими различными способами

Этот процесс важен, потому что он позволяет вашим глазам и мозгу:

А) привыкнуть к традиционным буквам вверх ногами и
Б) Посмотрите, как перевернутые буквы в общем виде соотносятся с первым словом.

Это помогает установить визуальные связи между буквами и подобрать определенные типографские детали, которые вы можете не увидеть, не перевернув буквы вверх ногами. Вы можете не осознавать, что если вы перевернете «b» вверх дном, вы получите «q», а если вы отразите «q» вертикально, вы получите «p». Все дело в том, чтобы увидеть то, что вы привыкли с другой точки зрения.

[Related: 10 Indispensable Typography Terms, Illustrated | Theo Rosendorf, Type Fanatic: On the Importance of Typography in Design | 3D Design Geekery: A Movable Book of Typography Design]

Шаг 2 — Соотношения букв и анализ

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

Отражение 1 к 1 — это идеальный сценарий, когда одна буква превращается в другую при повороте. После поворота это может быть та же самая буква или буква, отличная от оригинала.

Отражение 2 к 1 — Это немного более сложное соотношение букв, когда две буквы превращаются в одну букву при повороте.

Отражение 3 к 1 — Вероятно, это наиболее сложное соотношение букв, когда три буквы становятся одной буквой при повороте.

Примеры вышеуказанных бросков. Обратите внимание, что эти сальто не являются частью слова, выбранного для этой статьи.

Теперь давайте посмотрим на буквенные формы слова «онлайн». Этот шаг поможет вам проанализировать слово, чтобы увидеть, какой тип буквенных комбинаций / пар вам нужно разработать. Вы можете либо установить центральную точку в слове и проанализировать его изнутри, либо начать с внешних букв и двигаться к центру слова. Для этого слова, учитывая, что в конце и начале слова (o, e) и нескольких очень сильных вертикалей (n, l, i) есть два круглых элемента, мало что изменило подход используемый. Но пусть будет известно, что я начал с «о» и «е»!

«Онлайн» с анализом

Поскольку это не очень сложное слово, мы уже видим потенциально плодотворные типографские отношения. «О» и «е» имеют очень схожую структуру, и вам нужно будет внести минимальные корректировки, чтобы сделать их разборчивыми. Таким образом, ваша первая буква — это флип со счетом 1 к 1. «N» превращается в «n» вверх ногами без особых усилий: ваша вторая пара — это легкое сальто 1 к 1 «n / n». Это оставляет «l» и «i»: обе буквы имеют сильные вертикали, и ваш последний бросок в конечном итоге будет броском 1 к 1 «l / i». Теперь, когда пары букв определены, пришло время сделать набросок.

Шаг 3 — Эскиз

Хорошее эмпирическое правило — начинать дизайн амбиграммы с простых однолинейных линий. Зачем? Ну, это похоже на дизайн логотипа, когда вы убедитесь, что ваш логотип работает хорошо в черно-белом режиме, прежде чем вы начнете добавлять цвета и другие элементы. В дизайне амбиграммы, начиная с буквенных форм, которые имеют много контрастных толстых / тонких элементов и имеют более сложную структуру (на ум приходят шрифты blackletter), это может нанести ущерб функциональности и читаемости вашей амбиграммы. Начните с простых однотонных линий и убедитесь, что ваша амбиграмма разборчива и читаема, прежде чем вводить какие-либо конкретные типографские стили.

Помните старый девиз Баухаузской школы — «форма следует за функцией». Имейте это в виду, работая над своей амбиграммой!

эскизы для «онлайн» амбиграммы

Шаг 4 — уточнение

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

В этот момент у вас может возникнуть вопрос: остаться на бумаге или переключиться на компьютер. Это вопрос предпочтений! Лично я люблю рисовать амбиграммы и буквы как на бумаге, так и на компьютере, но среда зависит от конечного результата и необходимости. Однако здесь применимо еще одно практическое правило: прежде чем переключаться на компьютер, убедитесь, что эскиз вашей амбиграммы максимально точен. Никакие знания в области программного обеспечения не компенсируют нерешительный набросок и неразборчивую амбиграмму — на самом деле это принесет больше вреда, чем пользы, но при этом принесет вам ненужное разочарование.

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

Далее: Используйте новый навык надписи в интерактивном курсе кисти Ксандры Саморы в HOW Design University.

Пост «Типографская магия: как сделать амбиграмму» впервые появился на HOW Design.