*

2013/10/12

【Illustrator】3分でクモの巣を描くチュートリアル!ハロウィン・ゴスロリ系イラストに!

【Illustrator】3分でクモの巣を描くチュートリアル!ハロウィン・ゴスロリ系イラストに!

あとで読む

  • このエントリーをはてなブックマークに追加
  • こんにちは!ココ最近熱が下がらず病院に行ったら肝炎を起こしていたsakimitamaです。健康って大切ですよね。本当。さて今回は病の床に臥せっていても出来てしまう、お手軽簡単なチュートリアルのご紹介です。

    10月といえばハロウィン!ハロウィンと言えばクモの巣!端っこに置くだけでそれっぽく見えるクモの巣!ゴスロリ系のイラストにも使えるクモの巣!今回は3分でクモの巣を描くIllustratorチュートリアル。ぜひお試し下さい!

    20131013202350
    完成予定図 使用ソフト:Illustrator5.1

    Step1 縦糸を描く

    クモの巣の縦糸ってベタベタしてないんですよ、知ってました?
    直線ツールで縦糸を描きましょう。

    20131010175250
    直線ツール
    長さ: 250px
    角度:270度

     

    続いて回転ツールで回転。回転の中心は線端に持ってくるようにして下さい。
    回転の中心を指定する方法は>コチラ

    20131010175325
    回転ツール
    角度 30度 コピー

    ※この時の角度を調整すると、縦糸の数が変わります。

    角度:本数
    90度:4本
    72度:5本
    60度:6本
    45度:8本
    40度:9本
    36度:10本
    30度:12本
    24度:15本
    22.5度:16本

     

    20131010175423
    Ctrl+Dで繰り返し。

    20131010175500
    Ctrl+Gでグループ化。

    縦糸は以上で完成です。

     

    Step2 横糸を描く

    ペタペタした方の糸、横糸を描きます。本来ならば横糸は螺旋状に広がっていくのですが、ココはひとつ知らなかったということにして、同心円状に描いていきます。大人の事情です。

    まず、多角形ツールで縦糸と同じ数の辺を持った多角形を描きます。
    多角形ツールを選択後、縦糸の中心をダブルクリックして多角形を描くと、最初から中心を揃えることが出来ます。今回は12本なので、辺の数も12。

    20131010175617
    多角形ツール
    半径:150px
    辺の数:12

     

    このままだと辺とずれてしまっているので、回転ツールで回転。

    20131010175717
    回転ツール
    角度:15度

     

    縦糸横糸が揃ったら、横糸に効果をかけます。

    20131010175746
    効果>パスの変形>パンク・膨張

    パンク・膨張
    -8%

     

    形が気に入ったらアピアランスの分割。

    オブジェクト>アピアランスを分割

     

    一本だけではクモの巣には見えないので、横糸を増やしていきます。

    20131010180313
    拡大縮小ツール、または図のようにCtrl+C、Ctrl+F、Alt+Shift+ドラッグ&ドロップで数を増やして下さい。すみません、拡大縮小ツールの方が絶対にスマートでした。反省します。

    20131010180404
    拡大縮小ツール 好きな倍率を入力 コピー

     

    20131010180403

    出来上がったら、グループ化して横糸は出来上がりです。

     

    Step3 クモの巣っぽくしていく

    出来上がった綺麗に整ったクモの巣を、それっぽくしていく方法をいくつかご紹介。

    20131010180603
    方法1:ワープツールを使う
    ワープツールでグニッとするとクモの巣がゆがむので、それっぽくなります。うまくいかない時はワープツールをダブルクリックしてグローバルブラシのサイズ等を調整してみて下さい。
    あんまりやり過ぎると縦糸横糸ずれてくるので、いい塩梅でお願いします。

    縦糸横糸の結合部をどうしてもずらしたくない方は、
    全選択>アウトライン>(線が消えていたら)好きな線を設定
    で、いくらやってもずれなくなります。
    ただし、方法2・方法3はやりにくくなるかもしれません。お好きな方をどうぞ。

     

    20131010180754
    方法2:線の種類を変える
    破線にするとステッチ風になったり、雨上がりのクモの巣のような演出が出来ます。あの子が きれい と笑ってくれるかもしれません。

     

    2013101018182120131010180937
    方法3:ブラシを適用させる
    縦糸だけに飾りブラシを適用させてみたり、全体にカリグラフィブラシを適用させてみたりするだけで、ずいぶん印象が変わります。ていうか、飾りブラシに至っては蜘蛛の巣ですらありませんが、カッコ良かったので載せてみました。

     

    20131012155950
    方法4:線を消したり、足したり、クモをのっける
    端っこの線を長くして、つながる所が無い線を消してしまいます。

    20131012160534

    クモをいちいち描くのも面倒ですので、
    シンボルライブラリ>自然>クモ
    で、出来上がったクモを配置します。

    他のクモがいいなーという方はこちらの素晴らしいサイトをどうぞ。

    シルエット デザイン 「タランチュラとか蜘蛛類」

    あ、言っておきますけどシルエット デザインさんのサイト内検索で
    「クモの巣」を探さないように。絶対に絶対に検索すんなよ!

    20131012162415

    と、こんな感じ。
    思った通りのクモの巣、出来上がりましたか?
    以上、Illustratorでクモの巣を作るチュートリアルでした。

     

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