速習Webデザイン&速習デザインシリーズFireworks CS5/4/3

[表紙]Fireworks CS5/4/3

B5判/248ページ/DVD1枚

定価(本体2,680円+税)

ISBN 978-4-7741-4945-5

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

FireworksはWebデザインのために特化したグラフィックソフト。Webで扱う写真,ボタン,ナビゲーション,バナー,アニメーションなどさまざまな画像をすばやく簡単に作成できるだけでなく,サイトのワイヤーフレーム設計から画像のスライス出力まで,ワークフローに沿ったWebデザインが一貫してスムーズかつ効率的に行えます。Webデザイナー必携といえるツールの多彩な機能を,美しく実用的な作例を操作しながら身に付けられるFireworksの教科書です。煩雑な手間と時間を省きデザイナーの創造力を発揮できます。

こんな方におすすめ

  • Fireworksの機能をひととおりマスターしたい方
  • Web向けの画像作成とスライス出力をよくやる方
  • Webデザイン全体の作業を効率的に行いたい方

著者の一言

FireworksはWebデザインをするために作られた本当にすぐれたアプリケーションです。

私は独学でWebデザインを勉強し,Webデザイナーになりました。そのときから今まで,ずっと愛用しているのがFireworksです。Fireworksの魅力はなんといっても独学でも極められるそのわかりやすさ,使いやすさです。はじめてグラフィックソフトを使う方でもすんなりと使いこなしていけると思います。その良さをもっとたくさんの人に伝えたい! と思い立ち上げた「Fireworksマニア」というFireworksのTipsサイトがきっかけで,こうして1冊の本を出させていただくことができました。

そんなわかりやすく,使いやすいFireworksですが,使えば使うほどWebデザインをする上で便利な機能がたくさんあることに気がつきます。本書では,そんなFireworksの知れば知るほど便利な機能や使い方についてもしっかりと解説しました。1冊終える頃にはきっとFireworks通になっているはずです。

本書は,Adobe Fireworksをはじめて使う方にもわかりやすいよう,基本から丁寧に解説していますが,すでにFireworksを使っている人にも新しい活用方法や発見をしていただけるよう,さまざまな情報を盛り込みました。本書でFireworksの魅力を再発見していただき,もっと便利に活用していただければ幸いです。本書を通じてさらに多くの人にFireworksの魅力が伝われば,これ以上うれしいことはありません。

Webデザインで大事なことはグラフィカルなデザインを生み出すことではなく,大切なことがしっかりと伝わり,使いやすく,効果的なデザインを作ることです。Fireworksを活用して作業を効率的に行えば,使いやすい構成を考えたり,よりふさわしい配置や配色を考えることに多くの時間を割くことができます。限られた時間を有意義に使い,より素敵なWebサイトが生み出されるお手伝いができれば幸いです。

(「はじめに」より)

本書のサンプル

本書の一部ページを,PDFで確認することができます。

目次

Ready Fireworksを知る

  • LESSON 01 Fireworksの特徴
  • LET'S TRY!! Exercise01
  • PLUS ONE より便利に快適に,大幅パワーアップ!

Part1 Fireworksの操作画面を知る

  • LESSON 01 Fireworksの画面を知る
  • LESSON 02 新規作成および保存・ドキュメントのサイズ変更
  • LESSON 03 作業効率を高めるための設定や準備
  • LESSON 04 レイヤー・ページ・ステートと使い方
  • LET'S TRY!! Exercise01

Part2 Fireworksによる画像パーツのデザイン

  • LESSON 01 ボタンを作る
  • LESSON 02 ナビゲーションを作る
  • LESSON 03 ポラロイド風写真を作る
  • LESSON 04 バナーを作る
  • LESSON 05 アニメーションGIFバナーを作る
  • LESSON 06 ブログヘッダーを作る
  • LET'S TRY!! Exercise01/Exercise02

Part3 FireworksでのWebサイトのデザインの流れを学ぶ

  • LESSON 01 情報を整理してサイトのイメージを膨らませる
  • LESSON 02 ワイヤーフレームを作る
  • LESSON 03 ワイヤーフレームを元にデザインカンプを作成する
  • LESSON 04 複数ページにわたるデザインをする
  • LESSON 05 モックアップを作成する
  • LESSON 06 画像のスライスと書き出し
  • LET'S TRY!! Exercise01/Exercise02

Part4 デザインパーツレシピ

  • LESSON 01 ウッドプレートとプレス文字で作るタイトルロゴ
  • LESSON 02 ワンオブジェクトで作れる立体的なボタン
  • LESSON 03 画像のマスクを極める
  • LESSON 04 コラージュ風パーツを作る
  • LESSON 05 マスキングテープを作る
  • LESSON 06 星ツールでさまざまな点対称の模様を手軽に作る
  • LESSON 07 切手のオブジェクトを作る
  • LET'S TRY!! Exercise01
  • PLUS ONE [自動シェイプ]パネルで簡単にいろいろな図形を書いてみよう

Part5 他の画像編集ソフトとのデータのやり取り

  • LESSON 01 ファイルの読み込み
  • LESSON 02 ファイルの書き出し
  • LET'S TRY!! Exercise01/Exercise02
  • PLUS ONE [書き出し]ダイアログで設定可能なさまざまな書き出し方法

Reference リファレンス

  • 01 自動シェイプを使ったさまざまな図形の描画
  • 02 パスの結合,型抜き
  • 03 ストローク(線)をパスに変換する
  • 04 オブジェクトの拡大・縮小,回転,反転
  • 05 画像の色調を補正する
  • 06 検索と置換
  • 07 ショートカットキーの使いこなし
  • 08 配色のヒント
  • 09 テクスチャ・パターン一覧
  • 10 写真素材一覧(DVD収録)
  • 11 プリセットストローク(線)一覧

著者プロフィール

山口有由希(やまぐちゆうき)

長崎県出身。福岡県在住のWebデザイナー。フロッグマンオフィス所属。

Webサイト「Fireworksマニア」をはじめ,個人でもさまざまなサイトを運営中。Web,グラフィック,写真など,日々さまざまなものをつくっています。

YUKI YAMAGUCHI Design Portfolio:http://yuki930.v-colors.com/

Fireworksマニア:http://yuki930.v-colors.com/

Twitter:http://twitter.com/yuki930