perter panさんの日記より

もしあなたが、
破れると考えるなら
あなたは破れる


あたながどうしてもと
考えないなら
なにひとつ成就しない


あなたが勝ちたいと思っても
勝てないと考えるなら
あなたに勝利は微笑まない


もしあなたが
いい加減にやるなら
あなたは失敗する


われわれが
この世界から見出すものは
成功は
人間の意志によってはじまる


すべては、
人間の精神状態によって
きまるということだ


もしあなたが
脱落者になると考えるなら
あなたはそのとおりになる


あなたは
高い地位に昇ることを
考えるなら
勝利を得る前に
かならずできる
という信念を持つべきだ



原文へリンク

フォントデザイナー、小林章さんのことば

朝日新聞「be on Saturday」から　（2010 7/24）



「私は自分の作った文字で、自分自身を表現したいと

　思ったことは一度もありません。

　日常生活の場にある文字は、あくまで情報伝達手段。

　相手の立場に立って、読みやすく目にも心地よい

　書体や組み方をするという原則には欧文も和文もない。」

用語集

スクリプト体…筆記体

箱組…区画と字数を公平に載せるときに使用するレイアウト。

スモールキャップ…大文字を、小文字のエックスハイトくらいに小さくしたもの。
　　　　　　　　　太さが大文字と合うように調整されている。

OpenType…Mac・Win両方で使用できる、互換性に優れた新しいフォント形式。
　　　　　　文字コードはUnicodeを採用し、異体字や記号などの文字種も大幅に
　　　　　　拡張されている。
　　　　　　また、ダイナミックダウンロードに対応し、 ポストスクリプト対応の
　　　　　　プリンタやイメージセッタのRIPにプリンタフォントがインストール
　　　　　　されていなくても、 高解像度の出力が可能。
　　　　　　収録している文字数の違いで、Pro（プロ）、Std（スタンダード）の
　　　　　　2種類がある。
　　　　　　異体字（外字）切換えに関しては、OpenTypeフォント機能に対応した
　　　　　　アプリケーションが必要。

TrueType…Mac・Winが標準で採用しているアウトラインフォント。
　　　　　　画面表示から出力までこのフォントのみでできる。

CID（ATM）…PostScriptアウトラインフォントを画面できれいに表示するためのフォント。
　　　　　　　Adobe Type Managerが必要。（MAC OS Xを使用の場合は不要）


スワッシュ字形…装飾曲線を施した文字。






＜参考＞
＊ OpenType、TrueType、CID（ATM）についてはDEXfontよりコピペさせて頂きました。

＊ スワッシュ字形についてはAdobeのサイトを参考にしています。

メモ

＊絵画や写真のタイトルは、イタリック体で組む。

＊数字を多く入れる場合に、本文にとけ込ませるには
　オールドスタイル数字を使う。

高級感のある書体

アメーバ　見出しサイズで高級感の出ない書体、出る書体　アメーバ



Century Old Style （センチュリーオールドスタイル）

Times Roman （タイムズローマン）

　　見出しでは優雅に見えない。本文向きの設計がされている。
　　本文サイズでしっかり見えるよう、セリフが分厚く
　　大文字の字幅はあまり大きな差がない。



Trajan （トレイジャン）

Stemple Schneidler （ステンペルシュナイドラー）

　　大きいサイズで使うと、高級感と風格がある。



Optima nova （オプティマノバ）

Gill Sans （ギルサン）

　　ローマの碑文のプロポーションをふまえた書体で
　　サンセリフであっても、古典的で高級感がある。
　　大文字だけでゆったり組むと効果的。




アメーバ　繊細なイメージを演出する銅版彫刻系の書体　アメーバ



Palace Script（パレス・スクリプト）

Chevalier（シュバリエ）

Copperplate Gothic（カッパープレート・ゴシック）




アメーバ　　Point　　アメーバ

古典的な書体の大文字は字間をゆったりと組んだ時に風格が出る。

無理な箱組よりも、中央揃えにするのが無難。

大文字だけでは大きすぎる場合は、スモールキャップを使う。

スクリプト体は、字間を空けたり詰めたりして流れを崩してはいけない。
大文字のみで組むのも読めないのでNG。普通に組めば美しくなるように設計されている。



「欧文書体 2」小林章 著　まとめ



欧文書体 2 定番書体と演出法 (タイポグラフィの基本BOOK)/小林 章

￥2,625
Amazon.co.jp

「配色アイデア見本帳」まとめ

＊立体の陰影もセパレートカラーの役割をする場合がある。(p99)

　　　　　　　＜陰影なし＞
　　　　　　　$hrmのおべんきょノート

　　　　　　　＜陰影あり＞
　　　　　　　$hrmのおべんきょノート陰影が色の境目を目立たせている



＊ドミナントカラー配色…全体を１つの色相でまとめ、統一感を出す配色。
　　　　　　　　　　　　この場合、トーンの明度差や彩度差によって変化をつける。(p97)



＊アクセントカラーを用いたバランス調整
　　　　　　　　　　　…バランスを大きく崩したレイアウトをする場合に、
　　　　　　　　　　　　見え方の弱い側に誘目性の高い色をアクセントとして加えることで
　　　　　　　　　　　　バランスが崩れそうで崩れない、動きのある配色ができる。(P75)

　　　　　　　＜アクセントカラーなし＞
　　　　　　　$hrmのおべんきょノート

　　　　　　　＜アクセントカラーあり＞
　　　　　　　$hrmのおべんきょノート

練習のまとめ

写真のシルエット化

<手順>

（1）レベル補正でコントラストを強める。
（2）チャンネルを利用してシルエット部分のべた塗りレイヤーを作成。
　　　　　　　　　　　　command＋チャンネルをクリックして白部分を選択。
　　　　　　　　　　　　選択範囲を反転して黒部分を選択。→べた塗りレイヤー作成。
（3）グラデーションが残る部分があれば、レイヤーマスクで大まかに消す。
　　　　　　　　　　　　細かい部分は、その部分のみ選択範囲にしてレベル補正をかける。
　　　　　　　　　　　「部分的にレベル補正をかける」が、技あり！

デザインアイデアまとめ

＜美容室の広告を見て＞

＊（上）薄いピンク→（下）白のグラデーション
＊（上）透明→（下）白のグラデーション（メインで配置する写真の下のほうをボカす効果）
＊グラデーションを効かせた背景に、不透明度を下げた’模様のオブジェクト’を重ねて
　背景に変化をつける

自分メモ

アメーバシーン１のタイムラインは、ちょーミニマムにまとめる。
　　
　　フレーム１に全てを配置する。動きをつけるシンボルはmcにして、
　　入れ子にした部分で動かす。
　　シーン１で配置したmcの編集画面で動きの内容を作る。


　　入れ子を上手く使って、シーン１のタイムライン上にごちゃごちゃ動きをつけないこと。
　　テキスト見ても、シーン１はめちゃミニマム。
　　複雑なコンテンツになるほど、ココが大事な気がする。


　　フレーム１しか使わないってのは、単純なコンテンツくらいならってことで、
　　アクションでフレーム行き来するようなコンテンツなら、もちろん当てはまらない
　　だろうけど。