*

2013/03/18

第3回 真・三國無双7風のロゴをIllustratorでつくる。文字をつくる

第3回 真・三國無双7風のロゴをIllustratorでつくる。文字をつくる

あとで読む

  • このエントリーをはてなブックマークに追加
  • 真・三國無双7風のロゴをIllustratorでつくる。チュートリアル、ついに3回目です!
    こうやって文字におこすと長いんですが、実際にやってみるとすぐ終わっちゃうんですよねー。
    もっと効率よく手順を紹介出来るようになりたいです。

    関連チュートリアル

    真・三國無双7風のロゴをIllustratorでつくる。その1「真」の文字をつくる。
    真・三國無双7風のロゴをIllustratorでつくる。その2 枠をつくる。
    真・三國無双7風のロゴをIllustratorでつくる。その4 7をつくる・仕上げ。

    文字を入れる

    今回はついに文字入れ!テンションが上ります!
    三国無双という字を入れるのもアレなんで今回は「馬岱無双」にしてみたいとおもいます。
    深い理由は無いですよ、別に。即効で絆MAXにしたとか、全然関係ないですから。

    20130315150243

    似ているフォントで文字を書きます。
    (サンプルでは小塚明朝 Pro6N Boldを使用しています)

    線:なし 塗り:白 文字サイズ:82pt トラッキング:-180 
    (お使いのフォントに合わせて調整して下さい)

    20130315152806

    文字をアウトライン化。縁取りを作ります。
    パスのオフセット オフセット:1mm 角の形状:マイター 角の比率:0

    20130315152931

    文字(アウトライン)と縁取りをそれぞれ別グループに分けます。

    文字にグラデーションをかける

    2013031515302720130315153114
    文字を選択、以前、文字が入る枠を作った時に登録したグラフィックスタイルを適用します。
    (登録し忘れていたら、スポイトでとったりしてください)

    線:0.75pt 黒 に変更します。

    縁取りを複製する

    20130315153218

    縁取り部分を複製します。合計3つ。A,B,Cと名付けておきます。
    (画像では”枠”になってますね、すみません)

    縁取りA 質感を追加する

    20130315153459

    無部分の □を少し大きめにしておきます。
    (図のように文字部分を表示して調整したほうがわかりやすいです)

    20130315153552

    線:なし 塗り:黒 に変更し、 

    2013031513473420130315142808

    質感を追加します。
    クロム ディテール:9 滑らかさ:7
    (自分の使用する文字に合わせて調節して下さい)
    透明 乗算 不透明度:70%

    縁取りB 立体感を出す

    20130315154005

    線:なし 塗り:白
    押し出し・ベベル 
    前面 奥行き:50 ベベル:標準 高さ:2pt 
    表面:陰影(艶消し)照度:100% 環境光:15% ブレンドの階調:25
    光源:2つ

    20130315135907 20130315140325

    文字にもよりますが、ベベルが交差してしまう時(左)があります。
    そんな時は角度を変えたり、アンカーポイントを削除して整えて下さい。(右)
    (最終的に見えなくなる部分は放っておきます)

    20130315154406

    すべて表示させるとこんな感じ。
    ちょっと近くなって来ました?

    レイヤー

    文字(グラデーション)
    縁取りA(質感)
    縁取りB(立体)

    縁取りCは次のStepで使います

     

    刀傷を作る

    できた文字に刀傷をつけます。\ガッキィーーーン/
    文字の上に新しいレイヤーを作成。

    2013031516145220130315161711

    線を引いて、線幅ツールで幅を付けます。
    (線幅ツールが無い時は同じような形を頑張って作って下さい)

    20130315161754

    アウトライン化。

    2013031516183520130315162138

    端っこと先端をちょっと整えます

    20130315163242

    メッシュツールでポイントを増やします。

    20130315163410 20130315163645

    線を整えて上半分に
    色(R:56 G:56 B:56)を付けます。

    20130315163738

    傷を書いたレイヤーの上に先ほどの縁取りCを持ってきます。

    2013031516382520130318102932

    縁取りCのパスすべてを選択し、複合パス化
    オブジェクト 複合パス 作成

    20130315164055

    縁取りCと傷を両方選択、クリッピングマスクを作成。

    20130315164514

    複合パスを修正して、出来上がりを整えます。

    20130315164601

    文字に傷がつきました。
    グラデーションにこだわれば、より本物っぽくなるとおもいます。

    レイヤー(上から)

    グループ
    (縁取りC)
    (傷)

     関連チュートリアル

    真・三國無双7風のロゴをIllustratorでつくる。その1「真」の文字をつくる。
    真・三國無双7風のロゴをIllustratorでつくる。その2 枠をつくる。
    真・三國無双7風のロゴをIllustratorでつくる。その4 7をつくる・仕上げ。

    Sponsored Links

    ---------Sponsored Links---------
    シェアをしてオラに元気を分けてくれ!
    Blogの更新情報はこちらで配信しています。
    tutorialmaniacsをフォロー RSS follow us in feedly チュートリアルマニアックスfacebookページ

    Sponsored Links

    ---------Sponsored Links---------

    新着記事

    マステリアルタイムプレビューIllustrator

    Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利

    最近、オリジナルのマスキングテープが流行ってますよね。いつか私も作りた...

    記事を読む

    Illustrator同心円グリッドツール花網目模様つくりかた

    同心円グリッドツールで作るお花・網目【Illustrator】

    今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時...

    記事を読む

    Illustrator四角形グラデーションタイル背景

    再編集も簡単!四角形グラデーション背景のつくりかた【Illustrator】

    今回は四角形でグラデーションを表現した背景をつくります。色の編集も容易...

    記事を読む

    伸び縮みする飾り罫アートブラシ破線

    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基...

    記事を読む

    Illustrator日本語英語対訳表

    Illustrator日本語英語対訳表

    この日本語英語対訳表は、日本のIllustratorの発展のため、sa...

    記事を読む

    Illustratorプリセットで作る天然石飾り円

    Illustratorプリセットブラシでつくる天然石・飾り円

    今回はプリセットブラシを使った、バリエーション豊かな飾り円を作るチュー...

    記事を読む

    Illustratorアピアランス市松模様の線作り方グループの抜き

    Illustratorアピアランスで作る市松模様の線

    今回はアピアランスで作る市松模様の線のチュートリアルです。 アピ...

    記事を読む

    Illustratorランダムストライプ円

    簡単3分!Illustratorでランダムカラーストライプの円を作る

    今回は、簡単にランダムストライプの円を描くチュートリアルです。アピアラ...

    記事を読む

    マステリアルタイムプレビューIllustrator
    Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利

    最近、オリジナルのマスキングテープが流行ってますよね。いつか私も作りた

    Illustrator同心円グリッドツール花網目模様つくりかた
    同心円グリッドツールで作るお花・網目【Illustrator】

    今回は同心円グリッドツールでお花・網目を作ります。簡単にできるので、時

    Illustrator四角形グラデーションタイル背景
    再編集も簡単!四角形グラデーション背景のつくりかた【Illustrator】

    今回は四角形でグラデーションを表現した背景をつくります。色の編集も容易

    伸び縮みする飾り罫アートブラシ破線
    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基

    Illustrator日本語英語対訳表
    Illustrator日本語英語対訳表

    この日本語英語対訳表は、日本のIllustratorの発展のため、sa

    →もっと見る

    Sponsored Links

    ---------Sponsored Links---------

    • 名前:sakimitama
      東京下町。
      宇宙とNHKとWWEが好き。

      絵が下手でも、絵が描ける魔法のソフトIllustrator!
      Illustratorって楽しそうだなって思っていただければ幸いです。
    • tutorialmaniacsをフォロー RSS follow us in feedly チュートリアルマニアックスfacebookページ