Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Arabic Calligraphy
Design

Креативная арабская каллиграфия: квадрат куфический

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Arabic Calligraphy for Beginners.
Creative Arabic Calligraphy: Proportions and Spacing
Creative Arabic Calligraphy: Kashida, Ta'jîm and Tashkîl

Russian (Pусский) translation by Sergey Zhuk (you can also view the original English article)

Final product image
What You'll Be Creating

Квадратный куфический (kufi mrabba), иногда известный как bannâ'i («масонство»), является особым стилем куфического стиля, который позволит нам создавать композиции, используя основные структурные формы букв. Действительно, Square Kufic (сокращенно SK) является самым стильным из всех стилей арабской письменности и интересным предшественником пиксельного искусства, хотя изначально он был составлен из кирпичей и плиток и использовался в больших масштабах в архитектуре.

Этот стиль абсолютно не связан с разборчивостью: понимается, что есть послание, Слово, и смотреть на него достаточно, чтобы получить его благословение. Грамотность, возможно, была ограничена в прошлом, но красота всегда была доступна для всех, и именно красота картины имеет значение. В своей простейшей форме С. К. является строгим и получает свою красоту от чистоты своей аскезы; Но он поддается умным, даже игривым вариациям, ограниченным только творчеством. Больше, чем любая другая каллиграфическая практика, создание в SK очень похоже на решение головоломки, придавая ей особую привлекательность для решения проблем.

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

Panel from the Topkapi scroll
Панель из свитка Топкапы, показывающая сетку, лежащую в основе дизайна.
Mosque-shaped composition
Мечеть в форме композиции, Турция.
The first verse of the Quran composed in the shape of the name Muhammad
Первый стих Корана, составленный в форме имени Мухаммад, сам в Квафисе.
Composition with an overlapping effect
Композиция с перекрывающимся эффектом.
Combination of calligraphy and geometry
Сочетание каллиграфии и геометрии
The minaret of the Royal Mosque in Ispahan
Минарет Королевской мечети в Исфахане и основной модуль, составляющий его украшение (фото Патрика Ринггенберга)
Clever design where the black and white spaces both spell Allah
Умный дизайн, в котором черное и белое пространство заклинание «Аллах»

Основы Square Kufic

Одно правило

Квадрат Kufic имеет только одно строгое правило: абсолютная равномерность полного и пустого пространства. Мы можем наблюдать это в следующем классическом слове для слова Аллах, где первоначальный Алиф размещается горизонтально над остальной частью слова (это типично для SK), так что общая форма квадрата.

The rule of evenness

Нигде черный или белый не толще единицы (это один квадрат сетки). Это равномерность. Сравните это с двумя ошибками:

Errors to look out for

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

Ниже, например, ранняя моя композиция с одной серьезной (и неразрешимой) ошибкой, которую я в то время не замечал. Можете ли вы его найти? (Ответ находится в папке загрузки, spot-the-error.png)

Spot the error

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

Свободы в Квафисе

Изменение направления

В квадратичном куфическом тексте каждое слово может встречаться в другом направлении. Каждая горизонтальная и вертикальная сетка является потенциальной базой. Не только это, но и направление может изменить среднее слово, как показано здесь при рендеринге «Аллаху акбар»: после Кафа в أكبر соединительная линия поворачивается на 90º и продолжает вверх, так что последние две буквы находятся на базовой линии перпендикулярно оригиналу. Это эффективно помещает предложение в квадрат (желательная форма, потому что он выглядит полным, и потому что он может быть использован в качестве блока тайлинга). Фактически, это изменение направления может даже иметь место в середине буквы, для более сложных букв, таких как Sâd или Sîn.

Change of direction mid-word

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

Rotations in a large composition

Размещение

Следующий состав, от фасада Королевской мечети в Исфахане, достаточно разборчив, чтобы признать фразу: «الله هو الذي لا اله الا هو». Зная это, мы замечаем, что три окруженных Алифа расположены довольно свободно, где они удобно заполняют пространство, а не там, где они обычно находятся в слове.

Liberal placement

Тем не менее, сами слова расположены свободно (в дополнение к вращению), так что они подходят. Смещенные буквы по-прежнему примыкают к слову, к которому они принадлежат, и смещенные слова к тем, которые они предшествуют и следуют в предложении: пока это условие выполняется, порядок и направление можно манипулировать.

Буквы

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

Letter chart 1
Letter chart 2

Заметки:

  1. Выделенный Алиф может расти голова или нога по мере необходимости.
  2. Некоторые буквенные формы больше не различаются: различия между ن и ب или ف и ق больше не актуальны.
  3. Буквы, которые обычно расширяются, например, ب или ط, могут быть чрезвычайно сжаты. И наоборот, более узкие буквы могут оказаться очень растянутыми.
  4. Хвосты или головы могут складываться, чтобы сложить букву в прямоугольник, и это можно растянуть по желанию.
  5. То, что обычно было бы сдержанным и необязательным вырезом, здесь подчеркивается в расширении наполнителя, полностью меняя силуэт буквы.
  6. Связь буквы с базовой линией больше не имеет значения.
  7. Несмотря на то, что они находятся в конечном или изолированном положении, эти буквы не имеют хвоста, что облегчает их установку.
  8. Смена букв в середине.
  9. Восходящий символ здесь был перемещен в нетрадиционное положение.
  10. Первоначальную форму ع здесь можно также использовать в медиальной позиции, где она может быть полезна, поскольку она представляет собой прямоугольную форму, которая может растягиваться вверх.

Точки

Диакритические точки (точки, которые различают буквы) часто вообще исключены из композиций СК. Когда они включены, они могут добавить визуальный интерес, и это можно улучшить, придав им контрастный цвет или форму. Как буквы и слова, они могут быть размещены с определенной свободой.

Panel including dots in the composition
Группа из Medersa Bou Inania в Марокко, читая بركة محمد, где используются диакритические точки.

Опуская диакритические точки, с другой стороны, открывает дверь для использования точек наполнителя: они вовсе не являются частью скрипта, но служат для заполнения пробелов, когда это невозможно сделать иначе, например, нижний левый угол в этом рендере Rahmân.

Filler dot

Иногда неясно, действительно ли такие точки наполнители или это диакритические знаки включены, когда это удобно, например, эта точка сверху действительно принадлежит к Nûn, которая сидит поверх слова? В сложных композициях, где разборчивость отбрасывается, может быть бессмысленным пытаться это выяснить. При составлении, из художественного перфекционизма, я бы лично изложил два эмпирических правила:

  • Либо используйте диакритические точки в полном объеме, либо ни одного, в этом случае можно использовать точки наполнителя.
  • Диакритические точки могут быть выделены изменением цвета или формы; Точки наполнителя должны вписываться в дизайн.

Повторения и вращения

Многие из исторических примеров, которые мы видели, имеют тенденцию подстраивать слово или предложение в квадрат или, по крайней мере, прямоугольник. Это не необходимая функция SK, но простой способ создания больших шаблонов (в отличие от использования длинного текста). Квадраты, действительно, могут быть выложены плиткой, будь то повторение или вращение, или комбинация того и другого, без проблем - просто убедитесь, что оставили половину единицы вокруг. Когда две плитки собраны вместе, это добавит до одной единицы, сохраняя правило равномерности.

Tiling squares

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

Tiling random rectangles

Прямоугольники с обычным соотношением (1: 2, 1: 3, 1: 4 и т. д.) предпочтительнее для работы, поскольку их можно собрать в квадраты, которые затем можно вращать и так далее более свободно. Например, вот сложная композиция, которая стала возможной (и простой) с помощью прямоугольника 1: 2.

Tiling a rectangle with a regular ratio

Важно: не забывайте включать дополнительный блок, который пробегает слово в ваших вычислениях! Если вы посчитаете высоту и ширину этой последней конструкции, это 11x23; Только добавляя дополнительный модуль, вы получаете 12x24, что является соотношением 1: 2. Каллиграф, спроектировавший этот мотив, был опытным и осознающим это. Если бы он добавил текст в пропорции 1: 2 до добавления окружающего пространства, это полностью испортило бы любые попытки его разбиения.

Measurements without and with the extra unit

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

Rectangles made of mirrored words

Преднамеренные пространства

Я уже говорил выше, что четность - это правило, которое не должно нарушаться в СК, поскольку оно создает неприглядные нарушения в общей схеме. Однако, оставляя регулярные пробелы, чтобы они создавали шаблон внутри шаблона, является искусным изгибом этого правила, так как покидает большое центральное пространство, где может произойти что-то другое. Таков случай ниже, где восходящие элементы умело связаны, чтобы создать геометрический узор с узлами. Диагональное расположение рисунка, контрастирующего с текстом, только добавляет к поразительному общему эффекту.

Central geometry

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

Загружаемая папка «Упражнение», которая сопровождает этот курс, содержит квадратный шаблон сетки, который можно распечатать и продолжить. Вы также найдете треугольную сетку и различные углы перекошенных сеток, потому что принципы Square Kufic могут быть применены к любой сетке, в том числе к изогнутым!

Скошенная сетка

Скошенная сетка функционирует так же, как и квадратная сетка, потому что ее единицы также являются четырехсторонними - все, что изменяется, - это угол, на котором устанавливаются два набора линий (поэтому квадратные единицы становятся ромбовидными). Это создает изометрический эффект или поддельную перспективу. Если мы возьмем, например, наш более ранний дизайн الله اكبر и нарисуем его на перекошенной сетке, результат, очевидно, будет виден в перспективе. (Причина, по которой эта перспектива является «поддельной», состоит в том, что линии параллельны и никогда не будут встречаться в нулевой точке).

Skewed grid

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

Star combining different skewed grids

Треугольная сетка

Это немного отличается, так как эта сетка требует трех наборов линий, установленных на 60º друг к другу (блок является равносторонним треугольником). Вместо квадратов и прямоугольников эта сетка создает композиции в треугольниках и шестиугольниках. Вы можете видеть сетку, лежащую за следующей конструкцией (и обратите внимание, передавая центральное имя Али, которое повторяется шесть раз как в белом, так и в красном цвете!)

Hexagonal composition using the triangular grid

Треугольная сетка сначала сбивает с толку, потому что мы действительно не привыкли работать с тройной осью. Чтобы привыкнуть к нему, распечатайте Triangular-grid.pdf и начните с выделения в нем единственного треугольника. Вы не ошибетесь - любой треугольник, который вы рисуете вдоль линий сетки, будет равносторонним.

Basic triangular grid

Таким образом, вместо вертикального и горизонтального мы имеем три возможных направления: наклонение вперед, откидывание назад и горизонтальное. Как наши буквенные формулы переводятся в эту новую систему координат?

The three axis

Вот правило (но не литье): горизонтали по-прежнему горизонтальные, вертикальные переводится как наклоняющиеся вперед, а углы закрытия переводится как отклоняющиеся назад.

Letters in the triangular grid

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

Fitting a word in the triangle

Дополнительные сетки

Нет конца сеткам, которые могут быть созданы, как только мы начнем чувствовать себя комфортно с логикой SK. Дизайн ниже, например, плавно переходит от квадрата к концентрической сетке. Для него нет установленного метода: каллиграф рисовал концентрические круги на основе квадратной сетки (глядя на вертикальные и горизонтальные белые линии, мы можем видеть, как расстояние между кругами равно квадрату), и использовал визуальную оценку, когда прямые могут начать следовать за кривыми. Переход тонкий, и общий эффект на удивление удачен.

From square to concentric grid

Пошаговое создание квадратного куфического дизайна

Вот процесс прохождение создания дизайна из предложения. Для этого я выбрал две строчки из стихотворения ливанского мастера каллиграфа Самира Сайега:

قاف اخر الطريق
قاف نهاية العاشق

«[Письмо] Qâf - это конец дороги [tarÕK], Qâf - конец любовника ['âshiq]»

Для ясности диаграмм процесс был выполнен в Adobe Illustrator, с помощью View> Show Grid и View> Snap to Grid. Однако это можно сделать традиционным способом: на бумаге с сеткой. Мелкая сетка (например, в прикрепленном файле Square-grid.pdf) лучше подойдет, чтобы дизайн соответствовал вашей бумаге.

Шаг 1: Визуализация

Самое первое, что я делаю, это попытаться написать слово или предложение квадратными символами, не пытаясь решить что-либо, просто чтобы увидеть, с чем я работаю. Поскольку слово قاف встречается дважды, я попытался написать его двумя разными способами. Я не уверен, буду ли я использовать точки или нет.

Process snapshot 1

Я сразу замечаю, что второе предложение намного длиннее первого и не может быть сжато (нет длинной буквы, которую я мог бы сжать). Если я хочу сделать его короче, мне придется перемещать эти группы букв (обведенные красным) поверх предыдущих, но это добавит много высоты; Или я могу пропустить второй قاف (обведен зеленым цветом). С другой стороны, в первом предложении есть ط, которое я мог бы растянуть (округлить синим), чтобы сделать это предложение более длинным. На данный момент это просто возможности, которые я имею в виду, потому что у меня нет четкого представления о том, как я хочу, чтобы результат выглядел; Я изучаю, что могут предложить эти две линии.

Шаг 2: Решение пространств (первая попытка)

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

Process snapshot 2

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

Process snapshot 3

Это работает: мне удалось сделать прямоугольник из первого предложения. Тем не менее я не доволен этим, потому что я работаю с двумя предложениями, и если я изолирую их как закрытые формы, подобные этому (что относительно легко), в моей окончательной композиции будут «швы»; Это не будет выглядеть как единое целое. Поэтому я немного отступаю и возвращаю буквы в этом тесте пропорциям, которые мне нравятся. Внизу работает хорошо, поэтому я продолжаю. Я даю слово قاف друггой цвет, чтобы я мог это увидеть.

Process snapshot 4

Шаг 3: Вторая попытка, иначе

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

Process snapshot 5

Итак, чтобы посмотреть, как это получается, я поднимаю второе предложение и поворачиваю его на 180º, чтобы увидеть, можно ли это поместить в пробелы первого. Большая часть процесса в СК пытается использовать возможности до тех пор, пока вы не нажмете на то, над чем вы можете работать - со временем, когда вы обходите интуитивно, игнорируя направления, которые ведут в тупик.

Process snapshot 6

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

Process snapshot 7

Шаг 4: Решение неравенства по длине

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

Между тем я решил, что было бы слишком много диакритических точек, если бы я включил их все (точнее, 21), поэтому я принимаю решение, которое подходит только для этого конкретного текста: я буду включать только точки, принадлежащие букве Qâf ق (которая появляется четыре раза), так как эти две строки относятся к этой букве. Таким образом, я могу наслаждаться визуальным интересом, который привносят точки, при этом выделяя Qâf в дизайне, что здесь имеет смысл.

Process snapshot 8

Шаг 5. Попробуем еще что-нибудь

На данный момент у меня есть идея, и я начну с другого эскиза, чтобы попробовать это: могу ли я получить ق в центре, с четырьмя другими словами стихотворения, обернутыми вокруг него квадратом?

Process snapshot 9

После некоторого перемещения и модификации писем мне удается сформировать блок вокруг Qâf. Оставшееся пустое пространство может быть заполнено двумя точками, которые я первоначально опустил. Но эта форма не является ни квадратом, ни прямоугольником.

Process snapshot 10

Чтобы сделать его квадратом, мне пришлось бы уменьшить его высоту на четыре единицы, чтобы она соответствовала красному квадрату ...

Process snapshot 11

... или уменьшить его высоту на два и увеличить его ширину на два, чтобы соответствовать этому другому красному квадрату.

Process snapshot 12

Это мне удается, но результат откровенно не впечатляет. Кроме того, мне пришлось сделать некоторые экстремальные манипуляции, которые, хотя и не запрещены, просто не сидят со мной хорошо: экстра-сжатый Tâ'ط, Râ're настолько высокий, что выглядит как Lâm ل, Alif ا Нигде рядом, где это должно быть, и две точки, которые вы никогда не догадались, относятся к Qâf.

Process snapshot 13

Шаг 6: Возвращение к исходному плану

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

Process snapshot 14

Шаг 7: Завершение работы модуля для вращения

Слово на левом конце можно легко зафиксировать, чтобы быть его частью, как показано ниже ...

Process snapshot 15

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

Process snapshot 16

Шаг 8: Улучшение композиции

Сейчас я возвращаю по-другому свое представление о том, что в центре должен быть Qâf, как предмет поэмы. Это центральное пространство само по себе и может содержать что угодно, даже изображение или другой стиль каллиграфии. Здесь я буду придерживаться SK, но я свободен с масштабом, поэтому я могу создать проект, а затем масштабировать его, чтобы заполнить пространство. Только пространство квадратное, так что я снова ищу квадратный дизайн. В то время как Qâf слева аккуратный и идеальный квадрат, я очень хочу добавить точки, поэтому я собираюсь пойти с тем, что справа ...

Process snapshot 17

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

Process snapshot 18

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

Process snapshot 19

Шаг 9: Цвета

Я заканчиваю его с цветами, выбирая шаблон точек в контрастном цвете.

Process snapshot 20 final

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.