Fireworks(ファイヤーワークス) - Webデザイン - CS2.jp

Fireworksで作るアニメーション

このアイコンを点滅した画像にします。

１. 「フレームとアセット」
「フレームの複製」を選択します。

２. 「現行フレームの後に挿入」を選択

フレームが追加されました

３. フレーム２を選択した状態でレイヤー１を選択

４. 色を変更します

５. 「フレームとアセット」の「フレーム」→「プロパティ」を選択

６. フレームの継続時間が指定できます。
１００分の○秒という計算なので２００を入れると2秒ということになります。

７. フレーム１も同様にします。

８. 下の再生ボタンで確認できます。

ファイルの保存で透明化して保存します。

一部分だけの書き出し

このロゴの文字だけを書き出します。

１スライスツールでこのロゴを選択します

２「ファイル」→「イメージプレビュー」→形式をgif、インデックス透明カラーに選択します。

３「書き出し」を選択し、「イメージのみ」、「スライスの書き出し」、「選択スライスのみ」をチェックします。

４文字だけの書き出しができました。

スライスツール

素材をWEBページに書き出しする方法です。
書き出しにはスライスツールを使います。

１ツールの「スライスツール」を選択し、+マークがでたところで書きだしたい画像に沿ってドラッグします。

２右クリック⇒「選択スライスの書き出し」を選択し、保存するファイルを選びます。

また、「メニュー」→「書き出しウィザード」でファイルの種類を選択したり、「スムージング」で写真をぼかしたように書き出しすることも可能です。

自動レベル補正

ファイヤーワークスの「自動レベル補正」をすると自動で色域を調整できます。

右側のイメージ編集、またはメニューの「フィルタ」の中から自動レベル補正を選びます。

そうするとこのように調整されます。

写真にフレームをつける

写真にフォトフレームをつけてみます。

画像を選択し、

２メニューの「コマンド」→「クリエイティブ」→「ピクチャーフレームの追加」を選択します。

３するといろいろなパターンのフレームがありますのでその中から選択します。

完成です。

※フレームは「Cotton」を選択してます。

Fireworks マスクを使った画像の切り抜き

ファイヤーワークスで細かい切り抜きをする時は、マスクを使うと便利です。

１．まず、切り抜きたい形を「ペンツール」でなぞっていきます。

２．なぞり終わったら、画像を選択し「マスクの追加」を選択。

3パスを選択し、パスのコピー(Ctl+C)をします。

4画像を選択したままレイヤーのマスク部分を選択します。
選択されるとマスク部分が黄緑に変わります。

5．４の状態で3をペースト(Ctl+V)します

6.なぞったパスをマスク選択した状態でペーストします。
このような状態になります

すると、必要な部分だけ切り抜くことができます。

Fireworks スタンプツール

スタンプツールとは、画像を修正したり複製したりすることができるツールです

この画像の右部分を修正します。

ツールボックスのスタンプツールを選択し、プロパティインスペクタからスタンプの大きさを選びます

補正したい場所の近の色を選択します

補正したい場所にスタンプを置いていきます。

補正ができました。

同様にスタンプツールを使って複製をすることができます

イチゴをスタンプツールで増やす

自動選択選択ツール

自動選択マーキーツールとは同系色を選択でき、切り抜きができるものです。

１画像を選択します。

２ツールボックスの自動選択ツール(W)を選択します。

※プロパティインスペクタの中の「選択する色の範囲」の数値を初めは少なくしておき、調整していくとうまくできます。

３選択ツールに切り替え、切り取りをします。(右クリック⇒編集⇒カットまたはCtl+X)
Shiftキー＋Dで自動選択ツールの選択解除します

4余白を削除して３をペースト(右クリック⇒編集⇒ペーストまたはCtl+V)すると切り抜きができました。

Fireworks パスで曲線を描く

Illustrator同様、ファイヤーワークスのパスでペジェ曲線を描くことができます。

１.ペンツールを選択します

２.ドラッグで線を描きます。

３.そうすると曲線が描けるようになります

このように応用してイラストを描くことが可能です。

直線を描く

直線を描くには、ツールボックスの「ベクター」にあるラインツールをクリックして選択し、直線の始点から終点へドラッグします。描かれた直線はブラシカラー、プロパティインスペクタの設定の線の状態で描画されます。

描かれた直後の直線が青くなっている状態であれば、プロパティインスペクタで線の太さや画像効果をつけることができます。

料金について

９点パック

≫ 料金案内
≫ パーツ詳細はこちら

４点パック

≫ 料金案内
≫ パーツ詳細はこちら

トップページ全部パック

≫ 料金案内
≫ パーツ詳細はこちら

成約率の高いホームページをデザイン致します！
最高のクオリティで納得！満足！していただけるようご要望にお応えいたします。

お問い合わせ

≫ お問い合わせはこちら（24時間受付）

インプルーブデザインワークス
住所：〒861-8010 熊本県熊本市上南部3丁目32-10
代表：和田真徳
info@design-improve.com
電話：096-288-3124