FireworksでWEB2.0風の素材を作る
Fireworks8入門・動画講座(バナーやボタン・ヘッダー画像の作り方)
ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
webデザイナーモモンガです。わたしの作った動画マニュアルを見にきてくださり、ありがとうございます。...
詳しくはこちら
ブログTOP
>>
FireworksでWEB2.0風の素材を作る
人気のエントリー一覧
[ 人気のエントリー一覧 |
最新のエントリー一覧
]
(5)艶と透明感のある丸ボタン(前編)
(6)艶と透明感のある丸ボタン(後編)
(3)立体感のあるナビゲーション(前編)
WEB2.0風素材の3つめは、艶と透明感のある丸ボタン。リス...
2008/01/26
前回の続きで、艶と透明感のある丸ボタンの作り方、後半です。:...
2008/01/26
こんなふうにほんのりと立体感&透明感のあるナビゲーションって...
2008/01/26
(1)ふんわりしたボタン・前編
(4)立体感のあるナビゲーション(後編)
(2)ふんわりしたボタン・後編
いわゆるWEB2.0風の素材ってありますよね。立体的だったり...
2008/01/26
(3)の続きです。作例では、1本の横長のバーを作ってそこへテ...
2008/01/26
いわゆるWEB2.0風の素材ってありますよね。立体的だったり...
2008/01/26
最新のエントリー一覧
[
人気のエントリー一覧
| 最新のエントリー一覧 ]
(5)艶と透明感のある丸ボタン(前編)
(6)艶と透明感のある丸ボタン(後編)
(3)立体感のあるナビゲーション(前編)
WEB2.0風素材の3つめは、艶と透明感のある丸ボタン。リス...
2008/01/26
前回の続きで、艶と透明感のある丸ボタンの作り方、後半です。:...
2008/01/26
こんなふうにほんのりと立体感&透明感のあるナビゲーションって...
2008/01/26
(4)立体感のあるナビゲーション(後編)
(1)ふんわりしたボタン・前編
(2)ふんわりしたボタン・後編
(3)の続きです。作例では、1本の横長のバーを作ってそこへテ...
2008/01/26
いわゆるWEB2.0風の素材ってありますよね。立体的だったり...
2008/01/26
いわゆるWEB2.0風の素材ってありますよね。立体的だったり...
2008/01/26
FireworksでWEB2.0風の素材を作る エントリー一覧
(5)艶と透明感のある丸ボタン(前編)
WEB2.0風素材の3つめは、艶と透明感のある丸ボタン。リストのワンポイントなどに使えますね。動画の中で紹介しきれなかったのが、ベジェ曲線での変形方法。ダイレクト選択ツー...
2008/01/26
(6)艶と透明感のある丸ボタン(後編)
前回の続きで、艶と透明感のある丸ボタンの作り方、後半です。::::モモンガの森ではwebデザイナーを目指している方を応援してます↓遠山郷はとっても好きな場所で、年に何回か...
2008/01/26
(3)立体感のあるナビゲーション(前編)
こんなふうにほんのりと立体感&透明感のあるナビゲーションっていわゆるWEB2.0風ですね。今回は、ファイヤーワークスでこんなナビを作ってみる方法です。作例では、1本の横長...
2008/01/26
(4)立体感のあるナビゲーション(後編)
(3)の続きです。作例では、1本の横長のバーを作ってそこへテキストを乗せていますが実際つかえるナビにするには、さらにボタンになるように分割しなければいけません。マウスが乗...
2008/01/26
(1)ふんわりしたボタン・前編
いわゆるWEB2.0風の素材ってありますよね。立体的だったりふんわりした質感があったり、パールみたいに光っていたり。そんな素材の作り方をいくつか紹介します。私は普段はil...
2008/01/26
(2)ふんわりしたボタン・後編
いわゆるWEB2.0風の素材ってありますよね。立体的だったりふんわりした質感があったり、パールみたいに光っていたり。そんな素材の作り方をいくつか紹介します。私は普段はil...
2008/01/26
スポンサー
カテゴリ
Fireworksの基本操作 (4)
Fireworksの基本操作(4)PN...
Fireworksの基本操作(3)ビッ...
Fireworksの基本操作(2)ビッ...
Fireworksの基本操作(1)ファ...
図形の基本 (3)
矢印を描いてみる
(2)線の種類とテクスチャの変更
(1)いろんな種類の線を描いてみる
Fireworksでアニメアイコンを作る (3)
チカチカと点滅するアイコン(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のスライスの使い方 (3)
(3)一部だけ取り出して書き出しする方...
(2)スライスの書き出し
(1)背景画像用に切り抜きする方法
ベジェ曲線の使い方 (3)
(1)ペンツールで図形を描く方法
(2)ダイレクト選択ツールで曲線を修正...
(3)パスの結合
コマンド登録とバッチ処理 (3)
(1)複数ファイルを一括で処理する方法
(2)オリジナルのコマンドを登録してみ...
(3)作成したコマンドで複数ファイルを...