[イラストレーター] 文字入りの風船の描き方

 
 

[イラストレーター] 文字入りの風船の描き方

illustratorで、文字や絵の入った風船を描く手順の覚書です。
3D回転体マッピング機能を使います。


havefun ★完成イメージ

(文中画像:クリックで拡大します)

半楕円を整形 ~ 3D回転体

balloon-drawing_01 楕円を描いて、1点アンカーを削除して半楕円に。風船の空気入れ口となる部分は、小さな直角三角形を描いて、2つをパスファインダーで合体・調整

balloon-drawing_02 半分の型が出来たらそれを選択した状態で
上段メニュー[効果] ⇒ 3D ⇒ 回転体 を選択

balloon-drawing_03 3D回転体オプションが開きます。
回転軸を選択し(この場合は右端)、
[詳細オプション] を1度クリックして開いておき、[OK] を押す

balloon-drawing_04 たったこれだけで、風船になりました^^
でもなんか質感がメタルっぽいッスねw(デフォルトでは陰影がキツすぎる)。

balloon-drawing_05 詳細オプションの中の「陰影のカラー」で質感を調整します。ついでに、ちょっと傾けてみるとイイ感じに。


貼りたいものを「シンボル」に

balloon-drawing_06 風船の表面に貼り付けたい文字を書きます(もちろん図でもOK)。これはこのまま風船オブジェクトに重ねるのではなく、3Dメニューの中の「マッピング」で貼り付けます。まずはその準備として・・

balloon-drawing_07 「シンボル」ウィンドウを表示させ、さっき書いた文字をドラッグ&ドロップでシンボルに登録します。
シンボルオプションが開くので、区別できるような名前を付けて「グラフィック」を選択して [OK] を押します。


球体にシンボルをマッピング

balloon-drawing_08 3D回転体パネルの [マッピング] をクリックし・・・
*3D回転体パネルを再表示させるには、効果を適用したオブジェクトの「アピアランス」パネル内の当該項目をクリックします。
(ドロップシャドウ等と同じ扱いで、一旦効果を適用したら、その後は上段メニューから開くのではない)

balloon-drawing_09 貼り付けたいシンボル(さっき登録したものが選択肢に現れます)、貼り付け面(この場合、面の数が3つあります)を選択します。
貼り付け面は、オブジェクト側も連動し、選択している面が赤いワイヤーフレームで表示れます。意図しない面(風船の吹き込み口側)を選択しないよう注意ください。

balloon-drawing_10 選択したシンボルの位置・大きさを調整します。プレビューにチェックを入れるとリアルタイムでオブジェクトに連動し、すごくわかりやすいです。

balloon-drawing_11 位置が決まったら [OK] で、1つ完成です\(^o^)/


更に風船っぽく

balloon-drawing_12 同じ要領で、回転させる前の型をコピーして、任意の色に・・・あとは繰り返しです!

balloon-drawing_13 色とりどり並べると、いかにもそれっぽいですね(笑)
おつかれさまでした!


簡潔軽量!2KB弱でレスポンシブデザインを実装するCSS (グリッドシステム風)
誰でもプロ並みのデザインが出来る?「Picky-Pics」…率直レビュー【追記あり】
Flexboxでレスポンシブ、ゆるいCSSフレームワーク (グリッドシステム風)
GoodString様ロゴ ギターショップのロゴ
ロゴデザインの価格、目的と予算に応じて
Dollar Photo Club トップ画面 『Dollar Photo Club』 月間会員も入会審査なくなった模様【追記×2 あり:閉鎖へ】
Firefox Developer Edition (開発者専用ブラウザ) 入れてみた
英語教室のロゴ

Name * (必須)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

í
up