OTEditMac基本操作

OTEdit for Mac 基本操作

2007 年 7 月 24 日 版

武蔵システム

2

本書の表記

・ メニュー、コマンド、ダイアログボックス、ダイアログボックス内の項目やボタン名などは、[]で

くくります。

・ 操作説明中、メニューからコマンドを実行する場合は、“[ファイル]→[インポート]→[ビットマッ

プファイル]”という表記をしています。これは“[ファイル]メニューから[インポート]を選び、そ

のサブメニューである[ビットマップファイル]をクリックする”という意味になります。

・ 単に OTEdit と記載した場合、OTEdit for Mac のことを示します。

Adobe、ATM、Acrobat、Illustrator、InDesign、InCopy、PostScript は、アドビ システムズ社の米国

ならびに他の国における商標または登録商標です。

Macintosh と Apple、Mac OS は、それぞれ、Apple Computer,Inc.の米国および他諸国で登録されている

登録商標および商標です。

Microsoft、Windows、Windows NT は、Microsoft Corporation の米国およびその他の国における登録商

標です。

フォントを変形加工して１組みの書体またはフォントとして制作、使用、販売する等の行為は、権利障

害になる場合があります。

3

目次

第１章 基礎知識............................................................................................................................................. 5

１.１ OPENTYPEフォント ........................................................................................................................6 １.２ OTEDITはどんなソフト？ ............................................................................................................9 １.３ メイン画面の名称.....................................................................................................................11

第２章 新規作成からフォントのインストールまで ..................................................................................... 12

２.１ OPENTYPEフォントの新規作成 ....................................................................................................13 ２.２ 作成する文字の選択 .................................................................................................................15 ２.３ グリフの作成 ............................................................................................................................16 ２.４ ファイルの保存 ........................................................................................................................20 ２.５ フォントのインストール ..........................................................................................................20 ２.６ フォントのアンインストール ...................................................................................................22

第３章 ファイルのオープン ......................................................................................................................... 24

３.１ インストール済みフォントのオープン.....................................................................................25 ３.２ 未インストールフォントのオープン ........................................................................................26

第４章 編集文字の指定 ................................................................................................................................ 27

４.１ [文字指定]ダイアログによる指定 .............................................................................................28 ４.２ 「文字一覧」からの指定 ..........................................................................................................29 ４.３ 次の文字・前の文字の表示 ......................................................................................................30

第５章 描画ツールによるグリフ作成........................................................................................................... 32

５.１ ［ペン］ボタンによる描画 ......................................................................................................33 ５．１．１ 曲線の描画 ........................................................................................................................33 ５．１．２ 丸い図形（たまご形）の描画.................................................................................................33 ５．１．３ 直線の描画 ........................................................................................................................34 ５．１．４ 輪郭を閉じる.....................................................................................................................35 ５．１．５ 方向点の引き出し ...............................................................................................................35 ５．１．６ スムーズポイント、コーナーポイントの相互変換 ....................................................................36

５.２ ［直線］・［多角形］ボタンによる描画.....................................................................................37 ５.３ ［長方形］・［楕円］ボタンによる描画.....................................................................................39 ５.４ ［鉛筆］ボタンによる描画 ......................................................................................................41 ５.５ ［制御点の挿入］ボタンによる制御点の追加 ..........................................................................43 ５.６ ［消しゴム］ボタンによる制御点の削除 .................................................................................45 ５.７ ［選択］ボタンによる制御点の選択 ........................................................................................46 ５.８ ［なげなわ］ボタンによる制御点の選択 .................................................................................48

第６章 グリフの修整.................................................................................................................................... 50

６.１ 輪郭の結合 ...............................................................................................................................51

4

６.２ 輪郭の切断 ...............................................................................................................................52 ６.３ 制御点の位置揃え.....................................................................................................................54 ６.４ グリフの反転 ............................................................................................................................55 ６.５ グリフの中央移動.....................................................................................................................57

第７章 いろいろな表示方法 ......................................................................................................................... 59

７.１ 拡大・縮小 ...............................................................................................................................60 ７.２ 塗りつぶしで表示.....................................................................................................................62 ７.３ 制御点の表示／非表示..............................................................................................................63

第８章 編集操作........................................................................................................................................... 65

８.１ コピー＆ペースト.....................................................................................................................66 ８.２ 文字取り込み ............................................................................................................................68 ８.３ 巻き方向を修正 ........................................................................................................................69 ８.４ オーバーラップ輪郭を削除 ......................................................................................................71

第９章 ビットマップファイルからのグリフ作成 ......................................................................................... 73

９.１ ビットマップファイルの用意 ...................................................................................................74 ９.２ ビットマップファイルのインポート ........................................................................................74

第１０章 ILLUSTRATOR でのグリフ作成 ................................................................................................. 76

１０.１ SING 外字ファイルの作成 ...................................................................................................77 １０.２ SING 外字ファイルのインポート.........................................................................................79

第１１章 文字情報の設定 ............................................................................................................................ 80

１１.１ 文字幅の設定 ........................................................................................................................81 １１.２ 縦書き位置の設定 .................................................................................................................82

第１２章 一括コピー.................................................................................................................................... 85

１２.１ 新規ファイルへの全文字コピー............................................................................................86 １２.２ 既存ファイルへの追加コピー ...............................................................................................88 １２.３ CSV ファイルでのコピー文字指定 .......................................................................................89

第１３章 オンラインヘルプ ......................................................................................................................... 91

１３.１ トラブルシューティング ......................................................................................................92

第１章 基礎知識

5

第１章 基礎知識

ここでは OTEdit がどのような特徴を持つソフトなのか説明します。また、OpenType フォントについて

も簡単ではありますが解説しています。

OpenType フォント

OTEdit はどんなソフト？

メイン画面の名称

第１章 基礎知識

6

１.１ OpenType フォント

OpenTypeフォントはAdobe社とMicrosoft

社が共同で開発したフォントフォーマット

です。ベジェ曲線と直線で文字の輪郭を記述

します。

OpenType フォントのように文字の輪郭を

定義したフォントをアウトラインフォント

(outline font)といいます。拡大してもギザ

ギザが現れず綺麗に表示されます。これに対

して、点の集まりで定義されたフォントを

ビットマップフォント(bitmap font)または

ドットフォント(dot font)と呼びます。拡大

して表示するとギザギザが現れます。

1 つのベジェ曲線は、4 つの制御点で構成

され、両端の制御点は端点(アンカーポイン

ト)、間の 2点は方向点と呼ばれます。

2 つ以上のベジェ曲線がつながる場合は、

手前のベジェ曲線の端点が、次のベジェ曲線

の端点となります。

また端点は、スムーズポイント及びコー

ナーポイントのどちらかになります。

スムーズポイントの場合、その前後にある

方向点の直線上に位置し、2つのベジェ曲線

が滑らかにつながります。OTEdit では赤丸

で表示されます。

コーナーポイントの場合、2 つのベジェ曲

線は鋭角になります。OTEdit では赤い四角

で表示されます。

ビットマップフォント

アウトラインフォント

第１章 基礎知識

7

直線は直線ポイントで構成されます。

OTEdit では赤い四角で表示されます。

文字の字形を専門用語ではグリフ(Glyph)

と呼びます。

グリフには描画方向があり、OpenType フ

ォントでは、外側の輪郭は反時計回りに、内

側の輪郭は時計回りに描かなければなりま

せん。制御点を描いた順番が大きくなる方向

に進んで左側が黒く塗られます。これを間違

えると、思わぬ塗り状態になってしまいます。

なお、この方向は TrueType フォントの場

合とは逆になっています。

複数のグリフが交差してもいけません。

交差しているためよくない

このように作成するこ

と

第１章 基礎知識

8

文字は仮想ボディと呼ばれるボックス内

に作成します。また下側にベースラインと呼

ばれる基準位置を設け、これより上をアセン

ト、下をディセントと呼びます。

コラム

ベジェ曲線を数式で示すと次のようになります。

t を媒介変数とする、x,y の２次元平面上の曲線として表現されます。

第１章 基礎知識

9

１.２ OTEdit はどんなソフト？

OTEdit は OpenType フォントを作成するソ

フトです。

OTEdit ではドロー系のソフトと同様な操

作でグリフを作成します。

Adobe Creative Suite2付属のIllustrator

CS2 で SING 外字ファイルを作成し、OTEdit

に取り込むこともできます。Illustrator を

使い慣れた人であれば、この方が作成し易い

と思います。

OTEdit に取り込

んだ状態

第１章 基礎知識

10

ドロー系のソフトが使いづらい人は、ペイ

ント系のソフトで文字をデザインして

OTEdit に取り込むこともできます。

OTEdit に取り込

んだ状態

第１章 基礎知識

11

１.３ メイン画面の名称

ツールバー 描画ツールバー

編集画面

スケール

第２章 新規作成からフォントのインストールまで

12

第２章 新規作成からフォントのインストールまで

ここでは、OpenType フォントを新規に作成するところから、フォントをパソコンにインストールす

るままでの手順を説明します。

OpenType フォントの新規作成

作成する文字の選択

グリフの作成

ファイルの保存

フォントのインストール

フォントのアンインストール

第２章 新規作成からフォントのインストールまで

13

２.１ OpenType フォントの新規作成

①OTEdit のメニュー[ファイル]→[新規作

成]をクリックします。

[フォント種類の選択]ダイアログが表示

されます。

②作成するフォントの種類を選択します。今

回は、[Std フォント]のままとします。

各種類の意味は次の通りです。

Std フォント Adobe-Japan1-3 の 9,354 字に対応したフォントです。

Pro フォント Adobe-Japan1-4 の 15,444 字に対応したフォントです。CID の 0～9,353 は

Std フォントと同じです。

Adobe-Japan1-x キャラクタセットについては、 Adobe の Web サイト

http://partners.adobe.com/public/developer/font/index.html で公開されている

「Adobe-Japan1-6 Character Collection for CID-Keyed Fonts #5078 (PDF: 7.38M)」をご参照くだ

さい。

Adobe-Japan1-6 の CID 0～ 9353 が Adobe-Japan1-3 キャラクタセット、CID 0～ 15443 が

Adobe-Japan1-4 キャラクタセットです。

③[次へ]をクリックします。

[フォントメトリクスの設定]ダイアログ

が表示されます。

④[アセント]の値を設定します。今回は、880

のままとします。

⑤[ディセント]の値を設定します。今回は、

120 のままとします。 ⑥

④

⑤

③

②

①

第２章 新規作成からフォントのインストールまで

14

アセントとディセントの合計が 1000（仮

想ボディの値）になるように設定してくだ

さい。強制ではありませんが、異なると、

作成したフォントをアプリケーションソ

フトで使う時に何らかの問題が発生する

かもしれません。

アセントとディセントの単位は FUnit

(Font Unit、フォントユニット)と呼ばれ

る抽象的なもので、mm（ミリメートル）の

ような物理的寸法ではありません。

⑥[次へ]をクリックします。

[書体名の設定]ダイアログが表示されま

す。

⑦[書体名(日本語用)]を設定します。

⑧[書体名(英語用)]を設定します。日本語は

使わないで、半角の英語と数字で設定して

ください。

⑨[著作権]を設定します。ここで設定した値

は、フォントファイル内に記入されます。

⑩[完了]をクリックします。

⑪編集画面が表示されます。

⑪

⑧⑦

⑨

⑩

第２章 新規作成からフォントのインストールまで

15

２.２ 作成する文字の選択

①[表示]→[他の文字]をクリックします。

[文字指定]ダイアログが表示されます。

②[入力方法]として、[Unicoce]を選択しま

す。

③[データ]にこれから作成する文字を入力

します。今回は、丸付き数字①の文字に、

グリフ❶を作成してみます。データに 2460

と入力します。

④[OK]をクリックします。

⑤編集画面が文字①用に変わります。

①

②

③

④

⑤

第２章 新規作成からフォントのインストールまで

16

２.３ グリフの作成

①[編集]→[文字取り込み]をクリックしま

す。

[文字取り込み]ダイアログが表示されま

す。

②[文字]に半角数字 1を入力します。

③フォントの一覧から Arial を選択します。

④[OK]をクリックします。

⑤編集画面にフォント Arial の”1”のグリ

フが取り込まれます。

①

②

③

④

⑤

第２章 新規作成からフォントのインストールまで

17

⑥キーボードの右矢印キーを数回押下して、

今取り込んだグリフを中央に移動します。

この時、グリフの選択が解除されていると、

右矢印キーを押下しても、グリフが移動し

ません。その場合は、[編集]→[すべて選

択]をクリックしてから再度行ってくださ

い。

⑦OTEdit のメイン画面左側にある描画ツー

ルバーから、[楕円]をクリックします。

⑥

⑦

選択が解除

された状態

第２章 新規作成からフォントのインストールまで

18

⑧キーボードの Shift キーを押しながら、編

集画面内赤いボックスの左上でクリック

し、そのまま右下までドラッグします。

円が描かれます。

⑨[表示]→[塗りつぶしで表示]をクリック

します。

⑧

⑧

⑨

第２章 新規作成からフォントのインストールまで

19

⑩グリフが塗りつぶされた実際の文字イ

メージで表示されます。

円の中の１が黒く塗られており、このまま

では単なる黒丸と同じです。これは、グリ

フの描画方向が間違っているためです。

⑪[編集]→[巻き方向を修正]を選択します。

⑫グリフの描画方向が修正され、正しく表示

されます。

⑪

第２章 新規作成からフォントのインストールまで

20

２.４ ファイルの保存

①[ファイル]→[保存]をクリックします。

②ファイルを保存する[場所]を選択します。

③[名前]を適当に設定します。

OpenType フォントのファイル拡張子

は.otf で、[名前]の後ろに自動的に追加さ

れます。

④[保存]をクリックします。

２.５ フォントのインストール

①Font Book を起動します。

①

② ③

④

第２章 新規作成からフォントのインストールまで

21

②[ファイル]→[新しいコレクション]をク

リックします。

③新しいコレクションが追加されるので名

前を適当に設定（今回は OTEdit を設定）

します。

④[ファイル]→[フォントを追加]をクリッ

クします。

②

③

④

第２章 新規作成からフォントのインストールまで

22

⑤OTEditで作成したフォントを選択します。

⑥[開く] をクリックします。

⑦フォントが追加されます。

２.６ フォントのアンインストール

①Font Book を起動します。

②アンインストールしたいフォントを選択

します。

⑤

⑥

②

②

第２章 新規作成からフォントのインストールまで

23

③[ファイル]→["xxx（選択したフォント名）

"を取り除く]をクリックします。

④確認ダイアログが表示されるので、[取り

除く]をクリックします。

③

④

第３章 ファイルのオープン

24

第３章 ファイルのオープン

ここでは既存ファイルのオープンについて説明します。

インストール済みフォントのオープン

未インストールフォントのオープン

第３章 ファイルのオープン

25

３.１ インストール済みフォントのオープン

ここでは、パソコンにインストールされて

いるフォントを、OTEdit でオープンする方

法について説明します。

①[ファイル]→[インストール済みを開く]

をクリックします。

インストール済みフォントの一覧が表示

されます

②オープンしたいフォントを選択します。

③[OK]をクリックします。

⑤選択したフォントがオープンされます。

①

③

②

第３章 ファイルのオープン

26

３.２ 未インストールフォントのオープン

まだパソコンにインストールしていない

フォントのオープンについて説明します。

①[ファイル]→[開く]をクリックします。

②OpenType フォントを選択します。

③[開く]をクリックします。

④選択したフォントがオープンされます。

①

③

②

第４章 編集文字の指定

27

第４章 編集文字の指定

ここでは作成する文字を指定する方法について説明します。

[文字指定]ダイアログによる指定

「文字一覧」からの指定

次の文字・前の文字の表示

第４章 編集文字の指定

28

４.１ [文字指定]ダイアログによる指定

「２.２作成する文字の選択」で述べました

が、ここで改めて説明します。

①[表示]→[他の文字]をクリックします。

[文字指定]ダイアログが表示されます。

②編集する文字の指定を文字コードの指定

で行うか文字入力で行うかを[入力方法]

の中から選択します。

入力方法 説明

文字 文字で指定します。

シフト JISコード シフト JIS で指定します。

JIS コード JIS コードで指定します。

Unicode Unicode で指定します。

CID CID(character identifier)で指定します。

③上で選択した入力方法に応じた値を[デー

タ]に入力します。

④縦書き文字を選択する場合は、「縦書き」

のチェックボックスを選択状態にしてく

ださい。これは、縦書き専用文字を持って

いる場合に有効です。縦書き専用文字は、

OTEdit のインストール先にある「縦書き専

用文字.xls」ファイルを参照してください。

このファイルには、横書き文字の CID とそ

の縦書き文字の CID が記入されています。

⑤[OK]をクリックします。

⑥入力した文字の編集画面になります。

①

②

③

④

⑤

⑥

第４章 編集文字の指定

29

４.２ 「文字一覧」からの指定

①[表示]→[文字一覧を表示]をクリックし

ます。

「文字一覧」ウィンドウが表示されます。

左側に表示されているのは文字コードの

上位側コードで、上に表示されている 0～F

は、文字コードの最下位コードです。

②[サンプルを表示]をクリックします。

白で各文字のサンプルが表示されます。

③編集したい文字が見えるまでスクロール

します。

④編集したい文字部分で、ダブルクリックし

ます。

①

②

文字コードの最

下位コード

このコードは

0050 + 9 = 0059

となる

文字コードの上位側コード

④

③

第４章 編集文字の指定

30

⑤ダブルクリックしたところの文字の編集

画面になります。

４.３ 次の文字・前の文字の表示

現在、編集画面に表示している文字の、次

のCIDの文字や前のCIDの文字を表示する方

法を説明します。

①[表示]→[次の文字]をクリックします。

②次の CID の文字が表示されます。

①

⑤

②

第４章 編集文字の指定

31

③同様に、[表示]→[前の文字]をクリックす

れば、前の CID の文字が表示されます。

③

第５章 描画ツールによるグリフ作成

32

第５章 描画ツールによるグリフ作成

ここでは、描画ツールにより、グリフを作成する方法を説明します。

［ペン］ボタンによる描画

［直線］・［多角形］ボタンによる描画

［長方形］・［楕円］ボタンによる描画

［鉛筆］ボタンによる描画

［制御点の挿入］ボタンによる制御点の追加

［消しゴム］ボタンによる制御点の削除

［選択］ボタンによる制御点の選択

［なげなわ］ボタンによる制御点の選択

第５章 描画ツールによるグリフ作成

33

５.１ ［ペン］ボタンによる描画

５．１．１ 曲線の描画

①描画ツールバーの[ペン]ボタンをクリッ

クします。

②編集画面上をクリックします。

③曲線の曲がり方向が変わる所で左ボタン

を押します。

④そのままドラッグし、左ボタンを離します。

⑤曲線の終わりでクリックします。

５．１．２ 丸い図形（たまご形）の描画

①描画ツールバーの[ペン]ボタンをクリッ

クします。

②編集画面上で左ボタンをクリックします。

③そのままドラッグし、左ボタンを離します。

④丸い図形の反対側あたりで左ボタンを押

します。

⑤そのままドラッグし、左ボタンを離します。

①

②クリック

③ここで左ボタンを押す

④ここまでドラッグし、

左ボタンを離す

⑤クリック

②ここで左ボタンを押す

③ここまでドラッグし、左ボタンを離す

④ここで左ボタンを押す

⑤ここまでドラッグし、

左ボタンを離す

第５章 描画ツールによるグリフ作成

34

⑥②の位置で再度左ボタンを押します。

⑦そのままドラッグし、左ボタンを離します。

５．１．３ 直線の描画

①描画ツールバーの[ペン]ボタンをクリッ

クします。

②頂点部分でマウスをクリックします。

⑥ここで左ボタンを押す

⑦ここまでドラッグし、左ボタンを離す

②クリック

第５章 描画ツールによるグリフ作成

35

５．１．４ 輪郭を閉じる

輪郭を閉じるには、

・command キー( )を押しながら画面をク

リック

・マウスの右ボタンをクリック

・輪郭開始点をクリック

・最後の制御点でダブルクリック

のいずれかを行います。

５．１．５ 方向点の引き出し

直線ポイントからは方向点を引き出して、

線を修正することができます。

①描画ツールバーの[選択]ボタンをクリッ

クします。

・command キー( )を押しながらクリック

・マウスの右ボタンをクリック

・輪郭開始点をクリック

・最後の制御点でダブルクリック

のいずれかを行う。

輪郭が閉じられる

①

第５章 描画ツールによるグリフ作成

36

②option キーを押しながら直線ポイント上

で左ボタンを押します。

③そのままドラッグし、左ボタンを離します。

④離した位置に方向点が移動します。

５．１．６ スムーズポイント、コーナーポイントの相互変換

スムーズポイントをコーナーポイントへ、

逆にコーナーポイントをスムーズポイント

に変換することができます。

①描画ツールバーの[選択]ボタンをクリッ

クします。

②コーナーポイント上で control キーを押

しながらクリック（または単に右クリッ

ク）し、表示されるメニューから「スムー

ズポイントに変換」を選択します。

③コーナーポイントがスムーズポイントに

変換されます。

④スムーズポイントに変換されたので、方向

点を移動すると反対側の方交点も一緒に

移動します。

②option キーを押しながら

左ボタンを押す

③そのままドラッグし、左

ボタンを離す

④

③

②

④

第５章 描画ツールによるグリフ作成

37

⑤スムーズポイント上で control キーを押

しながらクリック（または単に右クリッ

ク）し、表示されるメニューから「コーナー

ポイントに変換」を選択します。

⑥スムーズポイントがコーナーポイントに

変換されます。

⑦コーナーポイントに変換したので、方向点

を移動すると、ドラッグしている方向点の

みが移動します。

５.２ ［直線］・［多角形］ボタンによる描画

①描画ツールバーの[直線]ボタンをクリッ

クします。

②編集画面上でクリックし、そのままドラッ

グします。

②

①

⑤

⑥

⑦

第５章 描画ツールによるグリフ作成

38

③以後、同様にすれば連続した直線を描けま

す。

④描画ツールバーの[多角形]ボタンをク

リックします。

⑤画面上をクリックして行けば、直線が追加

されます。

③

④

⑤

第５章 描画ツールによるグリフ作成

39

⑥最初に描いた制御点をクリックすれば閉

じた輪郭となります。

５.３ ［長方形］・［楕円］ボタンによる描画

①描画ツールバーの[長方形]ボタンをク

リックします。

②編集画面上でクリックし、そのままドラッ

グします。

⑥

①

②

第５章 描画ツールによるグリフ作成

40

③長方形が描画されます。

④描画ツールバーの[楕円]ボタンをクリッ

クします。

⑤編集画面上でクリックし、そのままドラッ

グします。

③

④

⑤

第５章 描画ツールによるグリフ作成

41

⑥楕円が描画されます。

長方形や楕円を描く時、キーボードの Shift

キーを押しながら行うと、正方形や円になり

ます。

５.４ ［鉛筆］ボタンによる描画

①描画ツールバーの[鉛筆]ボタンをクリッ

クします。

①

⑥

Shift キー押下で描画

第５章 描画ツールによるグリフ作成

42

②編集画面上でクリックし、そのままドラッ

グしてグリフの輪郭を描きます。

③マウスのボタンを放せば、マウスの軌跡が

トレースされ、グリフの輪郭に変換されま

す。

④同様にして描画を繰り返してください。

⑤前回最後の制御点上からドラッグ開始す

れば、輪郭が延長されます。

②

③

⑤

第５章 描画ツールによるグリフ作成

43

⑥前回最後の制御点から離れた位置よりド

ラッグ開始した場合、そこまで直線で結ば

れます。

⑦輪郭を閉じる時は、輪郭開始点までドラッ

グして、そこでマウスのボタンを離してく

ださい。

⑧ダブルクリックすることでも、輪郭を閉じ

ることができます。ダブルクリックした位

置に、オンカーブ点が追加されます。

５.５ ［制御点の挿入］ボタンによる制御点の追加

①描画ツールバーの[制御点の挿入]ボタン

をクリックします。なお、編集画面のグリ

フが閉じていないと、ボタンは使えません。

⑥

①

第５章 描画ツールによるグリフ作成

44

②制御点を追加したい位置で、マウスをク

リックします。なお、この位置はグリフの

輪郭線上でなければなりません。

③クリックした位置に、制御点が追加されま

す。

④キーボードの←→↑↓キーを押下して、今

追加した制御点を、希望の位置へ移動して

ください。

③

②

④

第５章 描画ツールによるグリフ作成

45

⑤[選択]ボタンをクリックし、マウスで制御

点をドラッグすることによっても、制御点

を移動することができます。

５.６ ［消しゴム］ボタンによる制御点の削除

①描画ツールバーの[消しゴム]ボタンをク

リックします。なお、編集画面のグリフが

閉じていないと、ボタンは使えません。

②マウスカーソルが右図のように変わりま

す。

⑤

⑤

①

第５章 描画ツールによるグリフ作成

46

③マウスをクリックしたまま、マウスカーソ

ル先端にある小さな四角部分を、グリフの

制御点に触れてください。

④制御点が削除されます。

５.７ ［選択］ボタンによる制御点の選択

①描画ツールバーの[選択]ボタンをクリッ

クします。なお、編集画面のグリフが閉じ

ていないと、ボタンは使えません。

③

④

①

第５章 描画ツールによるグリフ作成

47

②グリフの輪郭線上をダブルクリックしま

す。

③輪郭全体が選択されます。

④マウスカーソルをグリフ内に移動すると、

右図のように十字矢印の付いた形に変わ

ります。

⑤この状態で、ドラッグすれば選択したグリ

フを移動することができます。

②

⑤

第５章 描画ツールによるグリフ作成

48

⑥部分的に制御点を選択するには、選択した

い制御点を囲むようにマウスをドラッグ

してください。

５.８ ［なげなわ］ボタンによる制御点の選択

①描画ツールバーの[なげなわ]ボタンをク

リックします。なお、編集画面のグリフが

閉じていないと、ボタンは使えません。

②選択したい制御点をマウスで囲みます。

⑥

②

①

第５章 描画ツールによるグリフ作成

49

③囲まれた部分の制御点が選択されます。

第６章 グリフの修整

50

第６章 グリフの修整

輪郭の結合

輪郭の切断

制御点の位置揃え

グリフの反転

グリフの中央移動

第６章 グリフの修整

51

６.１ 輪郭の結合

２つの輪郭を結合して、１つにする方法を説明します。

①[接着剤]ボタンをクリックします。

②結合したい所でマウスをドラッグします。

③制御点が追加され、輪郭が結ばれます。

①

②

③

第６章 グリフの修整

52

④結合部分は２つの制御点が重なっている

ので、制御点をマウスで移動してください。

６.２ 輪郭の切断

１つの輪郭を切断して、２つにする方法を説明します。

①修整ツールバーの[ナイフ]ボタンをク

リックします。

②切断したい所でマウスをドラッグしてく

ださい。

④

①

②

第６章 グリフの修整

53

③制御点が追加され、輪郭が２つに切断され

ます。

④切断部分は２つの制御点が重なっている

ので、制御点をマウスで移動してください。

[ナイフ]ボタンは 1 つの閉じた輪郭を切断して 2 つの閉じた輪郭にする場合に使用し、[接着剤]

ボタンは 2つの閉じた輪郭を接合して 1つの閉じた輪郭にする場合に使用します。

そのため下図のように口形をＣ形にする場合は、[ナイフ]ボタンではなく、[接着剤]ボタンで行い

ます。

③

④

第６章 グリフの修整

54

６.３ 制御点の位置揃え

複数の制御点の位置を揃える方法を説明

します。

①位置を揃えたい制御点を選択します。

②[横方向点揃え]ボタンをクリックします。

③位置を揃えたい場所でマウスをクリック

します。

①

②

③

第６章 グリフの修整

55

④クリック位置で制御点が揃えられます。

⑤同様に縦方向に制御点を揃えるには、位置

を揃えたい制御点を選択して、[縦方向点

揃え]ボタンをクリックし、位置を揃えた

い場所でマウスをクリックします。

６.４ グリフの反転

グリフを鏡に映したように反転します。

①反転したいグリフを選択します。

①

④

⑤

第６章 グリフの修整

56

②[横方向鏡面反転]ボタンをクリックしま

す。

③グリフが横方向に反転します。

なお、反転は変形中心 を中心にして行

われます。変形中心はマウスで移動できま

す。

②

第６章 グリフの修整

57

④同様に、[縦方向鏡面反転]ボタンをクリッ

クすれば、縦方向に反転します。

６.５ グリフの中央移動

グリフを仮想ボディ内の中央に移動します。

①移動したいグリフを選択します。

②[左右中央]ボタンをクリックします。

①

②

④

第６章 グリフの修整

58

③グリフが仮想ボディ内の左右中央に移動

します

④同様に、[上下中央]ボタンをクリックすれ

ば、仮想ボディ内の上下中央に移動します。

④

第７章 いろいろな表示方法

59

第７章 いろいろな表示方法

ここでは編集画面での表示方法について説明します。

拡大・縮小

塗りつぶしで表示

制御点の表示／非表示

第７章 いろいろな表示方法

60

７.１ 拡大・縮小

①表示ツールバーの[拡大]ボタンをクリッ

クします。

②拡大表示したい部分をドラッグして選択

します。

③ドラッグした部分が拡大表示されます。

①

②

第７章 いろいろな表示方法

61

④表示ツールバーの[縮小]ボタンをクリッ

クします。

⑤表示倍率が小さくなります。

⑥表示ツールバーの[ウィンドウに合わせ

る]ボタンをクリックします。

④

⑥

第７章 いろいろな表示方法

62

⑦仮想ボディ全体が編集画面内に収まるよ

うに表示されます。

７.２ 塗りつぶしで表示

①表示ツールバーの[塗りつぶしで表示/非

表示]ボタンをクリックします。

②グリフが塗りつぶされた状態で表示され

ます。

①

②

第７章 いろいろな表示方法

63

③再度、表示ツールバーの[塗りつぶしで表

示/非表示]ボタンをクリックします。

④グリフが塗りつぶしなしで表示されます。

７.３ 制御点の表示／非表示

①表示ツールバーの[制御点の表示/非表示]

ボタンをクリックします。

②制御点が非表示になり、グリフのアウトラ

インのみ表示されます。

③

④

①

②

第７章 いろいろな表示方法

64

③再度、表示ツールバーの[制御点の表示/

非表示]ボタンをクリックします。

④グリフの制御点が表示されます。

④

③

第８章 編集操作

65

第８章 編集操作

ここでは、[編集]メニューを中心に説明します。

コピー＆ペースト

文字取り込み

巻き方向を修正

オーバーラップ輪郭を削除

第８章 編集操作

66

８.１ コピー＆ペースト

編集画面間でのコピー＆ペースト

①コピーしたいグリフを選択します。

②[編集]→[コピー]をクリックします。

③グリフを貼り付けたい画面で、[編集]→

[貼り付け]をクリックします。

編集画面にグリフが貼り付けされます。

①

②

③

第８章 編集操作

67

イメージ形式クリップボードデータのコピー＆ペースト

グラフィックス描画プログラムを使って作成したファイルからグリフを作成する方法です。

「第９章ビットマップファイルからのグリフ作成」と同様な処理です。

①グラフィックス描画プログラムでグリフ

を描きファイルに保存します。

②ファイルをダブルクリックしてプレビ

ューを起動します。

③プレビューの[編集] →[コピー]でクリッ

プボードにデータをコピーします。

④グリフを貼り付けたい画面で、[編集]→

[貼り付け]をクリックします。

⑤編集画面にグリフが貼り付けされます。

③

④

第８章 編集操作

68

８.２ 文字取り込み

①[編集]→[文字取り込み]をクリックしま

す。

[文字取り込み]ダイアログが表示されま

す。

②一覧から取り込むフォントを選びます。

③[文字]に、取り込みたい文字を入力します。

④[OK]をクリックします。

⑤編集画面にグリフが取り込まれます。

①

②

③

④

第８章 編集操作

69

８.３ 巻き方向を修正

「１.１OpenTypeフォント」で説明したように、グリフには描画方向があり、外側の輪郭は反時計回り

に、内側の輪郭は時計回りに描かなければなりません。ここではこの描画方向を自動で修正する方法

を説明します。

①いくつかの重なったグリフがあるとしま

す。

②[編集]→[巻き方向を修正]をクリックし

ます。

①

②

第８章 編集操作

70

③描画方向が修正されます。

④実際にどのような順番になっているかは、

[表示]→[制御点番号を表示]をクリック

すれば、描画順番に番号が表示されます。

⑤見づらい場合は、表示ツールバーの[塗り

つぶしで表示/非表示]ボタンをクリック

して、塗りつぶしなしにしてください。

④

③

⑤

第８章 編集操作

71

８.４ オーバーラップ輪郭を削除

「１.１OpenType フォント」で説明したように、交差部分のあるグリフは OpenTrueType フォントとし

て、好ましくありません。ここではこの交差を取り除く方法を説明します。

①交差しているグリフがあるとします。

②[編集]→[オーバーラップ輪郭を削除]を

クリックします。

①

②

第８章 編集操作

72

③交差部分は修正されます。

③

第９章 ビットマップファイルからのグリフ作成

73

第９章 ビットマップファイルからのグリフ作成

ここではビットマップファイルの画像データからグリフを作成する方法について説明します。

ビットマップファイルの用意

ビットマップファイルのインポート

第９章 ビットマップファイルからのグリフ作成

74

９.１ ビットマップファイルの用意

手書き風のフォントを作成する場合、OTEdit の描画ツールでグリフを作成するより、紙に描いて

スキャナで取り込んでビットマップファイルとして保存し、OTEdit にインポートした方が簡単です。

取り込むビットマップサイズは縦横 50 ドット～1000 ドット程度がよいと思います。あまり小さい

とグリフが崩れ、大きいと制御点が多くなりすぎます。実際に試して、取り込む解像度を調整してく

ださい。

９.２ ビットマップファイルのインポート

①[ファイル]→[インポート]→[ビットマッ

プファイル]をクリックします。

②「９.１ビットマップファイルの用意」で

用意したファイルを選択します。

③[開く]をクリックします。

④ビットマップのトレース画面が表示され

ます。

⑤[輪郭トレース]をクリックします。

①

③

②

⑤

④

第９章 ビットマップファイルからのグリフ作成

75

⑥ビットマップがトレースされ、制御点が表

示されます。

⑦[OK]をクリックします。

⑧グリフが編集画面に取り込まれます。

⑧

⑦

⑥

第１０章 Illustrator でのグリフ作成

76

第１０章 Illustrator でのグリフ作成

ここでは、Illustrator を使ってグリフを作成する方法について説明します。

SING 外字ファイルの作成

SING 外字ファイルのインポート

第１０章 Illustrator でのグリフ作成

77

１０.１ SING 外字ファイルの作成

Adobe Creative Suite2 付属の Illustrator CS2 で SING 外字ファイルを作成します。

①Illustrator のメニュー[表示]→[グリフ

レット]をクリックしグリフレットパレッ

トを表示します

②グリフレットパレットのメニュー（右上の

三角形のボタンをクリックして表示され

るメニュー）から[新規グリフレット]を選

択します。

③デフォルトのまま[OK]をクリックします。

①

②

③

第１０章 Illustrator でのグリフ作成

78

④文字を作成するための画面が表示される

ので、枠内に文字をデザインします。

⑤グリフレットパレットの[字送り]、[作成

者コード]、[枝番号]、[ユニコード]、[読

み]を設定しまし。なお、OTEdit に取り込

んだ時、[作成者コード]、[枝番号]、[ユ

ニコード]、[読み]は無視されるので適当

に設定してください。

⑥グリフレットパレットのメニューから[グ

リフレットの保存]を選択します。

⑦保存場所を選択して、[保存]をクリックし

ます。

④

⑥

⑦

第１０章 Illustrator でのグリフ作成

79

１０.２ SING 外字ファイルのインポート

①OTEditのメニュー[ファイル]→[インポー

ト]→[SING 外字ファイル]をクリックしま

す

②「１０.１ SING 外字ファイルの作

成」で作成したファイルを選択し、[開く]

をクリックします。

③グリフが取り込まれます。

①

②

第１１章 文字情報の設定

80

第１１章 文字情報の設定

ここでは、文字幅などの各文字に関する情報の設定について説明します。

文字幅の設定

縦書き位置の設定

第１１章 文字情報の設定

81

１１.１ 文字幅の設定

アルファベットなどの一部の半角文字は

文字幅を設定できます。

①[設定]→[文字情報]をクリックします。

②[横書き]タブが選択されていることを確

認します。

③[文字幅]を設定します。

④文字幅をサイドベアリングの値で設定す

る場合は、[サイドベアリングで設定する]

をチェックします。

⑤レフトサイドベアリングとライトサイド

ベアリングを設定します。

レフトサイドベアリングは仮想ボディ左

端から文字の左端までの距離、ライトサイ

ドベアリングは仮想ボディ右端から文字

の右端までの距離です。

①

②

③

④

⑤

第１１章 文字情報の設定

82

文字幅は、編集画面上でマウスを使って変

更することもできます。Shift キーを押しな

がら仮想ボディの右側にある緑色の線をマ

ウスでドラッグすれば文字幅を変更できま

す。

１１.２ 縦書き位置の設定

OpenType フォントには VORG テーブルと呼ばれる、縦書き時の Y 方向の文字位置を調整するための

データを持たせることができます。

文字列「う gう g」を縦書きした場合、VORG

テーブルがないと「ｇ」の下と「う」の上が

重なってしまいますが、VORGテーブルを持っ

ていて、データが適切に設定されていると、

これを避けることができます。

ただし、アプリケーションが VORG テーブ

ルをサポートしている必要があります。

Adobe Illustrator や InDesign は VORG テー

ブルをサポートしています。

VORG テーブルの値を設定できる文字は、CID で 710～720、758、771～772、780～841、1011～1124、

7575～7584、7601～7607、7610～7612、8020～8037、8053、8055、8092～8101、8182、8186～8190、

8192～8194、8225～8226、8295～8307、9779、9872～9883、11846～11870、12089～12096 の文字だけ

です。

VORG なし VORG あり

第１１章 文字情報の設定

83

①[設定]→[文字情報]をクリックします。

②[縦書き]タブを選択します。

③縦書き上端ラインまたは縦書き下端ライ

ンを設定します。

縦書き上端ラインは、ベースラインから上

端までの距離、縦書き下端ラインは、ベー

スラインから下端までの距離です。上端ラ

インから下端ラインまでの値が文字高さ

になります。なお、文字高さは常に 1000

になります。

④サイドベアリングの値で設定する場合は、

[サイドベアリングで設定する]をチェック

します。

⑤トップサイドベアリングとボトムサイド

ベアリングを設定します。

トップサイドベアリングは文字の上側ス

ペース、ボトムサイドベアリングは文字の

下側スペースです。

①

⑤

④

②

③

第１１章 文字情報の設定

84

編集画面上でマウスを使って変更するこ

ともできます。Shift キーを押しながら仮想

ボディの上側または下側にある緑色の線を

マウスでドラッグすれば変更できます。

第１１章 一括コピー

85

第１２章 一括コピー

フォント間で文字をまとめてコピーする機能です。ただし、元々OTEdit では作成することができない

文字はコピーされません。

新規ファイルへの全文字コピー

既存ファイルへの追加コピー

CSV ファイルでのコピー文字指定

第１１章 一括コピー

86

１２.１ 新規ファイルへの全文字コピー

Adobe-Japan1-3 や Adobe-Japan1-4 キャラクタセットに対応した OpenType フォントを新規ファイル

に全文字コピーする方法について説明します。

OTEdit 以外で作成したフォントは OTEdit では修正保存できませんが、ここで説明する方法で全文字

コピーすれば修正保存できるようになります。ただし、フォントのライセンスにはご注意ください。

また、OTEdit のバージョンアップによってフォントテーブルの修正があった場合、旧バージョンの

OTEdit で作成したフォントを全文字コピーする場合などにもご利用いただけます。

①[ファイル]→[一括コピー]をクリックし

ます。

②コピー元ファイルを選択します。

[コピー元ファイル]にある[…]をクリッ

クします。

①

②

第１１章 一括コピー

87

③コピー元ファイルを選択します。

④[開く]をクリックします。

⑤コピー先ファイルを選択します。

[コピー先ファイル]にある[…]をクリッ

クします。

⑥まだ存在しない新しいファイル名を設定

します。

⑦[保存]をクリックします。

⑧コピー元フォントに応じて[Stdフォント]

か[Pro フォント]のどちらかを選択します。

⑨ [コード種別]として[CID]を選択します。

⑩他の設定はデフォルトのまま、[OK]をク

リックします。

⑤

④

③

⑩

⑨

⑧

⑦

⑥

第１１章 一括コピー

88

⑩進行状況を示すダイアログが表示されま

す。ダイアログが消えれば、コピー終了で

す。

１２.２ 既存ファイルへの追加コピー

①～④までは、「１２.１新規ファイルへの全

文字コピー」と同じです。

⑤コピー先ファイルを選択します。

[コピー先ファイル]にある[…]をクリッ

クします。

⑥[名前]の右にあるボタンをクリックしダ

イアログを拡張します。

⑦以前に OTEdit で作成したファイルを選択

します。

⑧[保存]をクリックします。

⑤

⑧

⑦

⑥

第１１章 一括コピー

89

⑨コピーする文字に応じて、コピー元の文字

コードおよびコード種別を設定します。

⑩[OK]をクリックします。

⑪進行状況を示すダイアログが表示されま

す。ダイアログが消えれば、コピー終了で

す。

１２.３ CSV ファイルでのコピー文字指定

コピーする文字コードが記入された CSV

ファイルを作成しておき、そのファイルを指

定して一括コピーを行います。

ＣＳＶファイルフォーマットは右図のよ

うになります。ファイルの先頭で文字コード

種別を指定します。

文字コード=SJIS

文字コード=JIS

文字コード=Unicode

文字コード=CID

指定しなかった場合は、ダイアログで設定さ

れているコード種別に従います。

その後、

コピー元コード,コピー先コード

を指定します。

コピー元コードとコピー先コードが同じ場

合は、コード１つを指定します。

⑨

⑩

第１１章 一括コピー

90

①「１２.１新規ファイルへの全文字コピー」

や「１２.２既存ファイルへの追加コピー」

と同様にして、コピー元ファイルとコピー

先ファイルを選択します。

②[CSV ファイルで指定]をチェックします。

③[ファイル]右端にある[...]を選択します。

④コピーする文字コードが記入されている

CSV ファイルを選択します。

⑤[開く]をクリックします。

⑥[OK]をクリックします。

⑦進行状況を示すダイアログが表示されま

す。ダイアログが消えれば、コピー終了で

す。

②

①

③

④

⑤

⑥

第１２章 オンラインヘルプ

91

第１３章 オンラインヘルプ

ここではオンラインヘルプについて説明します。

トラブルシューティング

第１２章 オンラインヘルプ

92

１３.１ トラブルシューティング

OTEdit を使っていて何か問題が発生した

時は、ヘルプにあるトラブルシューティング

を参照してみてください。

①[ヘルプ]→[OTEdit ヘルプ]をクリックし

ます。

②下までスクロールします。

③「トラブルシューティング」をクリックし

ます。

④ヘルプが表示されますので該当する記述

がないか調べてください。

なお、

http://musashi.or.tv/oteditmacqa.htm

ではヘルプのトラブルシューティングにない情報も公開していますのでご参照ください。

①

②

③

第１２章 オンラインヘルプ

93

索引

Ｂ B スプライン曲線 .................................................6 Ｔ TrueType フォント...............................................6 あ アウトラインフォント..........................................6 アセント ...............................................................8 一括コピー ..........................................................85 オーバーラップ輪郭を削除 ................................71 オンカーブ点の挿入ボタン ..........................32, 43 オンカーブ点ボタン .....................................32, 33 か 仮想ボディ ............................................................8 グリフ ...................................................................7 グリフの中央移動 ...............................................57 グリフの反転 ......................................................55 消しゴムボタン.............................................32, 45 コーナーポイント .................................................6 コピー＆ペースト ...............................................66 さ SING ......................................................76, 77, 79 Std フォント.......................................................13 スムーズポイント .................................................6 制御点の位置揃え ...............................................54 接着剤ボタン ......................................................51

選択ボタン ................................................... 32, 46 た 楕円ボタン ................................................... 32, 39 多角形ボタン ............................................... 32, 37 長方形ボタン ............................................... 32, 39 直線ボタン ................................................... 32, 37 ディセント ........................................................... 8 ドットフォント.................................................... 6 な ナイフボタン ..................................................... 52 なげなわボタン............................................ 32, 48 は ビットマップファイルのインポート ................. 74 ビットマップフォント ......................................... 6 フォントのインストール ................................... 20 Pro フォント ...................................................... 13 ベースライン ....................................................... 8 ま 巻き方向を修正.................................................. 69 文字高さの設定.................................................. 82 文字取り込み ..................................................... 68 文字幅の設定 ..................................................... 81 ら 輪郭の結合 ......................................................... 51 輪郭の切断 ......................................................... 52