Fireworks の使い方 http://www.gf-design.net/fireworks-cs3/ Fireworks(ファイヤーワークス)の使い方では、Fireworks の使い方、操作方法、実際に使いこなすための情報を記載しています。 ja Copyright 2008 Wed, 11 Jun 2008 21:42:20 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification Fireworksの使い方【ハートの絵を描く】

heart_8.jpg

Fireworks で簡単にハートの絵を書く方法を記載します。

 

]]> http://www.gf-design.net/fireworks-cs3/2008/06/fireworks-16.html http://www.gf-design.net/fireworks-cs3/2008/06/fireworks-16.html 2. Fireworks の使い方 Wed, 11 Jun 2008 21:42:20 +0900 Fireworks で Web 2.0 風のページ画像を作る

 

web2.0_page.jpg

Fireworks の使い方で、今回は左の写真のような、Web 2.0 風？の画像の作成方法を説明します。

 

]]> http://www.gf-design.net/fireworks-cs3/2008/04/fireworks-web-20.html http://www.gf-design.net/fireworks-cs3/2008/04/fireworks-web-20.html 2. Fireworks の使い方 Fireworks Web2.0風 Fri, 25 Apr 2008 15:24:25 +0900 Fireworks グラデーションの種類 Fireworks ではディフォルトで、線形、放射、四角、円錐、輪郭、サテン、つまむ、褶曲、楕円、バー、波紋、波動の13種類のグラデーションを使えるようになっています。 それぞれ特徴があり、使い方次第で様々なグラデーションが作成出来るようになりますので、いろいろ試してみることをお勧めします。 それぞれ13種類のグラデーションについて、具体的にどのようなイメージになるかを以下に画像を掲載致します。 http://www.gf-design.net/fireworks-cs3/2008/04/fireworks-15.html http://www.gf-design.net/fireworks-cs3/2008/04/fireworks-15.html 2. Fireworks の使い方 Fireworks グラデーション 使い方 Thu, 17 Apr 2008 12:14:58 +0900 Fireworks グラデーションの使い方 ]]> http://www.gf-design.net/fireworks-cs3/2008/03/fireworks-14.html http://www.gf-design.net/fireworks-cs3/2008/03/fireworks-14.html 2. Fireworks の使い方 Fireworks グラデーション ボタン 使い方 Tue, 25 Mar 2008 18:03:58 +0900 Fireworks のパネル編成 Fireworks のパネルは、デフォルト時には、ワークスペースの右側にまとめてドッキングされています。 ドッキングされているパネルの解除、パネルグループへのパネルの追加、ドッキングされているパネルグループの順序の変更、別のパネルグループへの移動、また、パネルグループの折りたたみやパネルグループを閉じることができます。 また、パネル領域ではないところにパネルを個別に開いたり、閉じたりすることもできます。 http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-13.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-13.html 1-2. Fireworks の作業環境 Fireworks パネル Thu, 21 Feb 2008 17:12:16 +0900 Fireworks で開くことの出来るファイル形式
拡張子
ファイル形式
ファイルの説明
.ai、.art Illustrator

Adobe Illustrator の標準ファイル形式。
.bmp BMP Windows や OS/2 で標準となっているビットマップファイル形式。
.eps EPS ベクターオブジェクトのファイルとして使われるファイル形式。 ベクトルデータとビットマップデータの両方を含むことができ、ベクトルデータのみを含むEPSファイルは画像を拡大しても画質が落ちることはないが、ビットマップデータを含むEPSファイルに関しては、画像を拡大するとビットマップ部分の画質が落ちます。
.ft FreeHand Macromedia FreeHand7～10の標準ファイル形式。
.gif GIF インターネット用の画像として使われることが多い画像形式で、非常に高い圧縮率を持つ。サイズが小さいのでカラーをあまり使わないボタンやラインなどに多く使われます。
.htm、.html HTML ホームページに表示される HTML 形式のファイル。
.jpg JPEG インターネット用の写真画像として使われることが多い画像形式で、高い圧縮率を持ちます。インターネット上の写真画像の多くはこのファイル形式のものが用いられています。
.jp2 JPEG2000 JPEG の後継規格で、可逆圧縮など JPEG に無い特徴を持っています。
.png PNG Fireworks の標準ファイル形式で、W3C が提唱する画像形式。
.psd、.pdd Photoshop Photoshop の画像形式で、Fireworks で開くと、Photoshop で適用した様々な効果をそのまま含められて編集することが可能です。
.rtf RTFテキスト 書式の互換性を持つリッチテキスト形式。
.sgi SGI Silicon Graphic 社のワークステーションの標準イメージファイル形式。
.tga Targa Truevidion 社のビデオボードで使われる画像形式。
.tif TIFF Aldus 社が開発した画像形式。
.txt テキスト ASCII のテキストデータ。Fireworks で開くとテキストオブジェクトになります。
     
     
]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-12.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-12.html 1-1. Fireworks の基本操作 eps Fireworks Wed, 20 Feb 2008 18:26:56 +0900 Fireworks でのパネル panel1.jpg

Fireworks のパネルは、選択されたオブジェクトの様々な部分を編集するツールです。
パネルでは、フレーム、レイヤー、色見本など様々な操作をすることが可能です。
ここでは、パネルの全体的な操作方法について説明いたします。

]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-11.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-11.html 1-2. Fireworks の作業環境 Wed, 20 Feb 2008 13:10:13 +0900 Fireworks のプロパティインスペクタ p1.jpg Fireworks のプロパティインスペクタには、現在選択されているオブジェクトのプロパティ、現在のツールオプションまたはドキュメントプロパティが表示されます。 Fireworks での作業は、様々な調整をこのプロパティインスペクタにて行うことになりますので、プロパティインスペクタの使用方法は一通り覚えておく必要があります。]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-10.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-10.html 1-2. Fireworks の作業環境 Fireworks プロパティインスペクタ Wed, 20 Feb 2008 12:39:26 +0900 Fireworks のツールボックス tool.jpg ツールボックスは、『選択』、『ビットマップ』、『ベクター』、『Web』、『カラー』、『画面表示』の 6 つのカテゴリから構成されています。 ここでは概要のみを説明し、別途各ツールの使用方法を説明いたします。

ツールオプションの変更

ツールを選択すると、プロパティインスペクタに一連のツールオプションが表示されます。 一部のツールオプションは、ツールの使用中にも表示されています。 基本形状ツール、ペンツール、ラインツールなどの場合は、選択したオブジェクトのプロパティがプロパティインスペクタに表示されます。

ツールグループからのツールの選択

ツールの右下隅に表示されている小さな三角形は、各ツールのグループであり、グループ内にツールが存在することを示しています。 例えば、矩形ツールは基本形状ツールグループに属しており、同じツールグループには角丸矩形ツール、楕円ツールおよび多角形ツールだけでなく、すべてのオートシェイプツールが含まれています。 ツールグループから他のツールを選択するには、ツールアイコンをクリックし、マウスボタンを押したままにしておくと、ポップアップメニューが表示され、そのグループに含まれる一連のツールアイコン、ツール名およびショートカットキーが表示され、選択が可能になります。 ]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-9.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-9.html 1-2. Fireworks の作業環境 Fireworks ツールボックス Tue, 19 Feb 2008 22:44:17 +0900 Fireworks の作業環境 fw_main1.jpg Fireworks で新規ドキュメントを開くと、上記の画面が表示されます。 こちらが Fireworks の作業画面となり、この画面上で様々なツールを利用して作業を行っていきます。 ]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-8.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-8.html 1-2. Fireworks の作業環境 Tue, 19 Feb 2008 22:08:54 +0900 Fireworks でのファイルの保存 Fireworks でのファイルの保存について説明します。

Fireworks で作業して作られたファイルは、基本的に Web グラフィックとして利用される場合が中心です。
Fireworks では、新規ドキュメントを作成したり、既存の Fireworks PNG ファイルを開いたりすると、ドキュメントのファイル名に .png という拡張子が付きます。
.png は Fireworks の基本となるファイル形式で、.psd や .ai など他のファイル形式のファイルも PNG ファイルとして開き、Fireworks 上で作業します。

]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-7.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-7.html 1-1. Fireworks の基本操作 Fireworks gif jpeg W3C Tue, 19 Feb 2008 18:25:00 +0900 Fireworks へのオブジェクトの挿入 Fireworks では、他のアプリケーションで作成したベクターオブジェクト、ビットマップイメージまたはテキストも、Fireworks ドキュメントに読み込み、ドラッグ＆ドロップまたはコピー＆ペーストすることができます。

ここでは他のアプリケーションで作成したイメージを Fireworks に挿入させるための方法を説明いたします。

]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-6.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-6.html 1-1. Fireworks の基本操作 Tue, 19 Feb 2008 14:08:07 +0900 Fireworks で他のアプリケーションで作成されたグラフィックを開く Fireworks では、Fireworks で作成されたファイル以外にも、他のアプリケーションで作成されたファイルを開くことが可能です。

例えば、Photoshop で作成された『psd』、Adobe Illustrator で作成された『ai』、JPEG、GIF、アニメーション GIF などです。

ファイル／開くを使用して PNG 以外の形式のファイルを開くと、開いたファイルに基づいて新しい Fireworks PNG ドキュメントが作成され、Fireworks のすべての機能を使用してイメージを編集できます。

その後、「名前を付けて保存」を選択して、作業内容を新規 Fireworks PNG ファイルとして保存するか、他のファイル形式で保存できます。

]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-5.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-5.html 1-1. Fireworks の基本操作 BMP Fireworks GIF Illustrator JPEG Photoshop Tue, 19 Feb 2008 13:44:07 +0900 Fireworks で以前に閉じたドキュメントを開く Fireworks で以前に閉じたドキュメントファイルを開く方法を説明します。 以前に閉じたドキュメントを開くのは非常に分かりやすくなっており、Fireworks を立ち上げた際に表示されるスタートページに『最近使用したファイルを開く』という欄が表示されています。 http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-4.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-4.html 1-1. Fireworks の基本操作 Fireworks Tue, 19 Feb 2008 13:26:19 +0900 Fireworks でファイルを開く・読み込む Fireworks でのファイルの開き方、読み込み方を説明いたします。
Fireworks では、Fireworks で作成されたイメージデータはもちろん、他のグラフィックソフトなどで作成したベクターイメージおよびビットマップイメージを、開く、読み込む、および編集する操作を簡単に実行できます。
もちろん、デジタルカメラやスキャナのイメージも読み込む事も可能です。

]]> http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-3.html http://www.gf-design.net/fireworks-cs3/2008/02/fireworks-3.html 1-1. Fireworks の基本操作 Tue, 19 Feb 2008 12:41:45 +0900