読者です 読者をやめる 読者になる 読者になる

ひさろぐ

だらだら、ぼちぼち。

03.とりあえず作るぞ<文字を打つ>

イラレでロゴを作るマン「タイトル編」

 

 

1・ざっくりイメージする

タイトルからどんな形が適切か考える。特にネタが無いので、

今回は好きな曲からとって『光降る朝』にします。

ZABADAK30周年おめでとうございます。大好きです。

単語や作品のイメージから膨らませてラフを描きます。

f:id:hisame2501:20160326154547j:plain

・「光」だから直線的だけどやわらかくて、逆光で輪郭がぼやけてる感じ

・「降る」っていうなら文字は縦書きでばらばらに配置したいなー

・「朝」あかるくて、包んでくれる、全体的に繊細な感じ

 

絵が描けないひとにとっては難しいかもしれませんが、

前述のように箇条書きにして方向性を決めていきます。

まぁほとんどがこんなことちんたらやってる場合じゃないので

ざざーっと描いてさっさとイラレに立ち向かいます。ギブミー余裕納期。

 

2・フォントを選ぶよ

時間無いときは最初からコレです。とりあえず色んなフォントを見比べたいですね?

ドキュメントを新規作成して、一回保存します。以降、適宜保存。だいじ。

ツールボックスから「T」のアイコンを長押しします。

すると隠れてたツールが出てくる。これの「文字(縦)ツール」を選択。

f:id:hisame2501:20160326154352j:plain

画面のてきとーなとこをクリック、文字を入力します。入力したあとは、

⌘(Ctrl)を押しながらてきとーなとこをクリック。打った文字が確定されました。

⌘(Ctrl)を押している間はどのツールでも一時的に選択ツールになるよ!

Vを押して選択ツールにしたら、このままoption(Alt)+Shiftを押しながら真横にコピペ。

次に⌘+C(コピー)→⌘+D(変形の繰り返し)、3つ目がコピー出来た。

同じ要領で4つほど作って、⌘+A(全選択)→option(Alt)+Shiftを押しながら真下にコピペ。

f:id:hisame2501:20160326154703j:plain

 ダイレクト選択ツールの状態で任意の文字を選択、文字パレットの

書体名が書いてある横の▼を押すとインストール済みの書体が一覧で出ます。

 

f:id:hisame2501:20160326160243j:plain

 

使えそうな書体をピックアップ、今回は8種類を選びました。

 見比べると「る」ひとつとってもそれぞれ違うのが分かるかと。

はれのそら明朝の角のやわらかい感じと、ほのか明朝スッとした曲線

合わせると緩急ついて良さげだったので混ぜることにしました。

 

今回は縦書きなのでこうしましたが、オートでもっと手っ取り早いのがこれ

wordmark.it - helps you choose fonts!

インストール済みの任意の文字列をどばっとプレビュー出来ます。

私の場合は、日本語のタイトルだと最初からある程度候補を絞れるので

あんまり使いません。見すぎてもゲシュタルト崩壊が早くなるだけだし。

欧文の書体になると、考えてるよりもがらっと方向性変えた方が良いとかの

新しい発見があるかもです。

 

 

f:id:hisame2501:20160326185051j:plain

んで混ぜたのがこれ。画像は「る」の部分だけ選択してある状態なので黒ベタです。

・・・・・・・・・・・・別にもうこれで良くない?()

実際美しく優秀なフォントはいじる必要性がなければそのまま使ったほうがいいです。

まぁいじるんですけど!だってうすいほんは!同じ物は世の中にないから!!

必要性があればその都度いじりますとも!!あと正直いじった感欲しいよね!!

 

というわけで次は既成の書体にアレンジを加えていくぞい。

NEXT▶▶▶04.とりあえず作るぞ<文字から図形へ〜足したり引いたり〜>

02.とりあえず作るぞ<まずは準備>

イラレでロゴを作るマン「タイトル編」

その前に言わないといけないことがあった。実質ただのリンク集ですみません。

 

・フォントは「素材」です

一般的に書体には「著作権は無い」とされています。いちいち規制してたら不便だから。

とはいえ有料・無料に関わらず利用に際してのガイドラインがどっかにある、はず、

なので頒布物に使ってもいいかどうかは各自ちゃんと気にしておいて下さい。

いちいち調べるのめんどいよ!て人は有料で優秀な書体をいっぱい買って下さい。

大体の書体が印刷物に使う前提で作られてるので。ただしほんとに高いぞ!

無料で優秀なやつも結構ある。ありがてぇありがてぇ。

フォントフリー - 無料で使える日本語フォント投稿サイト

2016年用、日本語のフリーフォント219種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス

 

・フォントがダサいんじゃない、お前がダサいんだ

よくダサいフォントの代名詞みたいな扱いを受けてる「創英角ポップ体」

いや別にこれ自体がダサい訳じゃないから!使い方の問題だから!!

「必要に応じて適切なフォントを選ぶ」ってロゴデザインでは大前提の話です。

創英角ポップ体は2014年もアツかった | 教育番組

フォントって声みたいなもので、同じ企業名でも谷山紀章がシャウトで言うのと

代永翼が明るく可愛く言うのとでは受ける印象が全然違う。賢プロ最高。

ちゃんと「伝えたい事」を整理して、それに合ったものを選んで下さい。

 

・作業環境をいじるぞ

では本題。イラレを起動します。そしたら「ファイル」>「新規...」で、

f:id:hisame2501:20160326112548j:plain

A4サイズ縦、CMYKのドキュメントを作ってください(まぁ別に適当でいいです)

んで画面右にパレットが出てるかと。これをカスタムします。

Adobe Illustrator * ワークスペースのカスタマイズ の「パネルのドッキングとドッキング解除」です。

 

「カラー」は言わずもがな「文字」「パスファインダ」「整列」

「レイヤー」は絶対使うので分かりやすい・届きやすい位置に。

f:id:hisame2501:20160326103348j:plain

 

逆に「ナビゲーター」は絶対要らない。画面表示の大小はショトカ必須なので。

あとフォトショにおける「ヒストリー」が無いので、

「取り消し(undo)/やり直す(redo)」は「⌘(Ctrl)+Z / ⌘(Ctrl)+Shift+Z」で。

Illustrator作業の効率化!覚えておきたいショートカットキーとカスタマイズ | 株式会社LIG

画面サイズとかの物理的な問題が出てくるので自分に合ってれば良いです。

 

続いて環境設定・・・は、ひとまずこのへんだけ押さえておけばおk。

⌘(Ctrl)+Kでこのウィンドウが出てくるよ。

f:id:hisame2501:20160326111125j:plain

f:id:hisame2501:20160326111132j:plain

 

個人差だらけなので使っていくうちに色々変えて試してみてください。

いじったら必ず「ウインドウ」>「ワークスペース」>「ワークスペースを保存...」で

名前つけてOK。

人によっては紙媒体用の設定とweb用の設定を使い分けたりしてますよ。

 

じゃあ実際の作業に入るぞー

NEXT▶▶▶03.とりあえず作るぞ<文字を打つ>

01.そもそも何が出来るのだ

イラレでロゴを作るマン「タイトル編」

とにかくマジで何も分かんない初心者向けの解説。

世の中には優秀なブロガーさんがいっぱいて素晴らしい(丸投げ)

 

ラスタとベクタの違いとは【初心者のためのIllustrator使い方講座】

イラレの1番いいとこーーー!!拡大縮小しても絵が荒れません。

あとどこにも書いてないけど文字ツールを扱う場合、フォトショはそもそも無謀です。

動きモッサリしてるし・・・字詰めやりにくいし・・・

その点イラレはさくっと出来るのでロゴ制作には必須です。

まぁバージョンの相性やマシンスペックが足りてないとよく落ちるんですけどね。

仕事してて1日平均3回は落ちるけどめげてはいけない。

こまめな保存、だいじ。

 

私がIllustratorで絵を描けるようになるのに有効だった練習方法 *Ateitexe

イラレで敷居が高いのはやっぱり「ペンツールで任意のパスを引くこと」だと思う。

でもこれさえ習得してくれれば、あとは機能と手順をいかに覚えて

使いこなすかってだけなので、根気強くやってほしい・・・。

ありがちだけど、有名企業ロゴのトレースは良い練習になります。

てきとーに画像引っ張ってきてイラレで表示して、上からなぞる。

最初はナイキのあの曲線のマーク、それが出来たらマクドナルドのMの字、

あとはApple社のロゴとかも。慣れたらどんどん複雑な形にチャレンジ。

タイバニクラスタ的には虎と兎と獅子のマークとかあのへんおすすめ。

愛さえあればなんとかなる(持論)

 

Illustrator ::: Webデザインレシピ

イラレ自体の基本操作などはこちらを。

特にショートカットやTipsは覚えておかないと作業がめっちゃしんどい。

私は左利きで、右手にマウス・左手はキー操作ですが、

マウスやりにくいよ!!って人はパソコンの設定からマウスの軌跡の速度とか

微調整してみるといいかも。マカーなので窓の事は知りませんけども。

 

次から具体的な作り方に触れていきまーす。

NEXT▶▶▶ 02.とりあえず作るぞ<まずは準備> - ひさろぐ