共通テーマ

  • ツール
  • fireworks(ファイヤーワー...
fireworks(ファイヤーワークス) (34)
ファイアーワークスの説明を初心者でもわかるように易しく解説している方を募集します。難しい話でも噛み砕いて説明いただけるなら、どんどん投稿してください。

このテーマでブログに投稿する

34件中120件表示中 12
blogテキストの太字、斜字、下線
2007/11/21 10:44
テキストを編集するPT2 今回はテキストを装飾してみましょう。 プロパティインスペクタより、操作します。 B:ボールドでは、太字のオン・オフを操作可能です。。 I:イタリックでは、斜字のオン・オフを操作可能です。 U:アンダーラインでは、下線のオン・オフを操作可能です。 以下に動画ファイルを設置します。 一度、クリックしてから、画面中央の再生ボタンを押してください。 (約20秒です。)

ブログfireworks の「使い方」

fireworks123

blogテキストを横書き、縦書きに
2007/11/22 11:05
個別のテキストを編集する 今回は選択されたテキストについての設定です。 まず、テキストを選択してみましょう。 フォントサイズでサイズを変更してみましょう。 フォントカラーで色を変更してみましょう。 ベースラインシフトを設定してみましょう。 文字のベースラインに「段差」をつけます。 単位はピクセルです。 横書きの場合 [+] の値 → 「上方向」へシフト [−] の値 → 「下方向」へシフト 縦書きの…

ブログfireworks の「使い方」

fireworks123

blogテキストのカーニングとトラッキング
2007/11/26 10:12
テキストのカーニングとトラッキング 今回はテキストの文字間隔の調節です。 文字間隔の調節は、カーニングとトラッキングの機能を使用します。 カーニングは2文字間の調節、トラッキングは複数文字間の調節です。 トラッキングは、テキストオブジェクトを選択して設定します。 カーニングは、間隔をあける部分をクリックして設定します。 以下に動画ファイルを設置します。 一度、クリックしてから、画面中央の再…

ブログfireworks の「使い方」

fireworks123

blogテキストのラインを編集
2007/11/27 11:58
[行送り] [行送り]では改行された行間を数値で設定可能です。 100%以上で、行間が広がり、100%以下で行間が狭まります。 単位は[%]か[PX]で設定可能です。 [段落のインデント] [段落のインデント]では「字下げ」の設定が可能です。 [段落前後の間隔] [段落前の間隔]では、下の行の上に、間隔が設定されます。 [段落後の間隔]では、上の行の下に、間隔が設定されます。 [段落前の間隔]でも、[段落後の間隔…

ブログfireworks の「使い方」

fireworks123

blogテキストの文字方向
2007/11/28 09:47
文字の方向と配置 文字の方向を変えてみましょう。以下に設定可能です。 「横書き(左から右)」 「横書き(右から左)」 「縦書き(左から右)」 「縦書き(右から左)」 文字の配置を変更してみましょう。以下に設定可能です。 「左揃え」 「中央揃え」 「右揃え」 「両端揃え」 「ストレッチ」 以下に動画ファイルを設置します。 一度、クリックしてから、画面中央の再生ボタンを押してください。 (約50…

ブログfireworks の「使い方」

fireworks123

blogテキストエディタを使用する
2007/11/29 10:32
テキストエディタを使用する 今回はテキストエディタの使用方法です。 テキストツールをダブルクリックする方法 テキストオブジェクトを選択します。 テキストツールをダブルクリックします。 メニューから選択する方法。(動画は省略) テキストメニューをクリック エディタを選択。 以下に動画ファイルを設置します。 一度、クリックしてから、画面中央の再生ボタンを押してください。 (約15秒です。) …

ブログfireworks の「使い方」

fireworks123

blog文字のストロークと塗り
2007/11/30 10:42
文字のストロークと塗り 文字は枠線(ストローク)と塗りで構成されています。 ストロークの設定 「ストローク(線)のカラー設定」からストロークの色を選択します。 ストロークが設定されます。 塗りの設定。 今回はスタイルを設定してみましょう。 パネルを展開します。 「アセット」パネル−「スタイル」から任意のスタイルを選択します。。 選択されたスタイルが適用されます。 解除したい時は、フィルタを「な…

ブログfireworks の「使い方」

fireworks123

blogパス上にテキストを配置する
2007/12/01 07:13
文字をパス上に配置 任意のパスを用意します。 例として、楕円を描画しましょう。 テキストと楕円を選択します。 テキストをクリックします。 パス上に結合をクリックします。 パスの上にテキストがレイアウトされます。 文字をパス上に配置 テキストをクリックします。 パスから分離をクリックします。 その他 改行がある場合、一行めが対象のようです。 その場合は、一度解除して、改行を削除しましょう。 解除方法…

ブログfireworks の「使い方」

fireworks123

blogパス上に結合を操作する
2007/12/02 06:27
パス上に結合のオプション テキストメニューより、方向を「逆方向」にすることができます。 また、文字の結合時の方向を選択することも可能です。 ここでは、便宜的に、「順方向」と「逆方向」でわけて説明します。 種類は以下のとおり。 「順方向」 「パス合わせ」 「垂直」 「傾斜(縦方向)」 「傾斜(横方向)」 「逆方向」 「パス合わせ」 「垂直」 「傾斜(縦方向)」 「傾斜(横方向)」 パス上に結合、…

ブログfireworks の「使い方」

fireworks123

blogパス上のテキストについて
2007/12/03 11:48
パスより長い文章をパス上に結合してみましょう。 パスより長いテキストを用意します。 パスと上記テキストを同時に選択しましょう。 [テキスト]−[パス上に結合] 一巡して、先頭の文字まで戻ると、以降の文字が表示されません。 長い文章の場合は見合うパスの長さが必要です。 変更手順 パスを分離します。 [テキスト]−[パスから分離] パスを選択し、[拡大・縮小ツール]でサイズ変更します。 再度パス上に結合すれば表…

ブログfireworks の「使い方」

fireworks123

blogテキストのアウトライン化
2007/12/04 10:27
テキストは「ストローク(枠線)」と「塗り」を持っています。 通常、テキストの形は修正できません。 が、アウトライン化することで、文字ごとのパスの修正が可能です。 ただし、テキストの属性は失われ、画像オブジェクトになります。 アウトライン化の方法 [テキスト]−[アウトラインに変換]をクリックします。 文字数分の画像のグループとして認識されます。 グループの分解 [修正]−[グループ解除]をクリックします。…

ブログfireworks の「使い方」

fireworks123

blogテキストのグラデーションについて
2007/12/05 11:50
パス化されたグラデーションでは、一文字ずつが一オブジェクトとなります。 グラデーションをかけると、一オブジェクトごとに設定されてしまいます。 たとえば、3文字分まとめてグラデーションをかけるにはどうしたら良いでしょうか。 グループ化([修正]−[グループ化])では、同様の状態です。 この場合は、パスの結合(合体)を使用します。 ([修正]−[パスの結合]−[合体]) これで、イメージどおりのグラデーションが…

ブログfireworks の「使い方」

fireworks123

blogアウトライン化したテキスト
2007/12/05 23:43
アウトライン化された文字はパスの修正が可能です。 今回は、テキスト編の最後になりますので、あそんでみます。 まず、「ようこそ。」という文字を選択して、画面いっぱいに表示します。 選択オブジェクトの表示方法を参考にしてください。 文字もアウトライン化されるとパスでできた画像オブジェクトです。 アンカーポイントをもつと、自由に編集可能です。 また、アウトライン化されたオブジェクトは結合されたパス…

ブログfireworks の「使い方」

fireworks123

blogラインツールでベクター作成
2007/12/06 11:13
ベクターオブジェクトを作成するには、ペンツールとラインツールが基本でしょう。 今回は、ラインツールの説明をします。 ラインツールは文字通り、「線」を描くツールですが、角の表現ができません。 折れ曲がった線を描きたい時は、ペンツールを使用しましょう。 ただし、ラインツールで描いた線をパスの結合をすることで、 屈折した直線であれば表現することも可能です。 以下に動画ファイルを設置します。 一度、…

ブログfireworks の「使い方」

fireworks123

blog直線の描き方
2007/12/07 10:46
ペンツールで直線を描く アンカーポイント ペンツールはクリックごとにアンカーポイントが作成されます。 クローズパスとオープンパス クローズパス:始点と、終点がつながった線。 オープンパス:始点と、終点がつながっていない線。 描画の終了 クローズパス:始点とつながった時点で終了。 オープンパス:Ctrl+クリックなどで終了。 方向線と方向点 方向線:アンカーパスから伸びる線。 方向点:アンカーパスから伸びた方…

ブログfireworks の「使い方」

fireworks123

blogペンツールで連続した直線を描く
2007/12/09 10:56
ペンツールでは様々な図形を描くことが可能です。 直線の描き方でも説明しましたが、オープンパスとクローズパスで分けることができます。 今回はオープンパスで直線を連続して描いてみましょう。 ペンツールは自分でパスを閉じるか、終了の意思表示をしない限りパスを描画しつづけます。 私がよく使用するのは、Ctrl+クリックです。 さて、基本的なジグザグを描いてみたのが今回の動画です。 とても簡単なので…

ブログfireworks の「使い方」

fireworks123

blog既存のパスを編集するには
2007/12/11 11:31
既存のパス編集についてです。 方向線 アンカーポイントは方向線を持つことで曲線になります。 アンカーポイント上で、ドラッグすると方向線がでてきます。 アンカーポイントの追加 ペンツールのまま、パス上でクリックするとアンカーポイントを追加することが可能です。 この場合クローズパスの状態です。 アンカーポイントの移動 パスを移動することで、オブジェクトの形を変えることが可能です。 アンカーポイントの…

ブログfireworks の「使い方」

fireworks123

blogベジェ曲線について
2007/12/12 08:56
ペンツールで曲線を描く。 アンカーポイントから方向線を引き出すと曲線が描けます。 既存のアンカーポイントでも作成したばかりのアンカーポイントでも同様です。 今回は方向線を引き出して簡単な曲線を作成しましょう。 閉じるときは、ペンツールを持ち替えます。 私なりに考える特徴は、アンカーポイントを接点とする曲線になること。 アンカーポイントは両手を持つイメージであること。 その片手ごとに方向の長さ、…

ブログfireworks の「使い方」

fireworks123

blogアンカーポイントと方向線の関係
2007/12/13 10:12
アンカーポイントからは方向線を延ばすことが可能です。 その方向線からパスがどのようにカーブするかが今回のポイントです。 今回も自己流の解釈ですが、進めます。 まず、方向線ですが、『直線』であることがポイントです。 アンカーポイントを起点として進む方向を示唆しています。 パスはアンカーポイントに挟まれる形で形成されますので、向かい合う方向線により、 多種多様な線が引けるようになります。 ここ…

ブログfireworks の「使い方」

fireworks123

blog方向線の操作
2007/12/14 10:48
方向線は、アンカーポイントの両端から描画可能です。 今、左側と右側にパスがあるアンカーポイントがあるとすると、 そのアンカーポイントは クローズパスのアンカーポイント オープンパス内の始点と終点以外のアンカーポイントと分類できると思います。 ※オープンパスの始点と終点は片側にのみパスを持つ。 さて、そのアンカーポイントの左側のパスと、右側のパスの それぞれの方向線を考えてみると、 左側の方向…

ブログfireworks の「使い方」

fireworks123

34件中120件表示中 12

このテーマでブログに投稿する

オレ伝説への第一歩!livedoorでブログを作る

共通テーマ

投稿総数: 2520662
昨日の投稿数: 5454

投稿者ランキング(カテゴリ)

  1. 1位gm_a0002
  2. 2位atorie123riteway
  3. 3位naisho0902
  4. 4位gekitoku

一覧を見る一覧を見る

ケータイ向け有料プラン登場!

MIRAI:ネットとガジェットの融合

livedoor PICS PROでアップロード容量無制限!

Find Job! × livedoor Reader