FireworksマニアTOP > Fireworksデザインレシピ,Fireworksベーシック > Fireworksでさくっと縫い目を表現する方法

Fireworksでさくっと縫い目を表現する方法

カテゴリー: Fireworksデザインレシピ,Fireworksベーシック

今回はFireworksでさくっと縫い目っぽい表現をする方法をご紹介します♪
さらに、スタイル機能も一緒に覚えてしまいましょう。

mac版CS4での手順をご紹介していますが、
古いバージョンでもほぼ同じように加工できます。
(メニューの位置などが異なる場合があります)

Fireworksのストローク機能を使います。
ストロークはプロパティパネルのここから設定できます。

基本、エアブラシ、カリグラフィーペンなどいろいろあります。

まずは直線を引いていきます。

ツールから【ラインツール】か【ベクトルパスツール】を使って線を描きます。
ラインツールでshiftキーを押しながら線を引けばまっすぐした線が引けます。

今回はラインツールでまっすぐな線を引きました。

次にストロークの設定をしていきます。

プロパティパネルにあるこのストロークの設定部分で、
エッジ…となっているところをクリックすると以下のように展開します。

線の種類はここから変えられます。
いろいろ面白いストロークがありますのでいろいろ試してみてください。
今回は、線を縫い目のように破線にしていきますので
一番下にあるストロークオプションをクリックします。

オプションパネルが出現しました。
ここで、

基本
エッジがやわらかい線(丸)
太さを3

に設定します。

設定が終わったら、下の方にあるボタン【詳細設定】をクリック

オプションタブの項目、【破線】を
【破線(シングル)】に変更します。

オンとオフの値をお好みで設定します。
(今回はシングルですので、一番上のオンとオフの部分だけ入力可能です。)

今回はオンを10、オフを2に設定しました。

線の種類や間隔を変えればいろんな雰囲気の破線が楽しめます。

さて、破線を作ったら
その破線の設定を保存していろんなストロークに簡単に設定できるようにしてみましょう。

ここでスタイル機能を使っていきましょう!!

【ウインドウ】→【スタイル】で以下の図のようなスタイルパネルを表示してください。

先ほど描いたストロークを選択した状態で、赤丸の部分をクリックします。

次のようなパネルが立ち上がります。

どの項目を覚えさせるか設定します。

今回は、ストロークの種類だけ覚えさせたいので、
【ストロークの種類】以外のチェックボックスは全部オフにしてOKをクリックしてください。

線の色も覚えさせたい場合は【ストロークカラー】にもチェックを入れておいてください。

これで登録完了です。

登録が終わったスタイルはスタイルパネルに表示されていますので、
変更したい図形や線を選択した状態で、自分の作ったスタイルをクリックすればそのスタイルが適用されます。

クリックひとつで楽々適用できます。

この方法を使えば先日紹介したマスキングテープコラージュ風パーツ
必要な設定だけスタイル登録しておけば簡単に量産できます!

とってもかんたんなのでぜひマスターしてください♪

いろいろ試してストロークマスターになりましょう♪

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

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

関連エントリー

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

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

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

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

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

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

Fireworksマニア

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