FireworksマニアTOP > Fireworksベーシック,ストローク > Fireworksでインパクトのある放射状の模様を簡単に書く方法

Fireworksでインパクトのある放射状の模様を簡単に書く方法

カテゴリー: Fireworksベーシック,ストローク

今日はツイッターでリクエストを頂きました、こんな感じの放射線の書き方のチュートリアルです。

今回のポイントは、【回転】と【ヒストリーパネル】の使いこなしです。

 

追記:@akira_maruさんに、もっと簡単に書ける「オートシェイプが追加できる拡張機能」を教えていただきました!ありがとうございます!
オートシェイプなので、Fireworksで星や矢印を書くみたいに、楽に簡単にかけますよ!
拡張機能でやってみたいかたは以下をどうぞ。

http://fireworks.abeall.com/extensions/autoshapes/

拡張機能をいれたくない、よくわからない、自力で書いてみたい人は以下の手順でどうぞ!
 

【回転】や【ヒストリーパネル】の説明になっていますので、2つの機能の使い方を知りたい方にもおすすめです。
「オブジェクトを複製して回転(変形)させて繰り返す」方法は一度覚えると、応用次第でいろんな形が書けるようになりますのでぜひ練習してみてください!

 

それではどうぞ♪

973-000

 

ラインを描く

 

まず、ベクトル系ツールの中から、ラインツールを選択します。

973-001

shiftキーを押しながら直線を引きます。

973-002

複製する

直線を引いたら、この線を複製します。

このラインを選択した状態で

編集メニューから【クローン】

(ショートカット shift + control(command) + d)

もしくは普通に右クリックしてコピー、ペーストを行います。

(ショートカット control(command)+ v ,control(command)+ v)

FireworksはIllustratorと違って、普通にコピー&ペーストするとコピーしたオブジェクトと同じ位置にコピーしてくれるのでコピペでも大丈夫です。

回転させる

変更メニューの【変形】→【数値を入力して変形】をクリックします。

973-003

【回転】を選びます。

973-004

 

今回は傾きを10としました。これが大きければ大きいほど線の幅が太くなります。

973-005

10°回転された線ができました。

 

973-006

2つを組み合わせて塗りを作る

ペンツールに持ち替えます。

 

973-007

線の端を順番にクリックしていきます。

973-008

このようにパスが閉じました。

現在【線】のみ適用されていますので、線なしで黒で塗りつぶします。

973-009

これを回転させる

先ほどと同様に変更メニューの【変形】→【数値を入力して変形】をクリックします。

【回転】を選び、角度を20°としました。

ここで入力する数値は、360を余りなく割り切れる整数で、かつ2の倍数の数値にします。

(10,20,30,40,60,90など)

そうしないと放射線の間隔があわなくなります。

 

973-010

20°の傾きで回転されました。

973-011

ヒストリーパネルを使って簡単に繰り返す

これを繰り返していくのですが、これにはヒストリーパネルをつかうと便利です。
これまでの履歴が残っていますので、コピー、ペースト、変形の3つをshiftキーを押しながら選択します。

選択し終わったら【再実行】をクリック。

973-012

再実行を押すたびにひとつ羽が増えます。

円になるまで繰り返します。

972-013

 

これであっというまに放射状の柄を書くことが出来ました!

パスオブジェクトなので拡大・縮小も自由自在です。

拡大して画面いっぱいに広げました。

 

バリエーション

色をつけてテクスチャをつけたり

973-014

線ををつけてみてもおもしろいかも。
線の種類【クレヨン】で白い線を引きました。

 

973-016

 

 

↓もちろん線だけでもできます。

973-015

 

 

973-000

 

いろいろ試してみてくださいね!

最後までお読み頂き、本当にありがとうございました。お気に召しましたらぜひ共有orクリップして頂けますと幸いです。またお会いできますように♪

Check このエントリーをはてなブックマークに追加 この記事をクリップ! コメントを見る Yahoo!ブックマークに登録 Yahoo!ブックマークに登録

関連エントリー

このサイトを運営している人

YUKIと申します。福岡で働く会社員WEBデザイナーです。
フロッグマンオフィス所属。ショッピングカートのCS-Cartとかもやってます。

仕事以外でも趣味でいろいろサイトを作っています。
こういったTipsサイトや無料の素材屋さんにたくさんたくさんお世話になりながら勉強して、今ではWebデザインをお仕事としてやらせてもらえるようにまでなりました。

私もいつか誰かの役に立つサイトを作りたい!とずっと思っていたので、あいた時間を見つけてはこうしたサイトを作っています。
すこしでもお役に立てればとてもうれしいです^^

まわりの人にもご紹介いただけるとうれしいです。

たくさんの方に見ていただき、たくさんのご意見を頂くことは、記事の正確さや有益性を高めるだけでなく、新しい記事を書くモチベーションになります!
お気に召しましたらぜひまわりの方にもご紹介いただけるとうれしいです。リンクはご自由にどうぞ!

Fireworksマニア

バナーが必要な方はこちらをどうぞ♪
サイト名:Fireworksマニア URL:http://fw.v-colors.com/