ささきち流 Suzuka & ParaDraw 講座
Suzuka & ParaDraw
TOP
PROFILE
ActionScript Editor
LINK
BBS


フリーのFlash作成ソフト SuzukaParaDraw でFlashな生活を楽しもうというサイトです。
蚊取り線香の描き方 その2

 長い説明なので,その1 と その2 に分けました。蚊取り線香の描き方 その2 です。

 その1 同様。お絵描きと説明に使ったバージョンは ParaDraw Ver.0.3a4 です。

 

 次に「線香立て」を描いて行きます。線香を買ったら,たいてい1箱に1個付いてくるあの金属の安っぽい物体です。

 [矩形の描画]ツールのボタンを右クリックし,「角丸」を選択します。

 そして,「Ctrl」キーを押した状態で,キャンパス上をドラッグし,角丸正方形を描きます。
 そして,[数値入力ツール]で,45°回転させます。

 そして,[直線の描画]ツールで左のような図形を描きます。

 [パスの変形]ツールで先の線を「曲線」にします。
 そしてニョニョニョイと変形させて,左のような状態にします。

 そして,右クリック→「パスを閉じる」で閉じた線にしてください。すでに閉じていれば閉じたままでかまいません。

 実はこの部分は2つ必要なのです。実際に蚊取り線香を立てる部分と,立てるために折りまげた空間部分の2箇所です。コピペして1つは立てる部分用に置いておきます。

 それで,角丸四角と描いたものの両方を選択して,右クリック→「パス演算」→「切り取り(背面)」を選択します。

 すると,角丸四角が刳り抜かれます。

 これ全体を選択して「グループ化」しておきます。

 そして,コピペで増やしていた部分と,上でグループ化したもの両方をせんたくして,ほどよく横から押し潰します。

 これで,立てる部分も同様に変形されます。

 グループ化したものを右クリック→「パース変形」を選択します。

 この「パース変形」はなかなかやってくれる優れものの変形機能で,Adobe の Flash にはありません(おそらく)。

 そして出てくる「パースの変形」パネルで,X-Y と Y-Z 方向にニョニョニョイと変形させてやります。

 色々動かしてもらうとわかりますが,これは3D変形なのです。ビックリ機能です。

 ただし,元は2Dの図形しか描けないので,2D図形の3D変形しかできません。しかし,平面なら立体的に変形します。

 それで立てる方も,「パースの変形」で回転させてやります。

 ちょっと合わせるのが難しいですが,なんとか合わせるように変形させます。

 それで,だいたいの位置に蚊取り線香と,蚊取り線香立てを配置させます。

 上下の順序は違いますが,この状態でフィットするように蚊取り線香立てを伸縮させて合う感じにします。

 そして,蚊取り線香の方を前面に移動させます。
 蚊取り線香立ては,当然蚊取り線香にささっていない状態ですから,穴の上に突き出た部分を描きこみます。
 例のように上の線を[パスの変形]ツールで右クリック→「曲線にする」を選択します。
 すると,左のような感じに変形されます。

 あとはキャンパスの背景を黒に変更して,蚊取り線香の背景部分と煙を描きます。

 煙はブラシツール(丸10px)でフリーハンドで適当に描きます。色は半透明の白かグレーが良いです。えらく太い塗りしか描けないと思われるかもしれませんが,太さはあとで変形すればどうにでもなるので,あまり気にしない方が良いです。

 そして煙を横から潰すように変形させます。

 蚊取り線香と線香立てとその背景と煙を配置して,キャンパスのサイズを横に半分の250px に設定し直せばできあがりです。

 これで,蚊取り線香全体の完成です。

 ここまでできれば,あとは簡単。Suzuka でちょちょいと動かせば,燃える線香の Flash が完成します。

 

蚊取り線香完成品&ダウンロード へ