*

2013/03/19

第4回 真・三國無双7風のロゴをIllustratorでつくる。7をつくる・仕上げ

第4回 真・三國無双7風のロゴをIllustratorでつくる。7をつくる・仕上げ

あとで読む

  • このエントリーをはてなブックマークに追加
  • 真・三國無双7風のロゴをIllustratorでつくる。
    いよいよ最後となりました。
    完成まであとわずかですので、もう少しだけお付き合い下さい。

    関連チュートリアル

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

    7の文字を作る

    20130315170099

    それっぽいフォントで7を書きます。
    (サンプルでは Cambria Math を使用しています)

    20130315170100

    本物を見ながらあーでもないこーでもないと調整していきます。

    20130315170101

    形が決まったら縁取りを作ります。
    パスのオフセット オフセット:1mm 角の形状:マイター 角の比率:4

    20130315170633

    グループを解除し、縁取り部分を複製します。

     

    燃える文字をつくる

    文字より大きめの長方形を2つくります。

    20130315174047

    長方形A 炎その1

    20130315174555

    グラデーションツールで適当にグラデーションをつくります。

    20130315174638 20130315174722

    効果をつけます。
    海の波紋 波紋の振幅数:9 波紋の大きさ:10

    ストローク(斜め) 方向のバランス:68 ストロークの長さ:5 シャープ:4

    20130315175116

    透明度を調整します。
    透明:ソフトライト 不透明度:60%

     

    長方形B 炎その2

    20130315174838

    同じグラデーションでちょっと角度を変えてみます。
    (余裕があれば新しいグラデーションをつくってみてください)

    20130315174933

    ストローク(スプレー)
    ストロークの長さ:6 スプレー半径:17 ストロークの方向:右上から左下

    20130315175136 20130315175153

    炎A,Bと文字のパスを選択 クリッピングマスクを作成

    20130315175220

    マスクに使った文字のパスに線をつけます
    線:1pt 色:黒

     

    文字の縁をつくる

    縁取りA 質感をつける

    あまりにサイズが小さくてうまく効果をかけられなかったので、
    強硬手段に出てみました。
    大きいサイズで作る時はクロムを適用させたりするのが良いとおもいます。

    2013031517074020130315171443

    以前作ったグラデーションメッシュをコピペ
    7に綺麗に重なるように複製します。

    20130315171602

    全て選択してクリッピングマスク!

    縁取りB 影をつける

    20130315175515

    影をつける
    線:なし 塗り:黒
    ドロップシャドウ 描画モード:乗算 不透明度:78%
    X軸オフセット:0mm Y軸オフセット:2mm
    ぼかし:0.35mm カラー:黒

    20130315175708

    重ねてみました。
    このままでは無双の文字が重なっているのがわかってしまうので

    20130315175830

    隠し切れてない部分をごまかしごまかし。

    レイヤー(上から)

    文字(グループ)
    縁取りA(テクスチャ)
    縁取りB(ドロップシャドウ)
    (ごまかし)

     

    ハイライトを付ける

    一番上に新しいレイヤーを作ります。

    20130315181308

    円ツールで適当に円を書いて、円形のグラデーションを適用。
    種類:円形 左端:白 右端:黒
    比較(明)スクリーンで光ってる効果をつけていきます。

    20130315182046

    こんな感じで、適当に。

    20130315182140

    最後に黒い背景を付けて完成です。
    うまく出来ましたか?

    ニセ三國無双7

    文字を変えたり、グラデーションの明るさを変えたり
    いろいろやって楽しんで下さい。

    全体のレイヤー順

    ハイライト
    真の文字
    真の文字が入る四角

    金属の枠
    金属の縁

    文字
    金属の枠の背景
    黒い背景

    関連チュートリアル

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

     

    最後に

    2013年3月、滝下毅さんの訃報を受け、無双関係で何か出来ないかな……
    と、このチュートリアルを作りました。

    あまり関係のあるチュートリアルではありませんが、
    作っている間に様々なシーンが浮かんだりして
    思い出と向き合う良い時間になりました。

    無双シリーズを手にとって早十数年。
    手元に残った滝下司馬懿達を大切に育てていきたいとおもいます。

    シリーズを通して、痛快な笑い声で楽しませてくださった
    滝下毅さんのご冥福を心よりお祈りいたします。

    司馬無双

    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ページ