Fireworks デベロッパーセンター
はじめに |
このページで紹介するチュートリアルとビデオは、 Fireworks の基本的な使い方を学ぶために役立ちます。
最新版の Fireworks だけでなく、以前のバージョンでも試すことができるテクニックなども紹介しています。
初心者向け Firewoks 入門シリーズ - Fireworks の基本的な使い方を分かりやすく解説します
第1回 自動シェイプを使いこなして時間短縮！ 様々な形状を手軽に作ってみよう！
自動シェイプでオブジェクトを描画し、さらにアレンジする方法を解説します。
第2回 パスパネルを活用して、複雑な形状を手軽に作ってみよう！
パスの連結機能を使えば、シンプルなオブジェクトを組み合わせて、複雑な形状を作ることができます。
第3回 テクスチャとパターンを活用して質感を表現してみよう！
テクスチャとパターンを使って、可愛らしいフラッグオーナメントをデザインします。
第4回 パスのブレンド機能を使ってデザインの幅を広げよう！
パスのブレンド機能を使えば中間パスを作成でき、複雑な表現も簡単に作成できます。
第5回 ストロークを自由にアレンジしてカスタムストロークを作ってみよう！
ストロークの種類の使い方、カスタマイズの方法、カスタムストロークの登録方法を解説します。
第6回 Fireworksの便利な機能を活用してコーディングの効率を上げよう！
ぴったりサイズでスライス挿入／カラーコードを楽々コピー／デザインからCSSコードを抽出／［ものさしツール］でサイズをメモ／スタイル機能を使ってテキスト部分を明確に指定
第6回 Fireworksの便利な機能を活用してコーディングの効率を上げよう！
山口有由希 (Jan 07, 2013)
ぴったりサイズでスライス挿入／カラーコードを楽々コピー／デザインからCSSコードを抽出／［ものさしツール］でサイズをメモ／スタイル機能を使ってテキスト部分を明確に指定
第5回 ストロークを自由にアレンジしてカスタムストロークを作ってみよう！
山口有由希 (Nov 18, 2012)
ストロークの種類の使い方、カスタマイズの方法、カスタムストロークの登録方法を解説します。
第2回 パスパネルを活用して、複雑な形状を手軽に作ってみよう！
山口有由希 (Sep 11, 2012)
パスの連結機能を使えば、シンプルなオブジェクトを組み合わせて、複雑な形状を作ることができます。
チュートリアル |
Fireworks＋Dreamweaver：簡単！ jQuery Mobileのテーマ＆サイトの作成
関口和真
CS6の新機能を使った、jQuery Mobileのテーマ作成からサイト制作までのフローを解説します。
Fireworksの画像からタップ操作対応のプロトタイプを作成できる「TAP」
谷 拓樹氏
コーディング不要。デザイン画像を、iPhone／iPadでタップ操作できるプロトタイプに変換するツールです。
関連記事とビデオ |
ショートカットキーで作業スピードをアップさせよう
山田あかね氏
インタラクティブプロダクトのデザインにこそFireworksを
Nick Myers
Fireworksを使用したユーザインターフェイスのモックアップの作成
Charles Nadeau
Web 2.0エレメント
Fireworksで単純なレイヤーエフェクトを使用して、光沢のあるボタンを作成できます。
作成済みCSSテンプレート
このサンプルテンプレートを使えば、FireworksのCSSエクスポート機能を活用できます。
| 05/06/2013 | The future of Adobe Fireworks |
|---|---|
| 12/20/2012 | How it's made: Deke vs. Tom Cruise |
| 12/07/2012 | 2013 Illustrator Tool of the Year: Shape Builder |
| 10/19/2012 | The right tool for the job |
