F o n t B a s i c 本モーメントはFF14 ユーザー向けに優しくフォントの説明と 導入方法のまとめ Tipsモーメントになります。
Copyright (C) 2010 - 2018 SQUARE ENIX CO., LTD. All Rights Reserved.
目次
P.1
- Font の種類
P.2
- シーン別で使い分け
P.4
- インストールの前に
P.6
- エオルゼアの世界観に合うフォントは?
P.7 - シーン別で紹介されたタイプでオススメは?
P.9 - インストールしてみよう
P.11 - 番外編:行間・字間に気を配ろう
P.12 - 番外編 : レイヤースタイルで遊ぼう
Font の種類
字・数字・句読点
Fontのデザインをデザインの世界ではTypefaceと呼びます。個別に、 字はLetter、 数字はNumber、 句読点をPunctuation Markと呼びます。
SerifとSans-Serif
また1つのFontデザインのベースの中にあるようなスタンダードな文字や記号以外 に装飾されているものをAlternative Characterと呼びます。 そして、ハネやトメなど、筆記の味や装飾がついているものを Serif( 明朝 )、 その ハネやトメがついていないものをSans-Serif(ゴシック) と呼びます。
では次のページからシーン別での使い分けにオススメなフォントの種類の紹介や インストール前に気をつけること、フォントを使ってデザインするときの応用など ご紹介します。
01
シーン別の使い分け ・クラシカルにみせたいときに
Old Face オールドフェース 15 世紀後半から18 世紀にかけてヨーロッパで広まった書体で種別は、 Old face と言います。当時フランスではルネサンスにより芸 術 が 盛 んで、 この書 体もその 影響を受けて洗練され丸みが女性を感じさせるデザイン。
・モダンにみせたいときに
Modern Faces モダンフェース イタリアとフランスで誕生したデザイン。印刷・活字製 造技術の向上で実現ができ た書体。横ラインと縦ラインの太さが今までとの違い。 モダ ンフェイスは 、雑 誌 や ポ スター の 見 出し に 使 用 さ れ ること が 多 く 、ラ グ ジュアリー に魅 せたいときにオススメ。
・フォーマルにみせたいときに
フォーマルスクリプト
Formal Script
17世紀から 18 世紀の習字教師が描いた文字を元に作られた書体。当時の筆記具 である羽ペンや金属ペンで書かれた独特の筆跡を活かしていて、風格ある高貴な 印象を与えるデザインといえる。書 面などにするサインや 招待 状へのサインなど フォーマルなシーンにオススメ。
02
シーン別の使い分け ・ファンタジーにみせたいときに
Blackletter Scripts ブラックレター・スクリプト 日本だとバンドのロゴなどでよく見かけるタイプの書体。 なぜブラックレターという 名前が付いているかというと、 印刷すると紙面が真っ黒に塗りつぶされたものにな るからこの名前が付いたとか。
・カジュアルにみせたいときに
Casual Scripts カジュアルスクリプト 比較的新しい書体で、 20世紀初頭に現れた手書きを文字ベースにした書体。 ブラシで描いたような筆跡で、 「サインペンで書いた味」を表現したい時などカジュ アルなときにオススメ。
・シンプルやスタンダードにみせたいときに
Grotesque Sans Serif グロテスクサンセリフ サン セリフ体 の 出 発 点となった、 最 も古 典 な サン セリフ 書 体。飾 り気 が なく、 シンプルで最もスタンダードなグロテスク・サンセリフデザインです。可読性に優れ、 世界で最も人気があるといわれるフォント「Helvetica」もこのジャンル。
03
インストールの前に
インストール前に著作権の確認を Font は有償 無 償 様々なものがあります。必ずダウンロードする前に「使 用時の ル ール 」の 確 認 をしましょう。今 回は「クリエイティブ・コモンズ※ 」が 著 作に 関 して マークで 分 かりやすく表 記しているので、それを元にどのような 種 類 が あるのかご紹介します。
C © マーク 「All rights reserved」の意味。
PD Public domain パブリックドメインなどと言う
FF14の SS に表記があるので
もので、 保護期間が終了したり、
馴染みがあるかと思います。
権利が放棄されている状態。
こちらは権利者の死後50年著作 保護されている状態。
今回はクリエイティブ・コモンズのわかりやすいマーク付きのものを説明していま すが、 必ず制作物(Fontに限らず写真素材、テクスチャー素材、イラスト、アイコン、 アナログの制作物など ..etc)全てのものに著作権は発生しています。 マークはあらずとも今回紹介している内容は必ず公開されているところには記載 されていると思いますので、確認は絶対にしましょう。 もし記載がない場合は、問い合わせなどで必ず製作者に権利状況を確認すること を強くお勧めします ...! これを機にFF14のスクリーンショットや演奏機能に関して の使用条件を再確認し、今以上に理解を深めてみるのはいかがでしょうか...?
※クリエイティブ・コモンズ クリエイティブ・コモンズ・ライセンス(CCライセンス)を提供している国際的非営利組織とそのプロジェ クトの総称です。CC ライセンスとはインターネット時代のための新しい著作権ルールで、作品を公開す る作者が「この条件を守れば 私の作品を自由に使って構いません。」という意思表示をするためのツー ルです。CC ライセンスを利用することで、作者は著作権を保持したまま作品を自由に流通させることが でき、受け手はライセンス条件の範囲内で再配布やリミックスなどをすることができます。
04
インストールの前に
大枠の(c)や(PD)の配下にある CCライセンス 前ページでご紹介した、© やPDの配下に入る細かいルールがあります。 今回はそのマークも含めて細かいルールのご紹介をします。 ちなみにFF14 SSは「© + 表示+非営利+継承+(過度な改変は禁止) 」の認識。
表示
非営利
作 品 のクレジットを 表 示を必
営 利目的での利 用はしてはな
ずすること。
らない。 ( 各国の通 過マークで の表記の場合があります)
改変禁止
継承
元の 作品を改 変して使 用する
元の作品と同じ組み合わせの
ことは禁止する。
CCライセンスで公開すること。
05
エオルゼアの世界観に合うフォントは?
コンテンツファインダーを使ったときみたいなフォント
EOF*NT Eofont / にっぽりさん FF14 のパッチタイトルロゴやスライド、 コンテンツファインダー使 用時や、エリア 移動時に表 示されるようなフォントデザインを使いたいのならにっぽりさん作成 「 Eofont 」がオススメです。
エオルゼア内で手書きされてそうなフォント
EOF*NT EOF*NT 左:Eorzean Fraktur 右 : Eorzea Graphite dachoutomさんが記事中で紹介しているエオルゼア内での手書き風フォントが オススメです。セリフ、 サンセリフ共に種類があるので雰囲気に合わせて使い分け てみてはいかがでしょうか?
06
シーン別で紹介されたタイプでオススメは?
SS のシーンに合わせてこのようなフォントはどうですか?
私が個人的にオススメするのは下記のフォントになります。 標準か無料でダウンロードできるものですのでよかったら検索をして みてください。 ものによっては似せて作られているフォントもあります。
・Old faceでオススメのフォント
Century Oldst yle Platin 上:Century Old style 下 :Platin
・Modern Facesでオススメのフォント
Didot ITC Fenice 上:Didot 下 : ITC Fenice
・Formal Scriptでオススメのフォント
Bickham Script Pro Kuenstler Script
上:Bickham Script 下 : Kuenstler Script
07
シーン別で紹介されたタイプでオススメは?
・BlackLetterScriptでオススメのフォント
Fette Gotisch Ironwood 上:Fette Fraktur 下 : Ironwood
・CasualScript でオススメのフォント
Kaufmann Brush Script 上:Kaufmann 下 : Brush Script
Grotesque Sans Serif でオススメのフォント
Helvetica Airial 上:Helvetica 下 : Airial フォントにも流 行りなどが 実はございます。現代の流 行としては細いゴシックが 流行かなと思います。また広告や雑誌、ウェブサイトなどでどのようなフォントを 使 用してい るか 調 べてみたり、流 行りのフォントスタイル を自 分で見つけ たり などフォント選びはとても楽しいものなので是非探求してみてください。
08
インストールしてみよう
インストール方法・使用可能フォント形式は OSで違う
では早速、 イントールしてみましょう。 ただし、WinとMacではインストール工程が違うので注意。 この作業をした後にPhotoshopなどのソフトを開けると使えるようになります。
・Winの場合 1. スタート > コントロールパネルをクリックし、コントロールパネルを表示。 2. デスクトップのカスタマイズをクリック。 3. フォントをクリック。 4. フォントフォルダが表示されるのでダウンロードしたフォントファイルを フォントフォルダ内にドラッグ&ドロップします。
・Macの場合 1. ダウンロードしたフォントデータをダブルクリックします。 2. Font Bookが起 動しそのフォントの外観が表示されます。 3. [ フォントをインストール ] をクリックします。 4. フォントがインストールされ、 Font Book の一覧に追 加されます。 もしくはアプリケーションにて上記のFont Bookをクリックし、 ダウンロードに あるダウンロードしたファイル をそのまま投げ入れ、3 のステップからの 手 順を 行う。
09
インストールしてみよう
Win で使えるフォント、Mac で使えるフォント 実はフォントには様々なタイプの拡張子があります。 ものによっては Winで使えるもの、Macで使えるものが違うので 拡張子を確認して、使えるかどうか調べることをオススメします。
・PostScript Type A dobe社開発のフォントの拡張形式。 拡張子「.pfd」と 「.pfm」が対になって使用される。
・True Type アドビシステムズ社とマイクロソフト社の2 社が共同で開発したフォント形式。 Mac とW inで共 有 するために作られ た もの。拡 張 子は「.t t f 」 「.t tc」。 この True Type という保 存 形式のフォントは Win - TrueType フォント 、Mac TrueType フォントと い う よ う にOS 別 に 作 成 さ れ て い る こ と が 多 く、 WinTrueTypeフォントには Mac の互換性がないため使 用ができず、その逆も然りと なっております。ですので、TrueTypeを使用するときは使えない場合があります。
・OpenType TrueTypeを発展させ、 より高度な機能を持たせた新たなフォントの拡張子。 W i n と M acとの 間 で 互 換 性 を 維 持 で きるように なってい る点 は ユーザー に とっては有難いフォントの拡張子と言えます。
10
番外編:行間・字間に気を配ろう
行間・字間に気を配ろう
行間
アイウエオ カキクケコ
字間
文 字や 行の間を調 整してあげるだけで文 字はすごく読みやすくなり、 カッコ良く なります。この 作 業をしているかしていないかだけでフォントデザインを変 える ぐらい見違えるほど変わるので時間があれば是非作業をしていただきたいです ! 少し変えてあげるだけでも、 文字の読みやすさはこんなに変わってきます。 では、字間の幅はどのくらい開けたら良いの?と言う疑問が出てくるかと思います。 実はフォントや文 字 の 大きさ、 テキスト領 域によって状 況 が 異 なるため、厳 密に これ だ け あけ れ ば 正 解というもの が な い 現 実 です 。状 況 に合 わ せ て 、自 分で 調 節 するしか な いた め 、雑 誌 や ポスターなどの デ ザイナーが 作 成した も の を 見ながらやってみたり、数をこなして感覚を養うことをオススメします。
作業方法
1 文字単位の調整に 行間 字間
行間
alt + ↑ or ↓
字間
alt + ← or →
*Macの場合はaltがoption
ウィンドウ>書式>文字より編集することが可能です。 任意のテキストを選択してからそれぞれ調整してみましょう !
11
番外編:レイヤースタイルで遊ぼう
レイヤースタイルでグラフィックを強めてみる
C 推奨フォント
レイヤースタイル作者
英字:Eofont / 日本語 : 小塚明朝
Momoe Erkin
PS 限定となりますが、上記のようなイメージのコンテンツタイトル風のテキストを 作ることができます。画像に任意のテキストを入力後自動で載せるものを作って くれるジェネレーターを 公 開している方 もいますが、より凝りたい!という方は フリーで PSファイルを公開しておきますので是非ご利用ください。 ※レイヤースタイルに関してのみの著作表記となります。 それでは、皆さんFont 選びを楽しんで...! Have a good day!
Momoe Erkin 12
Thanx everyone!
- Mahoyo Maja - Else Oaks - Lu Froy
- by ROL
- by ROL
- by Font 沼
- Denny Madhatter - Neko Zukin
- by Font 沼
- Licco Perhonen - Choco Tia
- by Font 沼
- by 木霊会
- by 木霊会
- Meme Orangette - Airi Black
©2010 - 2018 SQUARE ENIX CO., LTD. All Rights Reserved.