*

2013/11/05

【Illustrator】超簡単!あっという間に花束を描くチュートリアル(アピアランス)

【Illustrator】超簡単!あっという間に花束を描くチュートリアル(アピアランス)

あとで読む

  • このエントリーをはてなブックマークに追加
  • またアピアランスかよ!すっかりアピアランスの迷宮に迷い込んでしまったsakimitamaです。こんにちは。気が済むまではアピアランスが続くかもしれません。ごめんなさい。

    さて、今回はアピアランスを使って花束を描きます。一回セットを作ってしまったら、後は形と色を変えるだけなので、本当にあっという間に花束ができちゃいます。ぜひお試し下さい!

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

    Step1 花びらを作る

    このチュートリアルはアピアランスで描いていきます。あらかじめアピアランスパネルを表示させておきましょう。

    ウインドウ>アピアランス(Shift+F6)
    Window > appearance

    雛形となる花びらを作っていきますよ。アピアランスの事だけ知りたい方はStep2へどうぞ。

    楕円形ツールで円を描きます。

    20131105033507
    楕円形ツール/Ellipse
    幅/W:100px 高さ/H:100px

     

    一番下のアンカーポイントを選択した状態で移動ツールをダブルクリック。数値を指定して移動させます。

    20131105033626
    移動/Moving
    水平方向/H: 0px
    垂直方向/V:75px

    花びらの出来あがり。

    Step2 花びらに色を付け変形をかける

    塗りにグラデーションを適用させます。今回は面倒くさいので登録されているスウォッチを使いましょう。もちろん、お好きなグラデーションで結構です。

     

    20131105034320
    グラデーションツール/Gradient
    スウォッチ>グラデーション>果物と野菜>ラディッシュ

     

    色がついたら今度は効果をかけていきます。

    アピアランスパネルの下側、新規効果を追加ボタン(Fx)をクリック、効果メニューでパスの変形>変形を選択。

    20131105034423
    新規効果を追加>パスの変形>変形
    Add Effect > Distort & Transform > Transform

     

    20131105040423
    水平方向(H):103%
    垂直方向(V):106%
    水平方向(O): 0px
    垂直方向(E): 0px
    角度/(A):262°
    コピー/Copy:19
    基準位置:下/lower

    ※右下の方にある9つの四角がくっついたマークで回転の基準を選択します。初期状態は真ん中なので、変更するのを忘れないようにして下さい。

     

    20131105040546
    効果をかけたものはこんな感じ。

    この花を基準にして、種類の異なる花を作っていきましょう。

    Step3 形や色や数値を変えて様々な花を作る

    先ほど完成した花をコピーして、花びらの形を変えたり、を変えたり、効果の数値を変えたりして、バリエーションを増やしていきます。

    Step1で作ったパスに変更をかけると、リアルタイムで花の形に反映されます。楽しいです。いろいろやってみましょう!

     

    20131105040738
    花びらの形を右下のオブジェクトに変えてみました。少しゴージャスになりましたね。

     

    20131105041209
    続いて、花びらの形と色を変更。ギザギザした花になりました。
    同じようにどんどん花を作っていきましょう。

     

    20131105041210
    色と形を変更。

     

     

    20131105041211
    さらに変更。ドン!仲間だ!

     

    似たようなのになっちゃうなー、という時は回転の角度を少しいじってあげると、表情が変わりますよ。

    20131105042612
    水平方向(H):103%
    垂直方向(V):106%
    水平方向(O): 0px
    垂直方向(E): 0px
    角度/(A):261°
    コピー/Copy:19
    基準位置:下/lower

     

    ついでに葉っぱも作っていきましょう。こちらも若干数値を変更しました。

    20131105042001
    水平方向(H):103%
    垂直方向(V):106%
    水平方向(O): 0px
    垂直方向(E): 0px
    角度/(A):253°
    コピー/Copy:19
    基準位置:左下/lower left

     
    20131105045242
    と、まぁこんな感じ。

    あーでもない、こーでもないとパスをいじって素敵な花束を作ってくださいね。チュートリアルはここで一旦おしまいです。

     

    Step4 おまけ。

    せっかくなのでサムネイルに使っている花のアピアランスをいくつか紹介していきます。

    今回紹介する花のアピアランスパネルの並びは以下の通り。
    1 ワープ>上弦/Warp > Arc Upper
    2 線/Stroke:無し/none
    3 塗り/Fill:グラデーション/Gradient
    4 パスの変形>変形/Distort & Transform > Transform

    1と2は全て同じ設定で、3の色と4の数値+花弁の形を変更することで様々なバリエーションを作っています。とはいえ、毎回数値を変えるのは面倒なので、数値のパターンを何個か作ってそれを使いまわすと良いでしょう。今回は2パターン作りました。後で紹介します。

    ということで、全てに共通するワープ>上弦からご紹介。

    共通設定
    20131105045627
    効果>ワープ>上弦
    Effect > Warp > Arc Upper

    カーブ(B):-49%
    水平方向(O):2%
    垂直方向(E):19%

     

    変形効果1パターンめ。
    20131105045641
    効果A
    効果>パスの変形>変形
    Effect > Distort & Transform > Transform

    水平方向(H):103%
    垂直方向(V):106%
    水平方向(O): 0px
    垂直方向(E): 0px
    角度/(A):253°
    コピー/Copy:18
    基準位置:左下/lower left
    ※基準を左下にして、バウンディングボックスの左下に花びらの先が来るようにしています。

     

    共通設定(ワープ>上弦)+ 効果Aを使って描いているモノ
    20131105045642
    草、花の後ろに敷き詰めています。

     

    20131105045643
    青い花。昔、保育園に通っていた頃、青い花を探す兄妹のお話をお昼寝タイムに聞かされていました。昼寝をしないタイプだった私は、それはもう耳にタコができるくらい聞かされたものです。大人になった今、そのお話をもう一度聞きたい!と思ってタイトルを調べているのですが、見つかりません。どなたかご存知ありませんか?「青い鳥」でなくて「青い花」なんです。

     
    20131105045644
    ちょっと菊っぽかったので、黄色くしてみました。

     
    20131105045645
    妖艶な雰囲気のある赤紫の花。

     
    20131105045646
    ハートで描かれたピンクの花。女の子っぽいですね。もう少し花びらが少ないほうが可愛かったかも。

     
    20131105045647
    トゲトゲのオレンジの花。ちょっと紅花っぽい雰囲気があったのでオレンジ色をつけてみました。

     
    20131105045648
    紫とキミドリの花。これはうまくいったパターンですね。ドライフラワーとか描く時に使えそうです。

     

     

    ここからは2つ目のパターンを使っていきます。

    20131105045733
    効果B
    効果>パスの変形>変形
    Effect > Distort & Transform > Transform

    水平方向(H):103%
    垂直方向(V):106%
    水平方向(O): 0px
    垂直方向(E): 0px
    角度/(A):152°
    コピー/Copy:18
    基準位置:左下/lower left

    角度だけしか変わっていないんですけどね。

     

    共通設定(ワープ>上弦)+ 効果Bを使って描いているモノ
    20131105050002
    Illustratorらしい花ですね。紫の花。

     

    20131105050602
    もう花弁の形すら変えなくなってきました。疲れてきたんでしょうね。オレンジの花。

     

    20131105051710
    と、まぁ、こんな感じで作ったものを配置して、花束を作りました。

    みなさんも背景や、ワンポイントにぜひ使ってみてくださいね!
    お疲れ様でした。

    最後にアウトライン映像でお別れです。
    20131105052319

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