RSSRSS一覧お気に入りに登録

ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
サイト運営者プロフィール
webデザイナーモモンガです。わたしの作った動画マニュアルを見にきてくださり、ありがとうございます。...
詳しくはこちら



ブログTOP >> Fireworksのスライスの使い方 >> (1)背景画像用に切り抜きする方法
(1)背景画像用に切り抜きする方法
2分8秒
大きい解像度で見る
この動画をお気に入りに

解説
一昔まえ、スライスの使い方というと、デザインを全部、画像処理ソフトで行い、それをスライスで1画面全部書き出ししてから、HTMLにテーブルごと取り込み・・・
という方法が主流でしたね。
今回は、最近主流の方法に合わせて、
HTMLの上で背景に使用したい画像を切り出す方法をやってみます。

全画面テーブルで書き出ししてしまうと、修正があったときに大変ですが
後のメンテナンスを考えると、こういった背景画像にHTMLでテキストをのせるといった方法をとったほうが効率が良いようです。

::::
モモンガの森ではwebデザイナーを目指している方を応援してます

{{webの森365 ホームページ制作}}

駒ヶ根市の美容院 HairFactoryA2
カテゴリー内最新記事
トラックバック
この動画へのTrackBack URL
http://www.dougamanual.com/apps/tools/tb.cgi/2839
コメント
コメント

 
 
スポンサー
カテゴリ
Fireworksの基本操作(4)PN...
Fireworksの基本操作(3)ビッ...
Fireworksの基本操作(2)ビッ...
Fireworksの基本操作(1)ファ...
矢印を描いてみる
(2)線の種類とテクスチャの変更
(1)いろんな種類の線を描いてみる
チカチカと点滅するアイコン(3)アニメ...
チカチカと点滅するアイコン(2)アニメ...
チカチカと点滅するアイコン(1) 楕円...
ボタン素材(4)フレーム機能を使ってマ...
ボタン素材(3)フィルタの適用とweb...
ボタン素材(2)テキストの入力と調整(...
ボタン素材(1)プロパティの使い方、色...
(4)線画を白抜きにする
(3)写真のふちをぼかす
(2)やわらかく光ったような文字
(1)画像に影をつけてみる
(5)艶と透明感のある丸ボタン(前編)
(6)艶と透明感のある丸ボタン(後編)
(3)立体感のあるナビゲーション(前編...
(4)立体感のあるナビゲーション(後編...
(1)ふんわりしたボタン・前編
(2)ふんわりしたボタン・後編
(5)金色のシール-グループ化して回転
(4)金色のシール-文字を丸く並べる
(3)金色のシール-箔押ししたような文...
(2)金色のシール-立体感をつける
(1)金色のシール-ギザギザの円を描く
(4)写真を合成して、ヘッダ画像を作る
(3)二つの写真をぼかしながら合成する
(2)フチをぼかして背景とブレンドする
(1)写真を丸く切り抜く
(3)一部だけ取り出して書き出しする方...
(2)スライスの書き出し
(1)背景画像用に切り抜きする方法
(1)ペンツールで図形を描く方法
(2)ダイレクト選択ツールで曲線を修正...
(3)パスの結合
(1)複数ファイルを一括で処理する方法
(2)オリジナルのコマンドを登録してみ...
(3)作成したコマンドで複数ファイルを...