*

2013/03/18

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

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

あとで読む

  • このエントリーをはてなブックマークに追加
  • こんにちは。前回のチュートリアルはうまく出来ましたか?
    途中からそれっぽくなってきますので、ぜひ最後までやってみてくださいね!
    それでは早速チュートリアルをはじめましょう。

    関連チュートリアル

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

    枠を作る

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

     

    20130315041837

    外枠を作ります(長方形A)
    長方形ツール 幅:56.5mm 高さ:66mm

    20130315041927

    内枠を作ります(長方形B)
    長方形ツール 幅:53mm 高さ:55.5mm

    20130315041958

    長方形A,Bをいったん揃えます。
    整列 水平方向中央に整列
    整列 垂直方向上に整列

    20130315042253

    長方形Bを移動します。
    移動 水平方向:0mm 垂直方向:2.6mm

    20130315042332

    レイヤー 上:長方形B 下:長方形A にして 2つとも選択。
    パスファインダー 
    前面オブジェクトで型抜き

    20130315043555

    輪郭線を付けます。
    線:0.75pt(R:204 G:204 B:204) 

    図のようにグラデーションを適用します。
    両端 R:102 G:102 B:102
    真ん中 R:255 G:255 B:255

    シルバー部分は出来上がりです!

     

    枠の外側のメタリックな部分をつくる

    下に新規レイヤーを作ります。

    部品をつくる

    20130315105809

    長方形をつくります。
    長方形ツール 幅:10mm 高さ:68mm R:0 G:0 B:0

    台形にします。右上、右下のアンカーポイントを選択して
    拡大・縮小 縦横比を固定 拡大・縮小:97% 

    20130315110005

    グラデーションメッシュをつくります。
    行数:20 列数:8 種類:フラット ハイライト:100%
    (今回は気合を入れてメッシュの数を増やしましたが行数は10もあれば充分です。)

    20130315110912

    写真のように良い感じに白、灰色、黒を適当に配置します。

    20130315111238

    サイズを変更します。
    拡大・縮小 縦横比を変更 水平方向:28% 垂直方向:100%

    20130315111518

    コピーを繰り返し 同じ物を合計4本作ります。
    回転 角度:180度 コピー

    20130315112114

    回転 角度:90度 コピー

    20130315112352

    無事、4本の線ができた所で、水平方向の2本をサイズ変更します。
    拡大・縮小 縦横比を変更 水平方向:91.3% 垂直方向:40%

     

    外側に並べる

    20130315112444

    はじめに作った枠を表示させ、図のように上下左右に配置します。

     

    20130315112530

    3つを選択後、真ん中の枠をクリックしてキーオブジェクトに設定
    それぞれをピッタリ並べてくっつけます。

    20130315112555

    整列→等間隔に分布 水平方向等間隔に分布 0mm 整列:キーオブジェクトに整列
    整列→オブジェクトの整列 垂直方向中央に整列

    20130315112854

    垂直方向の2本も同様に
    整列→等間隔に分布 垂直方向等間隔に分布 0mm 整列:キーオブジェクトに整列

    20130315112902

    整列→オブジェクトの整列 水平方向中央に整列

    20130315113120

    角の見栄えを良くするため、水平方向の線を最背面に配置します。
    オブジェクト 並び順 最背面へ

     

    内側に並べる

    外側が出来たので内側にも配置します。
    (一応数値も書きますが、自由変形適当にやったほうが楽だし早いです)

    20130315114810

    左のオブジェクトのサイズを変えてコピーします。
    拡大・縮小 縦横比を変更 水平方向:50% 垂直方向:82% コピー

    20130315115210 20130315115240

    小さくなったものを合計4本に増やします。

    回転 角度:180度 コピー
    回転 角度:90度 コピー

     

    20130315115448

    水平方向の2本のサイズを調整
    拡大・縮小 縦横比を変更 水平方向:100% 垂直方向:95%

    20130315115542

    4本出来上がったらいい感じに配置して下さい。

     

    枠の内側、背景をつくる

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

    20130315115748

    長方形をつくります。
    長方形 幅:55mm 高さ:55mm 線:なし 塗り:黒

    コピペして2つに(A、B)

    長方形A 質感をつける

    2013031512002620130315120118

    粒上フィルム 粒子:3 領域のハイライト:0 密度:4
    透明 ハードライト:75%

    長方形B グラデーションをかける

    20130318134856

    グラデーション 線形 両端:黒 真ん中:白

    これで出来上がりです。ではつくったものを重ねてみましょう。

    枠できあがり!

    20130315122730

    枠の部分が出来上がりました。
    お疲れ様です。

    ちょっとそれっぽくなって来ましたねー。

    レイヤー(上から)

    金属の枠
    金属の外側
    背景

    関連チュートリアル

    真・三國無双7風のロゴをIllustratorでつくる。その1「真」の文字をつくる。
    真・三國無双7風のロゴをIllustratorでつくる。その3 文字をつくる。
    真・三國無双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ページ