備忘録へ

2006年10月9日 月曜日

透明バナーの作成

台に使われた白い色を透過(透明化)して背景がどのようなページでも
文字だけが浮き出して動いて見えるようなバナーのことを透明バナーと称する

PhotoshopElements3.0を起動
	白い土台を作ります ファイル→新規→白紙ファイル 幅200 高さ40 で作成して→新規レイヤーを作り 横書き文字ツールで ここでは、 ARP勘亭流H 28ポイント 色はグリーンで WELCOMと書きます 移動ツールをクリックすると 文字の周りにハンドルがつくので、 適当にバランスよく形を整えます
影をつけます（つけなくても構いません） WELCOMのレイヤーをアクティブにして、移動ツールをクリック→ハンドルのついた状態で スタイル・エフェクトの『はっきりしたエッジ』をクリサックすると WELCOMのレイヤーの横に丸い印がでます→それをダブルクリックすると スタイル設定という画面が出ます シャドウの距離は5pxになっています、ここで調節しますが、今回はこのままOK グレイの影がつきます
	一番目の画像をクリックして ファイル→複写を選択すると 名前を付ける画面が出て、 ***のコピーとなっているので、 判りやすいように2として→OK 画面の下方に、画像が二つ並びます WELCOMと7文字なので、 3・4…7と7枚の画像を作ります
今は、文字は全部グリーンです
この画像を、次つぎに好みの色で、一字ずらして追っかけるように着色します 文字ツールを選択して、一文字ずつドラッグして色をつけます ファイル→web用に保存→名前を付けて保存します GIF画像が出来ます
これは、まだ白い土台の上に文字が書かれた状態なので ビルダーのウェブアートデザイナーを起動して 編集→ファイルから貼り付けで画像を呼び出し、透明色で塗りつぶしツールを利用して背景を 透明にして、また、 ファイル→web用保存ウィザードで保存します
ウェブアニメーターを起動して7枚の画像をまとめます アニメーションウィザード→複数の画像ファイルを利用してアニメーションを作成 連続 表示時間を350にして（好みで） 作成します