*

2013/12/12

【和柄】超簡単!千鳥格子の描き方【Illustrator】

【和柄】超簡単!千鳥格子の描き方【Illustrator】

あとで読む

  • このエントリーをはてなブックマークに追加
  • お久しぶりの和柄チュートリアル。今回は千鳥格子を作ります。英語で言うと「houndstooth」犬の牙と小鳥、例えが異なって面白いですよね。

    m20131212182119
    完成予定図
    使用ソフト:Illustrator CS5.1

    Step1 6つの頂点の星を描く

    まずはじめに、上メニュー>表示>スマートガイド(Ctrl+U)でスマートガイドを有効にしておいて下さい。

    スマートガイド→有効
    SmartGuide→on

    星を描く

    スターツールを選択後、ドラッグで星を描きます。

    m20131212173200
    ドラッグしている最中に↑↓キーで頂点の数を変更することができるので、頂点の数を6つにしておいて下さい。

     

    m20131212173202
    Shift+Alt(Option)を押しながらドラッグをすると、図のような星を描くことが出来ます。

    スターツール(頂点6つ)
    +Shift(オリジナルの向きを保つ)
    +Alt/Option(対応する2辺を直線上に揃える)

    星を横に広げる

    続いて拡大・縮小ツールを使い、星を少し横に広げます。

    m20131212173542
    拡大・縮小ツール/Scale
    縦横比を変更(N)
    水平方向(H):170%
    垂直方向(V):100%

    Step2 千鳥格子を作っていく

    次はいよいよ千鳥格子を作っていきます。一見複雑そうに見える柄も規則性を見つけると、簡単に描けるものですね。

    正方形を描く

    星の上頂点から、下頂点までを1辺とする正方形を描きます。長方形ツールを選択後、Shiftを押しながらドラッグすることで幅と高さが均等の長方形(正方形)を描くことが出来ます。すみません、ちょっとかっこよく言い過ぎました。Shiftで正方形です。便利です。

    スマートガイドが働いて、簡単に頂点を揃えることができるはず。

    m20131212173709
    長方形ツール/Rectangle

    星を正方形を合体させる

    星、正方形を選択後、合体を行い一つのオブジェクトにしていきましょう。

    m20131212173935
    パスファインダー>合体
    Pathfinder > Add

    図形を並べる

    いよいよ模様を作っていきます。出来上がった図形をコピーして、重ねあわせます。

    m20131212174216
    コピー/Copy

    m20131212174432
    図のように、それぞれの正方形の端が重なるように重ねていきます。
    (図ではわかりやすいように線だけにしています)

    m20131212174631
    同じように重ねていって……

     

    m20131212174943
    好きな色をつけて、並べて
    (私は同じ色の千鳥同士を繋げたかったので、ズラして並べていますが、パターン登録する場合はずらさないほうがいいです)

     

    m20131212175305
    そのまま使う時は、図形を回転。鳥さんの向きはお好みでどうぞ。

     

    m20131212180058
    パターン登録する場合は合流などでパスを綺麗にし、回転せずに登録

     

    m20131212180059
    オブジェクトに採用後、回転ツールでパターンにだけ回転をかけた方がいいんじゃないかな、と思います。

     

    m20131212180641
    また、同じ色の箇所が沢山あるので色変えは「オブジェクトを再配色」が便利。ぜひ色々な千鳥格子を作って遊んで下さい。では、また。

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