Glyphsチュートリアル和訳

良いパスを描く

美しい文字は「正しいパス」から。極点へのノード配置やハンドルの扱い、最小限のポイント数など、データトラブルを防ぎ補間もスムーズにするベクター描画の鉄則を解説。プロ品質のアウトラインを描くための必須知識です。
Glyphsチュートリアル和訳

ダイアクリティカルマーク

膨大な数のアクセント付き文字、手作業で配置して消耗していませんか?「アンカー」機能を使えば、ベース文字と記号を自動で位置合わせ。数百の文字を一瞬で生成し、修正も一括反映できるスマートな構築術を解説。これで欧文拡張も怖くありません。
Glyphsチュートリアル和訳

フォントビューのサイドバーにカスタム項目を追加する

原文: Custom sidebar entries in font viewチュートリアル執筆者: Rainer Erich Scheichelbaueren fr zh2022年7月29日更新(初版公開:2015年5月20日)フォントビューのサイドバーは、自分好みにカスタマイズ可能です。グリフセットの確認、並べ替え、フィルタリングが格段に便利になるほか、Glyphsに新しいスクリプトを追加する際にも役立ちます。覚えておいて損はないテクニックですし、作業自体もすぐに完了します。フォントビュー(Cmd+Opt+1)のサイドバーには、独自のカテゴリや言語を追加できます。Glyphsは、~/Lib......続きを読む
Glyphsチュートリアル和訳

カスタムパラメータ

原文: Custom parametersチュートリアル執筆者: Rainer Erich Scheichelbaueren fr zh2022年8月12日更新(初版公開:2012年7月13日)「フォント情報」でカスタムパラメータを見たことがあるでしょう。でも…実際には何をするのでしょうか?カスタムパラメータを使えば、「フォント情報」をより正確に設定したり、書き出し時にフィルタをトリガーしたり、他のクールなことをしたり、書き出し時にフォントを一括処理したりできます。この方法で、非破壊的に作業できます。カスタムパラメータの追加と管理カスタムパラメータは、「ファイル > フォント情報」の「フォント......続きを読む
Glyphsチュートリアル和訳

複雑なアウトラインを持つフォントの作成

原文: Creating fonts with complex outlinesチュートリアル執筆者: Rainer Erich Scheichelbaueren fr zh2024年9月10日更新(初版公開:2016年12月20日)グランジフォント、手書きフォント、汚れた活版印刷フォント:もしあなたのフォントが複雑なら、このチュートリアルはあなたのためのものです。現代のフォントテクノロジーは、主に「普通の」書体に向けられています。つまり、使用されている技術の一部は、あなたのフォントが以下の条件を満たしていると仮定しています。可能な限り少ないノード数を持つ単純なアウトラインを持つこと極値にノー......続きを読む
Glyphsチュートリアル和訳

SVGカラーフォントの作り方

原文: Creating an SVG color fontチュートリアルカラーRainer Erich Scheichelbauer著en es fr zh2022年7月20日 2017年1月20日公開Glyphsには、OpenType-SVGフォントを作成するためのさまざまな方法があります。このチュートリアルを読めば、そのほとんどすべてを理解できるでしょう。SVGについて調べると、Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)の略であることがわかるでしょう。それはそれで良いのですが、フォントの領域でこの用語を使うと、実際には異なるものを指すことが......続きを読む
Glyphsチュートリアル和訳

SFシンボルの作り方

原文: Creating an SF Symbol旧チュートリアルRainer Erich Scheichelbauer著en zh2020年11月12日 2019年10月3日公開SFシンボルは、Xcodeプロジェクトにアダプタブルなアイコンを追加するのに最適な方法です。このチュートリアルでは、GlyphsでSFシンボルを作成する方法を説明します。このチュートリアルは、あなたがWWDC 2019でのAppleのSFシンボルのプレゼンテーションを視聴済みであることを前提としています。まだ見ていない場合は、今すぐ視聴してください。あなたがUIデザイナーで、Macデベロッパーと一緒に仕事をしているな......続きを読む
Glyphsチュートリアル和訳

アイコンウェブフォントの作り方

CSSで色やサイズも自由自在、Web用アイコンフォントの作成ガイド。グリッド設定からPUAコードの割り当て、WOFF書き出しまでを網羅。画像書き出しの手間を省き、軽量で高品質なアイコンセットを自作しましょう。
Glyphsチュートリアル和訳

Appleカラーフォント(sbix)の作り方

原文: Creating an Apple color font (sbix)チュートリアルカラーRainer Erich Scheichelbauer著en es fr zh2022年7月20日 2014年10月30日公開MacやiPhoneの絵文字フォントがどのように機能するのか、不思議に思ったことはありませんか?その絵は、フォントに埋め込まれたカラーのビットマップ画像に他なりません。「Appleスタイル」のカラーフォントでは、ビットマップ画像がフォントファイル内のいわゆるsbixテーブルに埋め込まれています。各グリフには、さまざまなサイズの複数の画像を割り当てることができます。これにより......続きを読む
Glyphsチュートリアル和訳

オールキャップスフォントの作り方

原文: Creating an all-caps fontチュートリアルRainer Erich Scheichelbauer著en fr zh2022年7月29日 2018年4月12日公開オールキャップスフォントでは、ユーザーが小文字のキーをタイプしても大文字のキーをタイプしても、同じ大文字が表示されるべきです。これを実現するための、簡単なステップバイステップのチュートリアルを読んでいきましょう。コンピュータは、Unicode値によって文字を(したがって、大文字と小文字も)区別します。例えば、大文字のKにはUnicode値U+004Bが、対応する小文字のkにはU+006Bが割り当てられていま......続きを読む
広告