*

2013/03/18

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

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

あとで読む

  • このエントリーをはてなブックマークに追加
  • 2013年2月28日、ついに真・三國無双7が発売になりましたね。
    というわけで、今回はイラストレータで真・三國無双7のロゴを再現するチュートリアル第一回目

    ロゴの真ん中「真」の文字を作ります。
    うっかり一般の単位をmmにしちゃいました。ごめんなさい。

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

    真の文字が入る枠をつくる

    20130314045407

    長方形ツールで14×14mmの長方形を作り、45度回転させます。
    コピぺを数回繰り返して同じ図形を合計5つ作ります。

    長方形1 立体的な枠をつくる

    20130313205828

    線:3px 塗り:なし にして

    オブジェクト→パス→パスのアウトラインでアウトライン化。
    線:なし 塗り:白 にします。

    効果→3D→押し出し・ベベルで立体化。

    位置:前面 押し出しの奥行き:19pt フタ:あり
    ベベル:標準 高さ:1pt 側面を閉じて立体にする
    陰影(艶消し) 照度:100% 環境光25% ブレンドの階調:6
    陰影のカラー:ブラック ライト:2つ

     

    長方形2 全体の縁取りをつくる

    20130313211040

    線:3px 塗り:なし にして

    オブジェクト→パス→パスのアウトラインでアウトライン化。
    線:1px(黒)塗り:なし へ。

     

    長方形3 内側のグラデーションをつける

    20130314025604

    線:なし 塗り:あり にして

    拡大・縮小→縦横比を固定 90%に縮小

    オブジェクト→変形→移動
    垂直方向に0.5mm移動させます。

    塗り:グラデーション 
    図のようにグラデーションをかけます。
    左(R:242 G:242 B:242)右(R:102 G:102 B:102)

     

    長方形4 黒い塗りつぶし部分

    線:なし 塗り:黒
    黒い部分になります。特に加工はしません。

    質感を追加

    20130314043308

    長方形(菱型)を覆う大きさの長方形5(線:なし 塗り:R:77 G:77 B:77)をつくります。

    20130314053826

    効果→テクスチャ→テクスチャライザ―
    テクスチャ:麻布 拡大・縮小:110% レリーフ 22
    照射方向:左下へ

    20130314043540

    長方形2をコピペして長方形6を作成、テクスチャのかかった長方形5と一緒に選択

    オブジェクト→クリッピングパス→作成
    比較(明) 不透明度:50%

    これでおしまい。魏呉蜀晋でいったら私は蜀派。孔明先生が大好きです。
    さて次は「真」の文字を作ってみましょう。

    レイヤー(上から)

    1:長方形5と6(テクスチャ)
    2:長方形1(立体的な文字)
    3:長方形2(縁取り)
    4:長方形3(グラデーション)
    5:長方形4(塗りつぶし)

     

    真の文字を作る

    20130314034057

    白で「真」を書きます。フォントはそれっぽいものを探してみて下さい。
    (例では小塚明朝 Pr6N Bold を使用しています)

    20130314034555

    書式→アウトラインを作成 でフォントをアウトライン化。

    オブジェクト→パス→パスのオフセット
    オフセット:0.5mm 角の形状:ベベル 角の比率:1

    文字のパスと、縁取られたパスがグループになっているのでグループ解除。
    縁取りパスをコピペで合計2つにしておきます。

     

    1つ目の縁取り 文字に立体感をつける

    20130314040135

    線:なし 塗り:R:166 G:124 B:82 にして

    効果→3D→押し出し・ベベルで立体化。
    位置:前面 押し出しの奥行き:50pt フタ:あり
    ベベル:標準 高さ:1pt 側面を閉じて立体にする
    陰影(艶消し) 照度:100% 環境光18% ブレンドの階調:25
    陰影のカラー:ブラック ライト:2つ

    2つ目の縁取りはあとで使います

    文字に質感を追加する

    真の字を覆うサイズの長方形(R:247 G:147 B:30)を作ります。

    20130314041347

    効果→テクスチャ→テクスチャライザ―
    テクスチャ:麻布 拡大・縮小:110% レリーフ 22
    照射方向:左下へ

    20130314041901

    使わなかった2つ目の縁取りパスとてテクスチャをつけた長方形を選択
    オブジェクト→クリッピングパス→作成

    焼きこみカラー 不透明度:50%

    レイヤー(上から)

    1:文字(白いままの真の文字)
    2:縁取り2(テクスチャ)
    3:縁取り1(オレンジ色の立体的な文字)

    最後に文字を表示させて「真」が完成!

    20130314061439

    お疲れ様でした。
    次は文字が入る枠を作ります。

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

    そういえば先ほど、同じ戦場で于吉が二人仲間になりました。
    これもまじないなのでしょうか……。できるなら無双武将二人とかが良かったな。
    ukitu

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