ウェブ時代のデザイナーのための文字組入門 第一回 「Illustrator / Photoshop文字組 一日集中入門」(第4日程)

まとめましたー
6
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

「トラッキング」による詰め・「文字ツメ」による詰め、「アキを挿入」による詰めの挙動の違いについて #moji_for_webya

2014-11-01 11:32:59
Taz @466548

WEBはpx、印刷はQに・・・。設定変えたです。  #moji_for_webya

2014-11-01 11:36:18
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

テキストボックスの幅と文字サイズの単位は合わせる(少なくともmmのような単位とピクセルのような単位を混ぜあわせない)。だってベタ組の際に適切なテキストボックスの幅が計算できないから。 #moji_for_webya

2014-11-01 11:42:41
地獄のデストロイ子 @hell_destroy

(使ってる単位はWebと印刷で設定行き来てるし、ケースバイケースだから全部挙手したらよかったw) #moji_for_webya

2014-11-01 11:45:52
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

「トラッキング」でアケるのと「アキを挿入」でアケることの違い…約物などで差が出る。約物の前後のアキ量の設定を生かしたまま、さらにアキを加えるのがトラッキング。約物前後のアキ量を上書きするのが「アキを挿入」の挙動。 #moji_for_webya

2014-11-01 11:47:02
Taz @466548

詰めるなら、ベタ。四分やったら四分。 #moji_for_webya

2014-11-01 11:48:31
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

なおIllustratorはファイルを新規作成するときに「ウェブなどディスプレイで表現するもの」「印刷物など」など、どういったものを作るかを選べます。それに応じて使用する単位もそれぞれに設定可能です #moji_for_webya

2014-11-01 11:49:55
Taz @466548

オプティカル+プロポーショナルメトリクスの併用不可 #moji_for_webya

2014-11-01 12:15:03
Taz @466548

#moji_for_webya  Photoshopのこれ不思議。思ってたけどw pic.twitter.com/1nXocY7QaP

2014-11-01 12:20:40
拡大
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

オプティカルとプロポーショナルメトリクスは兼用しない方がいい。メトリクス(自動)のみのときと同じく手詰めの際に一つ前の文字が影響を受ける。オプティカルによって無効化されたプロポーショナルメトリクス詰めが前後の文字で復活するため。 #moji_for_webya

2014-11-01 12:21:22
Taz @466548

オプティカルは綺麗に詰まっているよう見える(フォントによるけど #moji_for_webya

2014-11-01 12:22:13
Taz @466548

フォントによって使い勝手いいオプティカルちゃん。アプリが勝手に判断している #moji_for_webya

2014-11-01 12:23:02
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

オプティカル・カーニング(フォント内蔵の情報を利用せず、隣り合う文字の形からソフトウェアレベルで詰める)のメリット。フォントメーカーの設定よりキレイに詰まることがある。OpenTypeフォントでなくても詰めることができる。 #moji_for_webya

2014-11-01 12:25:05
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

オプティカル・カーニングの注意点。まず縦組みには効きません。そして行頭行末揃えもできないと考えたほうがよいです。 #moji_for_webya

2014-11-01 12:30:06
Taz @466548

#moji_for_webya RT @monokano: 【更新】 IllustratorでSource Han Sansのバウンディングボックスが縦長になる理由 tama-san.com/?p=4706

2014-11-01 12:35:15
Taz @466548

#moji_for_webya 後半はじまりましたーアキ量せってぃー

2014-11-01 14:02:28
Taz @466548

行末設定・行頭設定・行中設定 #moji_for_webya

2014-11-01 14:04:37
Taz @466548

詰めなアカン時 →最小値 最大50%→全角以上取らない

2014-11-01 14:07:04
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

文字組みアキ量設定のお話。約物や英数字と日本語が隣り合った時に、そのアキ量をどのように調整するかを指定する。行頭行末揃えなどのときに、どのように余計なアキを捌くかもここで定義する。 #moji_for_webya

2014-11-01 14:09:23
みやちゃけ@ 首が回らない @driclogy

禁則調整処理の追い込み優先「詰めてください!」 追い出し優先「無理に詰めなくてもいいですよ」 #moji_for_webya

2014-11-01 14:28:49
リフォームできる大家さんになりたい / chicao / ちかお @_mayurin

3点リーダーは基本分割されない。3点リーダーのショートカットはoption + ; だよ #moji_for_webya

2014-11-01 14:32:24
Taz @466548

#moji_for_webya アキ量設定のカスタマイズちう。教えてもらいながらいじってるのだけれども、これがこうだからああだからとちょっとづつ見えてきた。

2014-11-01 15:48:31