チュートリアルのトップへ >> Fireworksトレーニングのトップへ ■コラムのトップへ ■オリジナルプロダクト ■制作料金

Silicon Cafe' / 森川眞行です。こんにちわ!

FIREWORKSの解説本『FIREWORKS徹底解析』が完成しました。
オーム社より(3500円・360ページ・CD-ROM付)発売中です。
書店で見かけたら、ぜひ手にとってみてください。

またWebでも直接購入することもできます、
よろしくお願いします。

以下のページから購入可能です。
http://www.ohmsha.co.jp/data/books/contents/4-274-06281-3.htm


※各章のテキストをクリックすると、「FIREWORKS徹底解析」の本文を見ることができます

第1章 はじめに

Fireworksとは…2
Fireworksの特長…3
●ライブエフェクト…3
●ビットマップイメージとベクターイメージを同時に扱える…4
●きめ細かなテキストコントロール ●正確なレイアウトを行う…4
●多くのグラフィックフォーマットを読み込み可能 ●書き出しプレビュー…5
●複数のファイルを一括変換するバッチ処理…5
●アニメーション制作機能 ●イメージマップ ●JavaScriptによるロールオーバー…6
●イメージのスライス…7
Fireworksで変わるWebデザインのワークフロー…8
作業を始める前に…9

第2章 ツールボックスを使いこなそう
おもなツール/Macintosh…12
おもなツール/Windows…13
ツールボックス…14
選択ツール…16
●まずはオブジェクトを選択 ●複数のオブジェクトを選択する ●ツールオプション…16
背面選択ツール…17
●重なり合ったオブジェクト ●なるべくレイヤーを使おう…17
切り抜きツール…18
●画面の切り抜き ●切り抜かれてもオブジェクトは残る…18
スナップショットツール…19
●書き出したい部分を選択 ●ハンドル操作は、切り抜きツールと同じ…19
●データの書き出し…19
ダイレクト選択ツール…20
●ベクターイメージ編集 ●パスの編集 ●アンカーポイントを選択する…20
●複数のアンカーポイントを選択する ●ベジェ曲線のコーナーハンドルを選択する…21
●グループ化されたオブジェクトを選択する…21
マーキーツール…22
●ビットマップイメージ編集の手順 ●イメージ編集モードを終了する…22
●2種類のマーキーツール…22
●マーキーの編集 ●ツールオプション…23
●マーキーを制限する…24
●マーキーのエッジ ●エッジをぼかす…25
なげなわツール…26
●フリーハンドで選択する ●マーキーの追加と削除…26
多角形選択ツール…27
●直線で囲んで選択する ●細かい部分は画面を拡大しよう…27
自動選択ツール…28
●画面内の色を自動で選択する…28
●マーキーの追加と削除 ●アンチエイリアスとぼかし…29
手のひらツールとズームツール…30
●手のひらツールで移動…30
【コラム】画面表示に関するキーボードショートカット…30
●ズームツールで拡大縮小 ●ドラッグで囲んだ部分を拡大…31
ラインツール…32
●ラインオブジェクトを描く ●イメージ編集モードでも使える…32
ペンツール…33
●ベジェのしくみ ●ベジェを採用しているソフトウエア…33
●直線を描く…34
●曲線を描く…36
描画ツール…38
●矩形を描く ●角を丸くする…38
●楕円を描く ●多角形を描く…39
●星を描く ●形状の変更…40
テキストツール…41
●テキスト管理ということ ●文字を入力する…41
鉛筆ツール…42
●フリーハンドでの描画 ●1ピクセルごとに描画する…42
ブラシツール/おしゃれブラシツール…43
●ブラシの設定のまま描画できる ●おしゃれブラシツールでリアルタイム修正…43
変形ツール…44
●伸縮ツールで大きさを変える ●複数のオブジェクトをまとめて変形…44
●イメージ編集モードでの変形 ●オブジェクトを回転させる…45
●オブジェクトを傾斜させる…46
●連続変形をする…47
●オブジェクトを自由に変形…48
パス変形ツールとパス領域変形ツール…49
●任意の場所から自由に変形 ●押す変形と引く変形…49
●変形の領域を設定する…50
●パス領域変形ツールを使う ●ツールオプション…51
スクラバーツール…52
●ブラシの強さを後から変更する ●ツールオプション…52
スポイトツール…53
●ブラシと塗り、エフェクトの単色を決める…53
●どのオブジェクトからでも色を検知 ●ツールオプション…54
バケツツール…55
●ベクターデータを単色で塗る ●ビットマップイメージを単色で塗る…55
●グラデーションとパターン…55
消しゴムツールとスタンプツール…57
●パスの切断…57
●ピクセルの消去…58
●スタンプツールでピクセルを複製…58
【コラム】ツールボックスのキーボードショートカット…58

第3章 ブラシ、塗り、エフェクト

ブラシパネル…60
●ブラシの設定が可能なオブジェクト ●ブラシと塗りの関係…60
●プルダウンメニューで選ぶだけ ●豊富なブラシ名…61
●ブラシチップの変更…70
●テクスチャの設定…71
●適用例…72
●カラー設定…73
ブラシの編集…74
●オプションを使ってブラシをカスタマイズ ●ブラシ編集は、3つの要素…74
●ブラシの編集…75
●形状…78
●筆圧感知…79
●ブラシの新規保存…81
塗りパネル…82
●塗りの設定が可能なオブジェクト…82
●単色で塗る場合は[基本]を選択 ●11種類のグラデーション…83
●グラデーションの編集…87
●パターンで塗りつぶす…88
●さらにテクスチャを組み合わせる…89
●塗りのエッジは3種類から選択…90
エフェクトパネル…92
●ライブエフェクトとは ●5種類のエフェクト…92
●ベベル(内側)…93
●ベベル(外側)…94
●ドロップシャドウ…95
●エンボス…96
●グロー…97
●何度も使うエフェクトは新規保存しよう…98

第4章 その他のパネルとツールバー
不透明度とURLツールバー…100
●オブジェクトの透明度を数値で管理…100
●イメージ編集モードで不透明度を設定…101
●ブレンドモードで表現力アップ…102
●グラフィックスにURLを埋め込む ●画像をスライスする…108
色変更に関するパネル…109
●数値入力もできるカラーミキサー ●カラーモデルの考え方…110
●色見本から色を選択する ●色見本パレットをカスタマイズする…111
【コラム】Webページの色彩計画…113
レイヤーとフレームパネル…114
●効率アップの第一歩はレイヤー管理から…114
●バックグラウンドとフォアグラウンド ●レイヤーの表示/非表示…115
●レイヤーのロック/ロック解除 ●異なったレイヤーにオブジェクトを移動する…116
●オプションポップアップを使いこなす…116
●フレームポップアップ ●フレームはアニメーションの時間管理…118
その他のパネルとツールバー…119
●情報ツールバー ●メインツールバー(Windowsのみ)…119
●修正ツールバー(Windowsのみ) ●表示設定ツールバー(Windowsのみ)…120
●ステイタスバー(Windowsのみ)…120

第5章 読み込みと書き出し
新規画面を作る…122
●キャンバスサイズの設定 ●ドキュメントの解像度…122
●キャンバスカラーの設定…122
ドキュメントを開く…123
●Fireworksのデータを開く ●GIFやJPEGデータを開く ●アニメーションGIFを開く…123
●FreeHand、Illustrator、CorelDRAWのデータを開く…124
●Adobe Photoshop形式のデータを開く…126
読み込みとコピー&ペースト…128
●ファイルを読み込む…128
●画像の読み込み ●テキストの読み込み…129
●ドラッグ&ドロップ ●コピー&ペースト…130
ファイルの書き出し…132
●[書き出し]メニューについて…132
●プレビュー領域について…134
●[オプション]パネルについて…136
●GIFの書き出し…138
【コラム】GIFフォーマットでの書き出しについて…142
●JPEGの書き出し…143
【コラム】JPEGの書き出しに関して…144
【コラム】PNGの未来…145
●[ファイル]パネル…146
●スナップショットツールを使って書き出す…147
バッチ…148
●変換したいデータをフォルダにまとめる…148
【コラム】とりあえずバッチ…150

第6章 メニューを使いこなす

メニュー一覧…152
●サブメニュー…153 
ファイルメニュー…154
●新規作成 ●開く ●閉じる ●保存 ●新規保存 ●コピーを保存 ●復帰…154
●読み込み ●書き出し ●再書き出し…155
●スライスを書き出し ●スライス書き出しのデフォルト ●書き出しウィザード…155
●バッチ ●ページ設定 ●プリント ●環境設定…156
●終了…157
編集メニュー…158
●取り消し ●やり直し ●カット ●コピー ●ペースト…158
●クリア…159
●内部にペースト…160
●属性をペースト ●複製 ●クローン…162
●シンボルとインスタンス…163
●空のイメージを作成 ●イメージを切り抜き…169
画面表示メニュー…170
●ズームイン ●ズームアウト ●表示比率 ●選択オブジェクト ●ドキュメント全体…170
●フル表示 ●選択オブジェクトを非表示 ●すべて表示…171
●選択状態を非表示 ●ルーラ ●グリッド表示…172
●グリッドに吸着 ●グリッドの編集…173
●ガイド…174
●ガイドのロック ●ガイドに吸着 ●ガイドの編集…175
選択メニュー…176
●すべて表示 ●選択解除 ●選択範囲の反転…176
●エッジをぼかす…177
●近似値を選択 URLオブジェクトを作成…178
●ラスタライズ ●バックグラウンドに統合 ●レイヤーの統合…179
修正メニュー…180
●ブラシ、塗り、エフェクト ●イメージオブジェクト…180
●バックグラウンドレイヤー ●イメージ編集モードの終了…180
●ドキュメント-キャンバスサイズ…181
●ドキュメント-キャンバスカラー…182
●オブジェクトプロパティ…183
●エッジ ●自由変形 ●変形…185
●重ね順…188
●整列…189
●パスの結合…190
●パスの分離…191
●グループ化…192
●マスクグループ…194

第7章 テキストに関して
テキストメニュー…200
●テキストの入力と編集 ●テキストエディタ/フォントとサイズ…200
●テキストエディタ/スタイル ●テキストエディタ/トラッキングとカーニング…202
●テキストエディタ/行送り ●テキストエディタ/横比率とベースラインシフト…202
●テキストエディタ/縦書きとテキストフロー ●テキストエディタ/行揃え…203
●テキストメニューで変更する…203
●テキストをパスに沿わせる…204
●アウトラインに変換…206
【コラム】Webデザインでも文字詰めは重要…207
【コラム】あなたのWebサイトのバックグラウンドは何色ですか?…208

第8章 ビットマップの編集

ビットマップ編集の基礎…210
●ベクターグラフィックとビットマップ画像…210
●オブジェクトモードとイメージ編集モード ●ピクセルの選択…211
●マーキーの編集 ●ピクセルのカット&ペースト ●ピクセルの描画…212
●バケツツール…213
●消しゴムツール…214
●スタンプツール…215
【コラム】ピクセルを加工せずにビットマップを編集する…217
エクストラメニュー…218
●ぼかし…218
●ぼかし(強) ●ぼかし(ガウス)…219
●シャープ ●シャープ(強) ●アンシャープマスク…220
●階調の反転 ●アルファチャンネルに変換…222
●輪郭検出…228
プラグインについて…229
●PhotoOpticsについて…229
●Adobe Photoshopのプラグイン…240
●サードパーティのプラグイン…242

第9章 アニメーションGIFの制作

フレーム管理…244
●フレーム機能を使いこなす…244
アニメーション書き出し…248
●オプションパネルの設定…248
●アニメーションパネルの設定…249
●プレビュー…251
アニメーションの制作…252
●点滅する文字を作成する…252
●点滅時に色が変化する文字を作成する…253
●オブジェクト移動によるアニメーション…254
●トゥイーンを使って移動するアニメーションを作成する…255
●徐々に大きさの変わるアニメーション…256
●回転するアニメーション ●徐々に透明になるアニメーション…258
●徐々にエフェクト効果が現れるアニメーション…260
アニメーションの制作-2…262
●テキスト入力のアニメーション…262
●フォントをアウトライン化してアニメーションを制作する…263
●ブレンドモードを使ったアニメーション…266
●パス結合されたテキストが回転するアニメーション…268
●プラグインフィルタを使ってアニメーションを作成する…271

第10章 イメージマップ、スライス、ロールオーバー
URLツールバー…274
●URLオーバーレイ…275
イメージマップ…276
●URLオブジェクトの描画と修正…276
●リンクの割り当て…280
●イメージマップの書き出し…281
【コラム】イメージマップを使おう…283
スライス…284
●スライスの手順…285
●GIFとJPEGを混在させてスライスする…290
●スライスの一部をアニメーションGIFにする…293
●スライスにテキストを入れる…298
【コラム】あなたのWebページのサイズは?…303
ロールオーバー…304
●マウスに反応するボタンの制作…304
●onMouse Overについて…308
●DownとonClickについて…310

第11章 さらにFireworksを使いこなすために
球体を描く…316
夜空の星を描く…317
リング状になった円を描く…318
オブジェクトをリングで囲む…319
マスクを効果的に使う…320
フォントを図形として扱う…321
破線を作ろう…322
袋文字…323
テクスチャを作ろう…324
パターンに手を加える…326
オリジナルのパターンを作る…328
付属のパターンを使う…330
ブレンドモードでビットマップイメージを着色する…334
エフェクトのぼかしにビットマップイメージを貼る…335
アルファチャンネルを使って、文字やボタンを一体化する…336
デジタルコラージュに挑戦…337

第12章 最後に
今後のFireworksに期待すること…340
●Fireworksとの出会い ●Webデザインというビジネス…340
●Webデザイン&レイアウトソフト…341
●最新情報はWebから ●FIREWORKS徹底検証…342
●日刊デジタルクリエイターズ…343
【コラム】実はこっそりFireworksでDTPしてました…344
【コラム】Fireworksへのリクエスト…345
●最後の最後に…346

索引


  

このWEBサイトに掲載されている文書・画像・映像・写真等の著作権はSilicon Cafe'に帰属し、許諾なく 複製・頒布を行うことは 法律で固く禁じられています。 Copyright (C) 1995-2003 Silicon Cafe'. All rights reserved