*

2013/09/07

Illustratorで超簡単に本格的な入道雲を描くチュートリアル

Illustratorで超簡単に本格的な入道雲を描くチュートリアル

あとで読む

  • このエントリーをはてなブックマークに追加
  • 使用頻度は高いのに、Illustratorで描こうとすると意外に難しい「雲」今回はその雲を簡単に描いちゃいます!

    一見難しそうな雲でも、オリジナル散布ブラシを使えば超簡単。
    見栄えが良い割にとても簡単なのでぜひ試してみて下さい。

    Appleのクラウドアイコンの様なポップな雲を描きたい時は↓がオススメです。
    Illustratorでポップな雲をつくる

    Step1 オリジナル散布ブラシをつくる

    とりあえず雰囲気を出すために背景を空色で塗ります。
    R:0 G:153 B:214

    20130907193713
    ブラシの元になるオブジェクトを黒(線なし)で作成
    多角形ツール 半径:25px 辺の数:12

     

    20130907193746
    作成したオブジェクトを選択し、新規ブラシを作成
    ブラシパレット→新規ブラシ→散布ブラシ

     

    20130907193759
    20130907195005
    新しい散布ブラシをつくる
    サイズ:130 80 ランダム
    間隔:83 固定
    散布:23 -27 ランダム
    回転:20 -20 ランダム
    回転の基準:ページ
    彩色:色合いをつける
    で、雲用のブラシの完成です。

     

    Step2 出来上がったブラシで雲を描く

    この作業の肝は色違いの線を交互に描く事。
    雲は「小さい雲の塊」がくっついて出来ているので
    その塊をイメージして線を引きます。

    20130907195131
    太陽の場所をイメージして
    大きめのストロークで「白」
    少し小さめ、左下に「灰色」R:230 G:230 B:230

     

    20130907195330
    白→灰→白→灰……を繰り返していきます。

     

    20130907195344
    20130907195353
    太陽と反対(今回だと左下)には影の部分を多めに描きます。

     

    20130907195404
    こんなもんでいいでしょう。

     

    Step3 パスをアウトライン化して効果をつける

    このままだと、線のままなのでアウトライン化をします。

    20130907195452
    オブジェクト→パス→パスのアウトライン
    ちょっとパスが多いですが、あとで綺麗にするので、とりあえずこのまま

     

    20130907195832
    ラフで雲をもやもやさせます

    効果→パスの変形→ラフ
    サイズ:5パーセント
    詳細:10インチ
    ポイント:ギザギザ

     

    20130907195902
    結果はこんな感じ
    これで雲の表情が決まるので、プレビューを見ながらああでもないこうでもないとやってみてください。

     

    Step4 パスを綺麗にする

    さて、このままでもいいのですが、ちょっと汚いのでパスを綺麗にします。効果がかかった状態でパスのアウトラインを取ります。

    20130907201013
    オブジェクト→透明部分を分割・統合
    ラスタライズとベクトルのバランス ベクトル100
    すべての線をアウトラインに変換にチェック

     

    20130907201035
    さらにごちゃごちゃになりましたが、安心して下さい。
    同じ色をくっつけてスッキリさせます。

    パスファインダー:合流

     

    20130907201044
    なんということでしょう。スッキリとしたパスになりましたね。
    (え?そうでもない?ちっ、めん(ry そんなときはパスの単純化とかでお願いします)
    (ただ、そうすると隙間ができるので、コピペ結合で裏地つけてからのがいいとおもいます)

     

    20130907201110
    影が薄いな―と感じたので、ちょっと影を暗くして
    R:204 G:204 B:204
    完成です。

     

    20130907205927
    選択→共通→カラー(塗り)で色を変える事で様々な表情を楽しめます。

    ぜひご活用下さい。
    お疲れ様でした。

     

     

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