シェイプで集中線

はじめに

方針

作っていく

針の作成

はじめに

集中線を作成するときに中心をマスクでごまかすのをよく見る。

新人の頃は他に思いつかず、よくやっていた。

集中線の元ネタ（という表現があっているのか...）は多分マンガだと思う。

マンガでは定規で実際に線を引いているので「ぼかしてごまかす」なんてのは本来ありえない。シャープな線なのである。

それを目指したかった。

「中心をぼかす」という行為の「ごまかし」感から抜け出したかった。

好きじゃない集中線。中心をマスクでぼかしていて、鋭さがない。やむを得ず感が否めない。

円マスクだと食い込んでくる距離が一定になってしまう。実際映像で見ても円が浮かび上がって見える。

円マスクを回避しようとして、多くの人が次に思いつく方法。マスクをアニメーションさせないと円の時と同様、形がバレる。うまいことアニメーションさせるのはかなりの手間。

中心をぼかさないから先端までシャープではっきりくっきり見えるのね！中心への食い込み具合もランダム！これが作りたい。

方針

シェイプに追加できるプロパティ

この形の元になっているパスは1本の水平な直線のみ

シェイプレイヤーは奥が深い。

シェイプレイヤーのプロパティを開くと「追加」という項目があり、左図のようなメニューが出てくる。これらはシェイプに対するエフェクトのようなもので、これらを使うことでシェイプを変形・アニメーションさせることが出来る。エフェクトを使わずこれを使っていきたい。シェイプは解像度を気にせず拡大出来るのも素敵ポイント。

このメニューの中に「リピーター」というのがある。パスを大量複製できる。線を1本用意すれば複製で行けそうだ。回転をかけながら複製していくと円形に出来る。

完成形は動画なので動きもほしい。線を「トランスフォームのウィグル」で中心に近づいたり離れたりするようにすれば行けそう。

問題の線だが、普通に線でもいいのだが、中心は細くて画面外側に行くにつれて太くなるようにしたい。シェイプは「線」と「塗り」で描画できるが、「線」ではそれが出来ない（方法が思いつかない）。ということは「塗り」で見せる方向か...。だとしたらここは三角形を使おうと思う。▲の縦横を伸び縮みさせればそれっぽく出来そう。

作っていく

針の作成

スターツールにしてダブルクリック。ドラッグでも作成できるが、ダブルクリックとドラッグで何が変わるのか、自信ない人は今回はドラッグで作成しないほうがいい。

今は三角形がほしいので別に多角形ツールでもいい。

星が出来た。これをこんな針の形にしていく。

「頂点の数」を「3」にして、正三角形にしてから「トランスフォーム：多角形」内のスケールで細長い針のような形にする。注意するのはレイヤーの「トランスフォーム」ではないこと。「コンテンツ」の中の「トランスフォーム：〇〇」をいじること。

リピーターで複製

「コンテンツ」の右側にある「追加」から「リピーター」を追加する。

たぶんこんな感じになる。このまま進めるとうまくいかない。先程調整した「トランスフォーム：多角形 1」の前に「リピーター 1」が入っている。さっき作った「トランスフォーム調整したものを複製」したいのに、このままだと「複製したもの全体をトランスフォーム調整」になってしまう。なので「リピーター 1」をドラッグしてグループの外に出す。そして適当に調整したのが次