Как сделать японский шрифт

Добавил пользователь Дмитрий К.
Обновлено: 10.09.2024

Шрифты только на английском языке?

Поддержки шрифтов на русcком языке пока что нет, так как подобные символы не встречаются Юникоде. Попробуйте подобрать внешне похожие символы на латинице (A B C E H K M P O T X, а также цифра 3), чтобы получить русскоязычный текст.
Например: APOMAT, CAXAP, XAOC, EHOT, ??????

Почему где-то я вижу ??? ?

Если какой-либо из шрифтов или отдельные символы отображаются некорректно, значит ваше устройство или браузер не поддерживают соответствующие символы Юникода. Лучше всего наши шрифты отображаются на последних версиях iOS, Android, а также Windows 10.

Как я могу помочь проекту?

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

В рамках этого урока я покажу вам, как создать надпись в японском стиле.

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Создаем кисть в виде мазков

Для начала нам нужно создать специальную кисточку в виде мазков краски.

Шаг 1

Открываем в Фотошоп картинку painted brush strokes. В идеале, мазок должен быть длинным с плавно затухающим текстурным концом с одной стороны.

Шаг 2

Переходим в меню Image – Adjustments – Desaturate (Изображение – Коррекция – Обесцветить), чтобы полностью обесцветить картинку.

Получившийся мазки слишком светлые, поэтому их нужно затемнить. Применяем к ним Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контрастность). Устанавливаем Contrast (Контрастность) на 100 и Brightness (Яркость) – на -150.

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

Шаг 3

Нам нужно выделить мазки. Для этого переходим Select – Color Range (Выделение – Цветовой диапазон) и кликаем мышкой по черному цвету мазка. Устанавливаем Fuzziness (Разброс) на 200 и жмем ОК.

Шаг 4

Создаем заливку Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). Благодаря выделению, заливка автоматически примет его форму.

Шаг 5

Далее нам нужно немного сгладить контуры мазков. Для этого кликаем правой кнопкой по маске слоя на панели слоев и выбираем Select and Mask (Выделение и маска).

Устанавливаем Smooth (Сглаживание) на 9, Contrast (Контрастность) – на 24% и Shift Edge (Сместить край) – на -30%. Ваши значения могут отличаться от моих. Главное, следите, чтобы мелкие детали мазков не исчезли.

Шаг 6

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

Шаг 7

Далее программа предложит вам выбрать файл кистей на компьютере. Находим их и готово!

2. Создаем шрифт с эффектом мазка кисти

Наконец мы можем приступить к созданию самого шрифта в японском стиле!

Шаг 1

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

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

Пишем слово или словосочетание. Теперь этот текст можно использовать в качестве шаблона для создания своего шрифта.

Шаг 2

Добавляем в Фотошоп набор кисточек с мазками или открываем папку с png-мазками, чтобы они уже были у вас под рукой. Я буду использовать готовые мазки в формате PNG.

Шаг 3

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

Шаг 4

Шаг 5

Кисточкой (В) или ластиком (Е) можно доработать отдельные детали мазков, убрать лишнее, чтобы добавить разнообразия.

Также не забудьте, что мазки можно отражать по горизонтали и вертикали (Ctrl+T), а также менять их масштаб, высоту и ширину, чтобы избежать повторений.

Шаг 6

Также используйте для изогнутых букв режим деформации Edit – Transform – Warp (Редактирование – Трансформирование – Деформация), чтобы создавать и приводить в соответствие кривые, а также подбирать формы в соответствии с текстовым шаблоном.

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

Шаг 7

С помощью слоя-заливки Solid Color (Цвет) можно заполнить текст любым цветом. Только не забудьте превратить заливку в обтравочную маску (Ctrl+Alt+G), чтобы она не выходила за пределы надписи.

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

Буквально за считанные минуты мы создали свой собственный шрифт! Можете не останавливаться только на этой надписи и создать целый алфавит. Сохраните его в формате PSD и у вас будет полноценный авторский шрифт!

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

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

В официальную поставку Windows XP входят японские шрифты MS Mincho (msmincho.ttc) и MS Gothic (msgothic.ttc), которые по характеру начертания символов аналогичны шрифтам Times New Roman (с засечками) и Arial (без засечек). Именно эта пара отвечает за отображение японских иероглифов при установке системной поддержки иероглифического письма.

Скачайте MS Mincho и MS Gothic на свой компьютер по нижеследующим ссылкам и разархивируйте их, например, на рабочий стол.

Нажмите сочетание клавиш Win+R (Win - клавиша с логотипом Windows в левом нижнем углу клавиатуры).
В открывшемся окне наберите fonts:

Откроем папку со шрифтами

После нажатия на кнопку OK откроется папка с системными шрифтами. Перетащите и бросьте в эту папку с рабочего стола шрифты MS Mincho и MS Gothic - они автоматически установятся в систему и будут отображаться семействами "MS Mincho - MS PMincho" и "MS Gothic – MS PGothic – MS UI Gothic":

fontinstall

Теперь вы сможете просматривать японоязычные сайты в интернете и читать документы и презентации Microsoft Word, Excel и Powerpoint на японском языке. Однако этого недостаточно для отображения иероглифических названий папок, файлов и диалоговых окон в проводнике Windows - они по-прежнему будут отображаться квадратиками.

Для исправления ситуации запустите файл ja.reg и позвольте системе внести его содержимое в реестр Windows.

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

Теперь о недостатках вышеописанных шрифтов.

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

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


MS Mincho vs MS Arial Unicode

Это неудобство начинает ощущаться при просмотре и редактировании документов со смешанным письмом, в котором присутствует как кириллица так и иероглифика. Поэтому, в реальной работе предпочтительнее использовать пропорциональные шрифты с поддержкой сглаживания, к коим относится популярный шрифт Arial Unicode MS (arialuni.ttf) из пакета Microsoft Office 2003.

Его вы также можете скачать по ссылке ниже.

Arial Unicode MS может помочь при возникновении проблем с разного рода японскими компьютерными играми, которые требуют наличия минимальной поддержки японского языка в системе.

Сглаживание шрифтов

Графика иероглифов бывает порой очень сложна, поэтому стандартные шрифты для отображения японского языка спроектированы с таким расчётом, чтобы обеспечить максимальную детализацию символов в ущерб плавности линий. С развитием графических технологий начали появляться шрифты с поддержкой функции сглаживания Clear Type, которая по умолчанию активизируется для ЖК-мониторов. Конечно, тонкие детали для символов шрифтов с поддержкой сглаживания становятся менее различимы, но глазу они всё-равно гораздо приятнее, чем пронзительно резкие в очертаниях знаки старых шрифтов. К таким шрифтам относится упомянутый выше Arial Unicode MS, а также шрифт Meiryo, впервые появившийся в Windows Vista и рассмотренный в статье о включении сглаживания в браузерах Internet Explorer, Mozilla Firefox и Opera.

Русский шрифт Bonzai Regular категории Оригинальные, является веб шрифтом для дизайна сайта, так же Вы можете использовать его для фотошопа. Шрифт Bonzai Regular можно скачать бесплатно и без регистрации.

Настройка шрифта Bonzai Regular

Вы можете настроить Русский шрифт Bonzai Regular применив к нему визуальные текстовые эффекты CSS, впишите Ваш текст в поле, измените настройки и получите готовый код для установки на своём сайте.

Эффекты теней text-shadow

Готовые эффекты

Inset Retro Glow Neon Fire Blur Hsla

Simple Emboss Realistic Emboss Artistic Emboss

Bold & Sharp Classic Movie

Simple 3D Realistic 3D

* Скопируйте готовый CSS код полученный в генераторе и используйте текстовый эффект на своём сайте.

Читайте также: