Fireworks8入門・動画講座(バナーやボタン・ヘッダー画像の作り方)
このサにイトついて
HOME
>>
Fireworks8入門・動画講座(バナーやボタン・ヘッダー画像の作り方)
Fireworks8入門・動画講座(バナーやボタン・ヘッダー画像の作り方)
ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
人気
のエントリー一覧
[ 人気のエントリー一覧 |
最新のエントリー一覧
]
チカチカと点滅するアイコン(3)アニメーションGIFの書き出し
ファイヤーワークスの「イメージプレビュー」で...
(4)写真を合成して、ヘッダ画像を作る
横長のヘッダー背景、複数の写真をこんなふうに...
チカチカと点滅するアイコン(2)アニメーションの設定、透明GIF
ファイヤーワークスでアニメーションを作るには...
(4)DreamweaverとFireworksの連携
Dreamweaverにて制作途中で、画像を...
(2)やわらかく光ったような文字
柔らかく光ったような文字を作ってみます。今回...
(2)スライスの書き出し
前回(1)で作った画面を書き出ししてみます。...
ボタン素材(1)プロパティの使い方、色の作成、グラデーション
単純な長方形を描いて、それをボタンにしてみま...
ボタン素材(4)フレーム機能を使ってマウスオーバー用のボタンを作る
よく使いたい機能として、ロールオーバーがあり...
チカチカと点滅するアイコン(1) 楕円ツール、テキスト、整列
gifアニメーションの初歩をやってみます。簡...
(3)金色のシール-箔押ししたような文字
3回目は、箔押ししたような文字の作り方。チュ...
(4)金色のシール-文字を丸く並べる
FireworksでWEB2.0風の素材を作...
(1)背景画像用に切り抜きする方法
一昔まえ、スライスの使い方というと、デザイン...
[
人気のエントリー一覧
| 最新のエントリー一覧 ]
(4)DreamweaverとFireworksの連携
Dreamweaverにて制作途中で、画像を...
ドット絵(アイコン)の作り方
web2.0風のつやつや光った立体感のあるア...
(5)金色のシール-グループ化して回転
FireworksでWEB2.0風の素材を作...
(4)金色のシール-文字を丸く並べる
FireworksでWEB2.0風の素材を作...
(3)金色のシール-箔押ししたような文字
3回目は、箔押ししたような文字の作り方。チュ...
(2)金色のシール-立体感をつける
2回目は、ギザギザの円に立体感をつけてみます...
(1)金色のシール-ギザギザの円を描く
FireworksでWEB2.0風の素材を作...
(1)複数ファイルを一括で処理する方法
たとえばデジカメから取り込んだ写真を、自動レ...
(2)オリジナルのコマンドを登録してみる
次は、独自のコマンドを作ってみましょう。コマ...
(3)作成したコマンドで複数ファイルを一括処理
その2で作ったコマンドを、複数ファイルで一括...
(1)ペンツールで図形を描く方法
ペンツールで図形を描く方法・・・。どうしても...
(2)ダイレクト選択ツールで曲線を修正する
(1)ペンツールで図形を描く方法で作った曲線...
■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さ...
制作者プロフィールページへ
Tweet
最新のエントリー一覧
(4)DreamweaverとFireworksの連携
Dreamweaverにて制作途中で、画像を変更したくなることがありますね。そういうときに、Fireworks PNGで作成された元ファイルを呼び出して書き直して、書き出...
カテゴリ: 「Fireworksのスライスの使い方」
|
2009/04/19
ドット絵(アイコン)の作り方
web2.0風のつやつや光った立体感のあるアイコンもいいですが、素朴なドット絵もかわいくて捨てがたいですよね。Fireworksはベクターデータも扱えますが、同時にビット...
カテゴリ: 「Fireworksでアイコンを作る」
|
2008/12/11
(5)金色のシール-グループ化して回転
FireworksでWEB2.0風の素材を作る方法、金色シール1~4までで、ほぼできあがりですが、シールをはったイメージになるように回転させてみました。下記チュートリアル...
カテゴリ: 「FireworksでWEB2.0風素材 続編」
|
2008/05/03
(4)金色のシール-文字を丸く並べる
FireworksでWEB2.0風の素材を作る方法、金色シールその4今回は、文字を丸く並べる方法です。けっこう適当に見た目で作ってしまうタチなので、きちんとしてないと気が...
カテゴリ: 「FireworksでWEB2.0風素材 続編」
|
2008/05/03
マニュアル カテゴリ一覧
Fireworksの基本操作 (4)
図形の基本 (3)
Fireworksでアイコンを作る (4)
Fireworksでボタンを作る (4)
Fireworksのフィルタ (4)
FireworksでWEB2.0風の素材を作る (6)
FireworksでWEB2.0風素材 続編 (5)
写真の加工 (4)
Fireworksのスライスの使い方 (4)
ベジェ曲線の使い方 (3)
コマンド登録とバッチ処理 (3)
マニュアル エントリ一覧
Fireworksの基本操作 (4)
Fireworksの基本操作(4)PN...
Fireworksの基本操作(3)ビッ...
Fireworksの基本操作(2)ビッ...
Fireworksの基本操作(1)ファ...
図形の基本 (3)
矢印を描いてみる
(2)線の種類とテクスチャの変更
(1)いろんな種類の線を描いてみる
Fireworksでアイコンを作る (4)
ドット絵(アイコン)の作り方
チカチカと点滅するアイコン(3)アニメ...
チカチカと点滅するアイコン(2)アニメ...
チカチカと点滅するアイコン(1) 楕円...
Fireworksでボタンを作る (4)
ボタン素材(4)フレーム機能を使ってマ...
ボタン素材(3)フィルタの適用とweb...
ボタン素材(2)テキストの入力と調整(...
ボタン素材(1)プロパティの使い方、色...
Fireworksのフィルタ (4)
(4)線画を白抜きにする
(3)写真のふちをぼかす
(2)やわらかく光ったような文字
(1)画像に影をつけてみる
FireworksでWEB2.0風の素材を作る (6)
(5)艶と透明感のある丸ボタン(前編)
(6)艶と透明感のある丸ボタン(後編)
(3)立体感のあるナビゲーション(前編...
(4)立体感のあるナビゲーション(後編...
(1)ふんわりしたボタン・前編
(2)ふんわりしたボタン・後編
FireworksでWEB2.0風素材 続編 (5)
(5)金色のシール-グループ化して回転
(4)金色のシール-文字を丸く並べる
(3)金色のシール-箔押ししたような文...
(2)金色のシール-立体感をつける
(1)金色のシール-ギザギザの円を描く
写真の加工 (4)
(4)写真を合成して、ヘッダ画像を作る
(3)二つの写真をぼかしながら合成する
(2)フチをぼかして背景とブレンドする
(1)写真を丸く切り抜く
Fireworksのスライスの使い方 (4)
(4)DreamweaverとFire...
(3)一部だけ取り出して書き出しする方...
(2)スライスの書き出し
(1)背景画像用に切り抜きする方法
ベジェ曲線の使い方 (3)
(1)ペンツールで図形を描く方法
(2)ダイレクト選択ツールで曲線を修正...
(3)パスの結合
コマンド登録とバッチ処理 (3)
(1)複数ファイルを一括で処理する方法
(2)オリジナルのコマンドを登録してみ...
(3)作成したコマンドで複数ファイルを...
(c) Webdemo Inc All rights reserved.