Справочник: пробелы
Пробел — один из важнейших и наиболее часто используемых знаков на письме. Пробел известен любому пользователю компьютера как самая широкая клавиша на клавиатуре, однако сам термин гораздо шире и содержит в себе многие важные типографические понятия и явления.
Пробел — это пустое пространство, контрформа, которая отделяет буквы, слова, строки друг от друга. Бывают спусковые, абзацные, межстрочные, межсловные и межбуквенные пробелы. В этой статье мы рассмотрим в первую очередь межсловные пробелы, то есть пробел как знак.
Долгое время в европейских письменностях не было межсловных пробелов, в латинице они появились только в VII веке. В эпоху металлического набора пробел был материальным объектом — куском металла, который не оставлял оттиска. В докомпьютерную эпоху текст чаще всего выключали по формату, и для равномерного распределения текста требовалось несколько пробелов разной ширины. Эти типы пробелов определялись с помощью понятия «круглая» — величины, равной высоте кегельной площадки
Кегельной площадкой в металлическом наборе называлась торцевая часть литеры, прямоугольник с печатающим элементом.
. При кегле в 12 пунктов размер круглой также равен 12 пт, и исходя из этого ширина полукруглой будет 6 пт, третной — 4 пт и т. д.
Пробелы на примере шрифта Gauge. Ширины и соотношения пробелов разнятся в зависимости от шрифта
Эти виды пробелов сохранились и в компьютерную эпоху, однако в основном используются типографами. В мессенджерах, текстовых редакторах и других программах и приложениях, как правило, есть только обычный пробел.
Обычный пробел
Обычный, или межсловный, пробел — тот самый знак, который вызывается самой длинной клавишей на клавиатуре.
В эпоху металлического набора размер обычного пробела разнился в зависимости от страны и типографической традиции, чаще всего он был достаточно широкий.
В качестве стандартного межсловного пробела в металлическом наборе использовалась полукруглая шпация
Металлическая пластина без печатающего элемента для набора пробелов, отбивок и отступов, равная половине высоты кегельной площадки (в кириллической типографике; в латинской пробел был равен трети круглой шпации).
Александра Королькова
В ранних оцифровках шрифтов часто можно увидеть чрезмерно большие пробелы — вероятно, это попытка скопировать полукруглую или треть круглой, которые считались за основной пробел в металлическом наборе. Такая ширина пробелов может заметно нарушать ритм набора и будет казаться излишней в современной типографике.
Большие пробелы и физиологически не нужны и делают весь рисунок набора решётчатым, портя композицию страницы в эстетическом отношении. Если по условиям набора данной строки нельзя выдержать расстояние в полукруглую, то лучше уменьшай пробелы, пользуясь тройными шпациями (составляющими треть круглого) или шпациями в 3 и даже 2 пункта.
Такие широкие пробелы непривычны современному читателю и слишком заметны в наборе
В наше время ширину пробела выставляет сам дизайнер шрифта, и это один из определяющих моментов в разработке шрифта наравне с апрошами — от ширины пробела сильно зависит фактура и ритм.
Многие современные шрифтовики пытаются подчинить ширину пробела определённым правилам: например, некоторые говорят, что пробел должен быть шириной в площадку строчной буквы i. Но это утверждение не универсально: например, оно точно не сработает в шрифтах с нестандартным рисунком и пропорциями буквы
Золотое правило для набора заголовков — межсловные пробелы равны ширине строчной буквы i. Для удобства чтения длинных строк пробелы между словами должны быть гораздо больше. Эрик Шпикерманн «О шрифте» (1993)
В зависимости от того, об антикве речь или о гротеске, имеет смысл либо учитывать полуапроши знака, либо нет. Всё может разниться и в зависимости от начертания — в широких и светлых стилях белого будет больше, чем в узких и тёмных, и это распространится на величину пробела.
Нет никаких сомнений в том, что межсловные пробелы не должны быть слишком большими или что линия набора должна быть хорошо сбалансирована. То, что применимо к внутрибуквенным пробелам, применимо и к межсловным пробелам: они следуют тем же правилам, что и внутреннее белое каждой буквы. Чем оно меньше, тем меньше должны быть межсловные пробелы. Чем больше внутреннее белое, тем больше межбуквенные пробелы. Jost Hochuli Detail in Typography (1987)
Пустое место между словами должно быть ровно таким, чтобы слова заметно отделялись друг от друга, — если пробел будет больше, между словами возникнут дыры, а если меньше — одно слово сложно будет отделить от другого. Измерить пробел линейкой невозможно — всё зависит от конкретного рисунка конкретного шрифта.
Пробелы в шрифте Kazimir Text. Ширина пробела нормальная — слова отделяются друг от друга, иерархия белого пространства сохраняется Если увеличить межсловные пробелы, они начинают спорить с интерлиньяжем, в таком тексте становится сложно ориентироваться Если, наоборот, сделать пробелы меньше, то читать будет по-прежнему возможно, но станет тяжелее — слова начнут сливаться друг с другом
Использовать два пробела подряд — приём, перекочевавший из эпохи печатных машинок.
Некоторые рекомендации, которые давались профессиональным машинисткам, до сих пор живут в привычках при наборе цифровых документов. Например, использование трёх пробелов после точки или двух пробелов после запятой. На печатной машинке был доступен только один тип пробела, поэтому слова и предложения разделялись друг от друга на одинаковое расстояние. Двойным пробелом было принято разделять предложения, чтобы улучшить удобочитаемость текста.
Дополнительный пробел после точки — сомнительный приём с точки зрения удобочитаемости. Можно предположить, что в эпоху печатных машинок дополнительный пробел мог лучше отделять предложения друг от друга в условиях моноширинного шрифта, однако моноширинные точка с пробелом и так образуют большее пространство, чем любой пробел внутри предложения. Со времён печатных машинок инструменты для набора существенно улучшились, а моноширинным шрифтом без крайней необходимости набирать тексты никто не будет.
Американский юрист Мэттью Баттерик написал книгу о типографике для юристов, писателей и всех, кто работает с текстом. В Америке практика ставить двойные пробелы до сих пор широко распространена у старшего поколения, поэтому Баттерик посвятил этой теме целых две главы своей «Практической типографики». Баттерик пытается повлиять на читателя с помощью воображаемых диалогов:
— Если вы утверждаете, что меньшие пробелы нужны в определённых ситуациях, почему вы настаиваете на том, что между предложениями должен быть лишь один пробел, ведь большее пространство может быть лучше?
— Потому что вы уже используете большее пространство. Пробел после предложения обычно появляется после точки. Поэтому оптически пространство в конце предложения уже выглядит больше, чем межсловный пробел. Нет нужды добавлять ещё один пробел.
Неразрывный пробел (Non-breaking Space)
Пробел, который предотвращает автоматический переход на следующую строку.
С помощью неразрывных пробелов склеивают предлог и стоящее за ним слово, числа и обозначения, имя и фамилию и т. д.
Неразрывный пробел поддерживается почти всеми текстовыми редакторами, программами вёрстки и браузерами наряду с обычным пробелом, поэтому не стоит забывать использовать его в соответствии с правилами набора на конкретном языке.
В русском языке неразрывный пробел должен соединять тире с предыдущим словом (кроме прямой речи), предлоги с последующим словом, инициалы с фамилией, сокращения (и т. п.), знак номера и цифры, числа и наименования.
В наборе на английском языке хорошим тоном считается склеивать не предлоги, а местоимения и артикли с последующим словом. Впрочем, часто, особенно в журналах и газетах, на это закрывают глаза.
В программах, созданных для профессионального набора, есть пробелы нестандартной ширины. В Индизайне все дополнительные пробелы — круглая, полукруглая, волосяная и т. д. — неразрывные.
Дополнительные пробелы
Обычный пробел используется повсеместно, его поддерживает любая программа для набора текста, сообщений или кода.
Почти везде поддерживается и неразрывный пробел. Однако в компьютерном наборе сохранились пробелы эпохи металлического набора, обеспечивающие более тонкую настройку белого на полосе, если это необходимо.
Если дополнительные пробелы есть в шрифте, часто их можно вызвать с помощью палитры глифов или вставкой из буфера обмена. Вызвать пробелы непосредственно через интерфейс программы можно далеко не везде: например, Иллюстратор версии 2020 года знает только четыре нестандартных пробела — круглую, полукруглую, тонкую и волосяную шпации.
На то есть причины: Иллюстратор, как и Фотошоп, не рассчитан на вёрстку текста. Зато в Индизайне легко вызываются все дополнительные пробелы, и знающий верстальщик всегда будет использовать их в своей работе.
Круглая шпация (Em Space)
Пробел шириной с кегельную площадку. В ранних антиквах площадка у заглавной буквы М стремилась по пропорциям к квадрату — вероятно, отсюда пошло и английское название. В металлическом наборе круглую шпацию часто использовали для абзацных отступов.
Полукруглая шпация (En Space)
Половина круглой. В русскоязычном металлическом наборе считалась основным типом пробела, хотя для межсловного пробела, особенно при флаговом наборе Выравнивание текста по левому или правому краю , такая ширина избыточна.
Третная шпация (Three-per-em Space, Third Space)
Треть круглой шпации. Исторически считалась основным пробелом в западноевропейской типографике.
Важнейшее требование к хорошему наборщику — это цельность строки текста, а она создаётся только при наборе на третную шпацию. В прежние времена и антикву набирали гораздо уже, чем теперь: на оттиске оригинала антиквы Гарамона 1592 года при шрифте в 14 пунктов во всех строчках межсловный пробел составляет всего лишь около 2 пунктов, то есть одну седьмую круглой шпации! Так что никак нельзя сказать, что набор на третную шпацию слишком плотный.
Четвертная шпация (Quarter Space)
Четверть круглой. Некоторые авторы считают четвертную шпацию основным межсловным пробелом.
Для нормального текстового шрифта в текстовом кегле типичное значение межсловного пробела составляет четверть круглой, или M/4. (Четверть круглой обычно по ширине равна примерно ширине буквы t или чуть больше.)
Тонкая шпация (Thin Space)
⅕ круглой. Часто тонкий пробел — это примерно половина обычного, поэтому тонким пробелом пользуются там, где обычный пробел будет слишком широк. Например, тонким пробелом обычно отбивают тире в случаях, когда обычный пробел даёт слишком много белого вокруг. Тонким пробелом также отбивают инициалы — друг от друга и от фамилии.
Обычный пробел в шрифте Spectral слишком широк для отбивки инициалов и тире Тонкие пробелы выглядят аккуратнее и лучше связывают инициалы с фамилией и две части предложения друг с другом
В эпоху металлического набора тонкий пробел часто называли двухпунктовым, ориентируясь на десятый кегль шрифта, однако в компьютерном наборе такое название потеряло смысл.
Пробел в 2 пункта при наборе кеглем в 10 пт и такой же пробел при наборе кеглем в 72 пт будут выглядеть совершенно по-разному.
Во французской типографической традиции тонким или волосяным пробелом принято отбивать все двучастные знаки — восклицательный, вопросительный, двоеточие, точку с запятой и т. п.
Вне зависимости от языка знаки типа вопросительного и восклицательного обычно хорошо заметны при обычном наборе, но могут затеряться при наборе прописными — в таких случаях их стоит отбить.
Одна шестая круглой (Sixth Space)
Шестерной пробел используют в тех случаях, когда тонкий пробел слишком широк.
Волосяная шпация (Hair Space)
Самая узкая шпация, в металлическом наборе равнялась 1/10 круглой, в компьютерную эпоху — чаще всего 1/ 24 круглой. Может пригодиться, если в наборе определённым шрифтом полуапроши у знаков препинания слишком тесные, а тонкий пробел будет слишком широким. Например, вместо тонкого пробела для отбивки тире можно использовать волосяной — всё зависит от полуапрошей и рисунка.
Имейте в виду: при замене шрифта набранные типы пробелов сохранятся, но их ширины могут поменяться, а это может сказаться на наборе.
Не дико ли, когда знак препинания, относящийся ко всей предыдущей фразе, тесно приклеен к одному последнему слову этой фразы? И, наоборот, как неудачливо он стоит, если между ним и предыдущим словом — большой промежуток. В сущности следовало бы уже работникам в словолитне подумать об этом и отливать знаки препинания с небольшим средним заплечиком слева знака препинания. Но не всегда, вернее — редко словолитчики столь предусмотрительны, да они и привыкли отливать все литеры без средних заплечиков. При выбивке пуансоном матрицы тоже едва ли вспомнят о красоте отбивки знаков препинания. Поэтому — на твоих плечах лежит тяжесть исправления этого недостатка, а ещё больше на плечах наборщиков. Последние не любят однопунктовых шпаций, но только такая тонкая шпация спасает здесь красоту набора. Поэтому — при знаках препинания: , ; . … : ! ? — настаивай, чтобы перед ними стояла однопунктовая (волосяная) шпация, но в том лишь случае, если у них нет среднего заплечика слева.
Если от тебя зависит покупка шрифта для типографии — предусмотри этот вопрос при заказе шрифтов, заставь словолитню подумать о красоте её работы и в этой детали. М. И. Щелкунов «История, техника, искусство книгопечатания» (1926)
Пробелы при полной выключке
Полная выключка — то есть выравнивание краёв у текста — до сих пор часто применяется при вёрстке книг и журналов. При полной выключке ширина межсловных пробелов не постоянна, она меняется, чтобы распределить слова по всей ширине строки. В такой ситуации равномерность пробелов может быть даже важнее самого размера пробелов: одинаково большие пробелы на всей полосе набора лучше, чем большие пробелы только на одной строке. Поэтому каким бы оптимальным ни был межсловный пробел по ширине в шрифте, для набора с полной выключкой этого будет недостаточно.
Если в эпоху металлического набора все пробелы набирались вручную, а верстальщик понимал, какую именно шпацию нужно поставить для ровного набора, — то сегодня ширину пробелов при полной выключке определяет компьютер.
Алгоритм делит оставшееся место на строке на равные части и добавляет эти части к обычным пробелам. При этом алгоритм игнорирует буквы, синтаксис и пунктуацию, поэтому при наборе в полную выключку всегда стоит перепроверять и корректировать пробелы вручную.
В Индизайне можно настроить минимальную и максимальную ширину пробела для набора в полную выключку: за основу берётся ширина обычного пробела 100 %, максимальная ширина обычно около 120 %, а минимальная — около 80 %.
Если текст набран с полной выключкой, то разумный минимальный межсловный пробел составляет одну пятую круглой (М/5), а М/4 (четверть круглой) — это то оптимальное значение, к которому следует стремиться. Разумный максимальный межсловный пробел — М/2 (полукруглая). Если можно довести его до М/3, тем лучше. Но для шрифтов с большими межбуквенными пробелами или текста, набранного мелким кеглем, лучше выбирать среднее значение М/3, минимум М/4. В строке прописных с большими межбуквенными пробелами может потребоваться межсловный пробел М/2 или более.
Роберт Брингхерст «Основы стиля в типографике» (1992)
Брингхерст советует выбирать оптимальные ширины пробелов исходя из круглой. Однако пробелы — величина относительная, поэтому при полной выключке нужно учитывать не ширину абстрактной круглой, а ширину конкретного пробела.
Оптимальная величина пробелов при полной выключке эфемерна и меняется в зависимости от шрифта, ширины строки, интерлиньяжа и многих других факторов. Поэтому настроить максимальные и минимальные значения пробелов в Индизайне один раз для всех случаев недостаточно — стоит вручную подбирать оптимальные варианты.
При наборе в полную выключку ширина обычного пробела становится плавающей. Пробел фиксированной ширины и все дополнительные пробелы, ширина которых всегда неизменная, помогут лучше контролировать набор.
Чем ровнее промежутки между словами, тем лучше <…>. Не должно ни в каком случае допускать значительной разницы в ширине пробелов, а небольшая разница повредить красоте набора не может.
Пётр Коломнин «Краткие сведения по типографскому делу» (1899)
Цифровой пробел (Figure Space)
Цифровой пробел нужен для набора таблиц. Если в шрифте есть моноширинные цифры, то ширина пробела будет такой же, как ширина таких цифр. Цифровой пробел — неразрывный, он всегда будет держать части, которые отбивает, вместе на одной строке.
Цифровой пробел обычно значительно шире обычного, он пригодится там, где нужно выровнять много разноразрядных чисел
Пунктуационный пробел (Punctuation Space)
Чаще всего ширина такого пробела равняется ширине площадки точки и двоеточия. Может пригодиться при вёрстке чисел в таблицах, где вместо точки или запятой разряды обозначаются пробельным элементом.
Тонкий неразрывный пробел (Narrow No-break Space)
Тонкий пробел, который предотвращает автоматический переход на следующую строку. Название этого знака в Юникоде вызывает дополнительную путаницу — Narrow в данном случае то же самое, что и Thin, а Narrow Space имеет такую же ширину, что и Thin Space.
В некоторых программах, например в Indesign, простой тонкий пробел будет неразрывным по умолчанию и вызывается как Thin Space. В остальных случаях, например в вебе, используется отдельный символ Narrow No-break Space.
Пробелы в вёрстке
Распределение белого в вёрстке — важнейший фактор, отвечающий за аккуратный набор и понятную структуру материала. Многие дизайнеры помнят о взаимосвязях кегля, ширины строки и полей набора, но могут забывать о том, что межсловные пробелы равноценно участвуют в этих взаимосвязях.
Текстовое начертание, рассчитанное на использование в меньших кеглях, потребует уменьшенных апрошей и пробелов, если им набрать крупный заголовок. Размер кегля становится важнее для определения величины пробелов и белого в целом, чем то, текстовый шрифт или акцидентный.
Стоит помнить о пробелах и при форматировании текста. Если внутри текста есть фразы, набранные капителью или прописными, нередко их стоит дополнительно разрядить. В зависимости от ситуации ручная компенсация пробелов может понадобиться и в тексте, набранном одним начертанием, и при выделении фрагментов текста курсивом или жирным начертанием.
Апроши у капители в шрифте Charter cлишком тесные, такую капитель нужно разрядить А в шрифте William автор предусмотрел разрядку капители, поэтому дополнительно разряжать такую капитель не стоит В тексте, набранном одним начертанием, тоже может понадобиться ручная компенсация: в шрифте Guyot ширины обычного пробела явно не хватает в последовательности of ‘i’
Пробелы в программах
В интерфейсах программ, не предназначенных для работы с типографикой, чаще всего доступны только обычный и неразрывный пробел. Однако почти везде, где поддерживается Юникод, необходимые дополнительные символы можно вставить с помощью буфера обмена. Всё зависит от программы или приложения: например, на момент написания статьи Фейсбук позволяет вставлять дополнительные пробелы в окно ввода, однако заменяет их на обычные при публикации.
В вебе, кроме того, дополнительные пробелы можно вставлять с помощью специальных обозначений в HTML — такое решение сделает исходный код менее понятным, зато позволит точно отследить, где были поставлены нестандартные пробелы.
Обратите внимание, что разные браузеры могут отображать пробелы по-разному, а ещё недавно некоторые из них вовсе игнорировали дополнительные пробелы и заменяли их на обычные. Стоит проверять корректное отображение дополнительных пробелов там, где вы их используете.
Две основные программы для текстовой вёрстки — Adobe Indesign и Quark Xpress — поддерживают все типы пробелов. Шрифтовики часто включают в свои шрифты как минимум тонкий и волосяной пробелы, в таком случае величины этих пробелов корректно отображаются в программе. Автор шрифта сам определяет эти ширины, поэтому в зависимости от шрифта они могут сильно различаться, зато у дизайнера появляется больше контроля над межсловными расстояниями.
Если вызвать в панели Индизайна дополнительный пробел, которого нет в исходном шрифте, программа сама сделает расчёт величины этого пробела. Например, волосяной пробел и в акцидентном начертании с тесными апрошами, и в текстовом начертании с большими апрошами при кегле в 24 пункта будет равен 1 пункту.
Пробелы, рассчитанные таким образом, не всегда могут подойти для задачи. В зависимости от апрошей и рисунка шрифта ширина дополнительного пробела, предлагаемого Индизайном, может быть недостаточной или, наоборот, избыточной. А если перенести текст с такими пробелами из Индизайна в Фигму, их ширина, скорее всего, изменится — у каждой программы могут быть свои алгоритмы расчёта таких величин.
Здесь стоит быть бдительными и доверять глазу — важны не математические величины, а убедительные взаимоотношения чёрного и белого.
Тире отбито волосяными пробелами, предусмотренными авторами шрифта Тире отбито волосяными пробелами, предусмотренными авторами шрифта В этих шрифтах нет волосяного пробела, поэтому он вычисляется автоматически Например, с такой высотой строчных и апрошами в Arno Pro и Ria Text ширины механического волосяного пробела вполне хватает. А в случае с IBM Plex, возможно, стоит использовать тонкий пробел вместо волосяного
Пробел — один из важнейших элементов типографики, потому что он наравне с апрошами задаёт ритм и группирует блоки с информацией.
Невнимательное отношение к пробелам приводит к нарушению взаимосвязей между ними: межстрочного с межсловным, межсловного с межколонником. В таких случаях читатель теряет строку и вынужден прикладывать дополнительные усилия — если это не является вашей концептуальной задачей, всегда обращайте внимание на соотношения пробелов.
Сводная табличка
| Неразрывный пробел | MacOS: Alt + пробел Windows: Alt+0160 Юникод: U00A0 HTML: Indesign: Type → Insert White Space → Nonbreaking Space или Alt + Cmnd + X |
| Тонкий пробел | Юникод: U2009 HTML:   Indesign: Type → Insert White Space → Thin Space |
| Тонкий неразрывный пробел (для веба) | Юникод: U202F HTML:   |
| Круглая шпация | Юникод: U2003 HTML:   Indesign: Type → Insert White Space → Em Space |
| Полукруглая шпация | Юникод: U2002 HTML:   Indesign: Type → Insert White Space → En Space |
| Третная шпация | Юникод: U2004 HTML:   Indesign: Type → Insert White Space → Third Space |
| Четвертная шпация | Юникод: U2005 HTML:   Indesign: Type → Insert White Space → Quarter Space |
| Одна шестая круглой | Юникод: U2002 HTML:   Indesign: Type → Insert White Space → Sixth Space |
| Волосяная шпация | Юникод: U200A HTML:   Indesign: Type → Insert White Space → Hair Space |
| Цифровой пробел | Юникод: U2007 HTML:   Indesign: Type → Insert White Space → Figure Space |
| Пунктуационный пробел | Юникод: U2008 HTML:   Indesign: Type → Insert White Space → Punctuation Space |
Библиография
Александра Королькова «Живая типографика»
М.
И. Щелкунов «История, техника, искусство книгопечатания»
Эрик Шпикерманн «О шрифте»
Ян Чихольд «Облик книги»
Роберт Брингхерст «Основы стиля в типографике»
Пётр Коломнин «Краткие сведения по типографскому делу»
Jost Hochuli, Detail in Typography
María Ramos Silva, Type design for typewriters: Olivetti
Matthew Butterick, Butterick’s Practical Typography
Martin Wichary, Space Yourself (smashingmagazine.com)
Yves Peters, Adventures in Space (fontshop.com)
Алексей Ёжиков, «Всё (или почти всё) о пробеле» (habr.com)
Кирилл Беляев, «Пробелы и символы нулевой ширины, с копированием в буфер по клику, короткими мнемониками и аннотациями о применении», сводная табличка
Cоздание реалистичного металлического эффекта текста используя Стили Слоя | Soohar
В этом уроке вы узнаете, как создать реалистичный эффект металла для текста, используя всего навсего 2 слоя! Звучит слишком хорошо, чтобы это было правдой? Давайте проверим и убедимся… даже новичок, после прочтения этого короткого урока сможет с легкостью сделать подобный эффект для любого текста.
Финальное изображение:
Вот окончательный эффект, который мы будем создавать с нуля, используя стили слоя и фильтры:
Шаг 1 Создание узора
Давайте начнем с создания шаблона.
Создайте новый документ. Для этого нажмите сочетание клавиш Ctrl + N на клавиатуре.
Установите размер документа 150 + 150 пикселей по ширине и высоте и белый фон.
После того, как документ будет создан, выберите Filter -> Noise -> Add Noise (Фильтр — Шум — Добавить Шум)
После этого нажмите Ctrl + F, чтобы снова применить этот фильтр с такими же настройками.
После этого выбкрите Edit -> Define Pattern (Редактирование — Определить узор)
Шаг 2 Создание главного документа
Далее создайте еще один новый документ размером 600 + 600 пикселей по ширине и высоте.
Давайте поменяем цвет фона на темно-серый. Для этого нажмите сочетание клавиш Shift + Backspace (или используйте инструмент «Заливка»)…
…и в появившемся меню выберите примерно цвет 353535:
Затем примените к слою с темно-серым фоном стиль с узором, который мы создали в первом шаге:
Pattern Overlay (Перекрытие узора):
- Blend Mode (Режим Наложения): Multiply (Умножение)
- Opacity (Непрозрачность): 49%
- Для узора выберите созданный вами шаблон
- Scale (Размер): 25%
Шаг 3 Создание теста и применение стилей
Выберите инструмент Horizontal Type Tool (Горизонтальный Текст) и напишите любую цифру или букву, с нужным вам шрифтом и черным цветом.
Размер для цифры можете установить в 800 pt.
Примените к тексту следующие стили:
Inner Shadow (Внутренняя Тень):
- Color (Цвет): ffffff
- Blend Mode (Режим наложения): Normal
- Opacity (Непрозрачность): 100%
- Angle (Угол): 120 degrees
- Distance (Смещение): 0px
- Choke (Размах): 100px
- Size (Размер): 3px
- Noise (Шум): 0%
Stroke (Обводка)
- Size (Размер): 7px
- Position (Положение):Inside (Внутри)
- Blend Mode (Режим Наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- Fill Type (Тип обводки): Gradient
- Выберите следующие три цвета для градиента cacaca, 848484 и 333333
- Style (Стиль): Linear (Линейный)
- Angle (Угол ): -90
- Scale (Масштаб): 91
Bevel and Embos (Тиснение):
- Style (Стиль): Inner Bevel (Внутренний скос)
- Technique (Метод): Chisel Hard (Жесткая огранка)
- Depth (Глубина): 297px
- Direction (Направление): Up (Вверх)
- Size (Размер): 6px
- Soften (Смягчение): 0px
- Gloss Contour (Контур глянца):Cone (Конусообразный)
- Higlight Mode (Режим подсветки): ffffff Screen (Экран) 97%
- Shadow Mode (Режим тени): 000000 Multiply (Умножение) 36%
- Contour (Контур): Half Round (Полукруглый)Range (Диапазон)0%
Satin (Глянец):
- Blend Mode (Режим наложения): Normal (Нормальный)
- Color (Цвет): cd9600
- Opacity (Непрозрачность): 52%
- Angle (Угол): 19 degrees
- Distance (Смещение): 12px
- Size: (Размер) 14px
- Contour (Контур): Invert (Инверсия)
Color Overlay (Наложение Цвета):
- Color (Цвет): 903300
- Blend Mode (Режим Наложения): Multiply (Умножение)
- Opacity (Непрозрачность): 27%
Drop Shadow (Тень):
- Color (Цвет): 000000
- Blend Mode (Режим наложения): Normal
- Opacity (Непрозрачность): 54%
- Angle (Угол): 90 degrees
- Distance (Смещение): 12px
- Spread (Размах): 36px
- Size (Размер): 16px
- Noise (Шум): 0%
Шаг 4 Делаем эффект металла реалистичнее
Теперь нажмите Ctrl + J, чтобы продублировать слой с текстом.
Обязательно удалите дубликату все стили слоя.
Теперь поменяйте непрозрачность заливки слоя до 0% Для этого выберите Layer -> Layer Styles -> Blending Options… (Слой -> Стиль слоя ->Параметры наложения …)
После этого примените к продублированному слою с текстом следующие стили:
Stroke (Обводка)
- Size (Размер): 7px
- Position (Позиция):Inside (Внутри)
- Blend Mode: Normal
- Opacity (Непрозрачность): 0%
- Fill Type (Тип обводки): Color (Цвет)
- Color (Цвет): 000000
Bevel and Embos (Тиснение):
- Style (Стиль): Stroke Emboss (Контурное тиснение)
- Technique (Метод): Chisel Soft (Мягкая Огранка)
- Depth (Глубина): 113px
- Direction (Направление): Up (Вверх)
- Size (Размер): 30px
- Soften (Смягчение): 11px
- Higlight Mode (Режим подсветки): ffffff Screen (Экран)97%
- Shadow Mode (Режим тени): 000000 Multiply (Умножение) 36%
- Gloss Contour (Контур Глянца):Ring Double (Глянцевый двойной)
- Angle (Угол): 110 41
- Contour (Контур): Half Round (Полукруглый)Range (Диапазон) 0%
Inner Shadow (Внутренняя Тень):
- Color (Цвет): 484848
- Blend Mode (Режим Наложения): Normal
- Opacity (Непрозрачность): 100%
- Angle (Угол): -90degrees
- Distance (Смещение): 20px
- Choke (Размах): 0px
- Size (Размер): 26px
- Noise (Шум): 2%
Inner Glow: (Внутреннее Свечение)
- Blend Mode (Режим Наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 35%
- Noise (Шум): 0%
- Color (Цвет): ffffff
- Technique (Метод): Softer (Мягкий)
- Source (Источник): Edge (На краях)
- Choke:(Стягивание) 74px
- Size (Размер): 9px
- Range (Диапазон): 50%
Satin (Глянец):
- Blend Mode (Режим наложения): Color Burn
- Color (Цвет): 000000
- Opacity (непрозрачность): 50%
- Angle (Угол): 19 degrees
- Distance (Смещение): 10px
- Size (Размер): 19px
- Contour (Контур): Gaussian Invert (Инвертировать)
Gradient Overlay: (Градиент)
- Blend Mode (Режим Наложения): Normal
- Opacity (Непрозрачность): 38%
- Для нрадиента выберите следкющие цвета: cacaca, 848484 и 333333
- Style (Стиль): Linear (Линейный)
- Angle (Угол): 90 degrees
- Scale (Размер):100%
Pattern Overlay ( Наложение Узора):
- Blend Mode (Режим Наложения): Overlay
- Opacity (Непрозрачность): 100%
- В качестве узора выберите ранее созданный шаблон
- Scale (Масштаб): 25%
Drop Shadow (Тень):
Color (Цвет): 000000
- Blend Mode (Режим Наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- Angle (Угол): 90 degrees
- Distance (Смещение): 3px
- Spread (Размах): 76px
- Size (Масштаб): 3px
- Noise (Шум): 0%
И мы закончили наш текст с металлическим эффектом
Я надеюсь, что вам понравилось и этот урок по Фотошопу оказался для вас полезен.
Пожалуйста, оставьте свой комментарий.
Автор Radoslaw Rzepecki. Перевод текста Алексей Логвинов
Изогнутый текст Inkscape | Узнайте, как создать изогнутый текст в Inkscape?
Изогнутый текст Inkscape — это стиль, с помощью которого вы можете установить любой текст на изогнутой траектории для создания с ним эффективного типографского расположения, а для получения изогнутого текста мы рассмотрим множество инструментов и функций программного обеспечения Inkscape, которые мы найдем на пользовательский интерфейс этого инструмента. Мы также можем отредактировать этот текст кривой, чтобы изменить форму изогнутого пути. Итак, сегодня мы объясним эту технику программного обеспечения Inkscpace двумя способами и отредактируем их в соответствии с нашими потребностями. Итак, давайте начнем обсуждение этой темы.
Как создать изогнутый текст в Inkscape?
Создание криволинейного текста в Inkscape не представляет большого труда, мы просто хорошо умеем делать это правильно.
Самое первое, что вам нужно сделать, это взять инструмент «Круг» или «Эллипс» на панели инструментов, которая находится в левой части пользовательского интерфейса, чтобы создать круг, который будет кривой траекторией для нашего текста. Вы можете нажать F5 как горячую клавишу этого инструмента или напрямую взять его с панели инструментов, щелкнув по его значку.
Теперь удерживайте клавишу Shift и Ctrl на клавиатуре, чтобы нарисовать такой круг. Вы можете нарисовать эллипс для изогнутого пути вашего текста. Это полностью зависит от вас, какой путь вы хотите выбрать.
Теперь снова перейдите на панель инструментов и выберите инструмент «Текст» из списка инструментов или нажмите F8 на клавиатуре, чтобы активировать этот инструмент.
Теперь выберите стиль текста для вашего текста в соответствии с вами, а затем установите размер текста также на панели свойств текстового инструмента, которая находится ниже строки меню. Я наберу eduCBA в качестве текста, который является нашим официальным названием.
Вы можете ввести любой другой текст.
Теперь выберите инструмент Select из панели инструментов или для быстрого переключения на этот инструмент вы можете нажать клавишу F1 на клавиатуре.
Удерживая клавишу Shift на клавиатуре, выберите текст и кружок, щелкая по ним один за другим. Теперь перейдите в меню «Текст» строки меню, которая находится в верхней части пользовательского интерфейса этого инструмента, и щелкните по нему. Нажмите «Поместить на путь» для прокрутки вниз списка этого меню.
Теперь выбранный вами текст будет обтекать этот круг вот так.
Нажмите на это выделение, и у вас появится ручка вращения вокруг рамки соединения этого выделения. Удерживая щелчок мышью по этой стрелке поворота бодинга.
Затем поверните это выделение, чтобы переместить текст по этому круговому пути в желаемую точку пути. Если вы хотите удалить эту деформацию текста, снова перейдите в меню «Текст» и нажмите «Удалить» из параметра «Путь» прокрутки списка вниз.
И текст вернется к своей первоначальной форме, оставив круговую траекторию на своем месте.
Или вы можете выбрать этот круг с помощью инструмента выбора, а затем нажать кнопку удаления на клавиатуре, чтобы снять деформацию.
Теперь давайте удалим заливку этого круга и для понимания следующих шагов изогнутого текста, для этого перейдите в меню «Объект» строки меню, затем нажмите «Заливка и обводка» в списке прокрутки вниз.
В правой части пользовательского интерфейса откроется панель «Заливка и обводка». Теперь выберите «Заполнить таблицу» и нажмите кнопку с крестиком, чтобы удалить заливку этого круга, затем щелкните вкладку «Обводка» и выберите плоский цвет для обводки этого круга.
Выделите и текст, и кружок тем же способом, что и выше.
Поверните этот текст в нижней части этого круга с помощью инструмента выбора.
Теперь нажмите «Отразить выделенные объекты по горизонтали» на панели свойств или нажмите клавишу быстрого доступа H.
И наш текст окажется внутри этого круга.
Теперь перейдите в меню «Путь» в строке меню и нажмите «Объект на путь» для прокрутки списка вниз.
Теперь вы можете отделить свой текст от этого круга.
И ваш изогнутый текст готов вот так.
Теперь давайте рассмотрим другой способ сделать это. Для этого метода возьмите инструмент Безье на панели инструментов и нарисуйте желаемый изогнутый путь. Я нарисую изогнутый путь вот так.
Теперь снова возьмите текстовый инструмент и введите текст. На этот раз я наберу предложение и выделю текст и путь с помощью инструмента выбора.
И выполните ту же опцию для назначения пути к этому тексту, которую мы используем для изогнутого текста выше.
Как видите, наш текст не помещается на этом пути. Вы можете увеличить область склеивания, чтобы иметь полный текст, поэтому для этого нажмите на стрелку этого склеивания и перетащите ее, чтобы увеличить размер поля.
Увеличьте размер поля в точке, где вы можете видеть весь текст.
Вы также можете повернуть этот текст, повернув эту соединительную рамку.
Вы также можете отредактировать этот криволинейный путь, поэтому для редактирования используйте инструмент Редактировать пути на панели инструментов или нажмите клавишу быстрого доступа F2.
И отредактируйте его из опорных точек этого изогнутого пути.
Теперь выберите текст и изогнутый контур, затем перейдите в меню «Путь» и нажмите «Объект на путь» в списке прокрутки вниз или вы можете использовать его сочетание клавиш, которое является Shift + Ctrl + C.
Теперь отделите текст от пути, переместив его.
Теперь вы можете удалить этот путь, и наши два полных изогнутых текста готовы. Вы можете использовать их в любой своей дизайнерской работе.
Это два метода, с помощью которых вы можете создать изогнутый путь в Inkscape.
Заключение
Это была хорошая дискуссия о том, как мы можем изогнуть текст в этом программном обеспечении с другим изогнутым путем, который мы создали с помощью инструментов панели инструментов.
Теперь вы можете создать свой собственный изогнутый текст со своей собственной идеей, просто следуйте шагам, которые я объяснил вам в этой статье, и вы хорошо освоите эту функцию.
Рекомендуемые статьи
Это руководство по Inkscape Curved Text. Здесь мы обсуждаем, как создать изогнутый текст в Inkscape, и вы можете создать свой собственный изогнутый текст со своей идеей. Вы также можете ознакомиться со следующими статьями, чтобы узнать больше:
- Альтернативы Inkscape
- Что такое Inkscape?
- Альтернативы иллюстратору
- Инструмент сглаживания в Illustrator
Как изогнуть текст в Photoshop
Top More 9 Как согнуть текст в Photoshop Latest
ByC2 Луп Ле
Вырезать волосы за 2 МИНУТЫ Учебное пособие по Photoshop 2019 — Простое руководство
Вырезать волосы за 2 МИНУТЫ Учебное пособие по Photoshop 2019 — Простое руководство
Из многих вещей, которые вы можете сделать для редактирования текста в Photoshop, создание изогнутого текста является одним из самых популярных, которые вы видите в проектах. Это визуально интересно и действительно может добавить хороший эффект к любому проекту.
Так как ты это делаешь? На самом деле это можно сделать несколькими способами, как и все в Photoshop. Есть несколько более простых и более сложных способов, и каждый из них может работать по-разному для вас. Так что не бойтесь экспериментировать.
Кривой текст в Photoshop с использованием деформации текста
Самый простой способ создать эффект изогнутого текста в Photoshop — использовать инструмент «Деформация текста». Если вам нужно что-то быстрое, чтобы выполнить работу, это будет хорошим методом. Сам инструмент может исказить ваш текст, но если он выглядит так, как вы хотите, это хороший и простой вариант.
Во-первых, вам нужно открыть свой проект и ввести текст или выбрать слой уже напечатанного текста в вашем проекте, который вы хотите изогнуть. Когда слой выбран, найдите значок «Деформация текста» на панели параметров. Он выглядит как полукруг с буквой T наверху рядом с цветом вашего шрифта.
Выберите этот инструмент, и появится окно Warp Text. В разделе «стиль» есть несколько различных вариантов получения изогнутого текста, но Arc, вероятно, даст вам наилучший результат. После того, как вы выберете вариант, вы должны выбрать Горизонтальную деформацию, а затем вы можете изменить величину изгиба с помощью первого ползунка.
Когда текст будет выглядеть так, как вы хотите, нажмите OK, чтобы применить его.
Изгиб текста в Photoshop с помощью инструмента «Контур»
Еще один способ изогнуть текст в Photoshop, который требует еще нескольких шагов, — это использование инструмента «Контур». Это может создать более гладкую кривую, чем при использовании инструмента «Деформация текста».
Чтобы начать этот метод, перейдите к инструменту формы и щелкните правой кнопкой мыши, чтобы выбрать форму эллипса. Затем создайте круг, помня о форме арки. Это путь, по которому будет изгибаться ваш текст.
Нажмите на текстовый инструмент и наведите курсор на верхний квадратный маркер. Курсор должен измениться с обычного на кривую, проходящую через него. Нажмите там, и ваш текст появится вдоль выбранного пути.
Теперь перейдите на панель слоев, найдите слой «Эллипс» и щелкните его правой кнопкой мыши. Выберите «Удалить слой», чтобы удалить фигуру и оставить изогнутый текст.
Если вы хотите изменить расположение текста вдоль контура, вы можете выбрать инструмент прямого выделения, и вы сможете перемещать текст, щелкая и перетаскивая его.
Если вы хотите изменить сам путь, вы можете щелкнуть по нему этим же инструментом и отредактировать точки пути по своему усмотрению.
Использование инструмента «Смарт-объекты»
Третий способ искривления текста в Photoshop — преобразование текста в смарт-объект.
Это позволяет вам изменять текст столько, сколько вы хотите, не жертвуя качеством. Это отличный вариант для создания изогнутого текста.
Сначала откройте проект и введите текст, затем выберите этот текстовый слой и перейдите в меню «Слой» > «Смарт-объекты» > «Преобразовать в смарт-объект». Затем, не снимая выделения со слоя, перейдите в Edit > Transform > Warp.
Над вашим текстом появится сетка, и будут пересечения, где вы можете щелкнуть и перетащить, чтобы манипулировать текстом. Вы также увидите на панели параметров раскрывающийся список «Деформация». Щелкните здесь и выберите Дуга. Тогда ваш текст будет кривым.
Вы можете редактировать эту кривую любым способом, используя сетку, и вы можете изменить сетку в раскрывающемся списке на панели параметров. Затем нажмите на галочку на панели параметров, чтобы применить изменения.
Советы по улучшению изогнутого текста в Photoshop
При создании криволинейного текста может потребоваться выравнивание текста вдоль объекта на фотографии или в графическом дизайне.
В этих случаях лучшим вариантом будет использование функции «Путь». Это связано с тем, что вы можете использовать инструмент формы, чтобы точно подогнать объект и обвести его кривой текста именно так, как вы хотите.
Однако вы можете выбрать маршрут Smart Objects, если чувствуете, что вам нужно немного больше свободы в том, как вы изгибаете текст. Вы можете изогнуть его любым способом, используя этот инструмент, что дает вам гораздо больше возможностей, чтобы он выглядел так, как вы хотите.
Использование инструмента «Деформация текста» не рекомендуется для более профессиональных проектов, но если вам нужно что-то быстрое и простое, это хороший способ. Просто имейте в виду, что это искажает ваш текст, что может сделать его не таким чистым, как вы хотите, если вы создаете что-то вроде логотипа.
Также при наборе текста убедитесь, что выбранный вами шрифт легко читается даже в изогнутом виде. Вы можете поиграть со шрифтом и размером шрифта, чтобы текст был читабельным.
