« ～第十二回 文章を編集しましょう♪の巻～ | メイン | ～第十四回 Flashを編集しましょう♪(2)の巻～ »
～第十三回 Flashを編集しましょう♪(1)の巻～
2006年08月09日
こんにちは。サラです♪('∇')ﾉ
前回は文章の編集をしました☆
今日は次のステップ ヘッダーにあるflashの編集に入ります♪
サラ「では教官！ご指導お願いします！」
教官「flashの編集方法は『flashテンプレートのご購入者専用ページ』が
テンプレートモンスタージャパンにあります。
そこにも詳しく説明が書いてあるから目を通してね。」
サラ「はい！('◇')ゞ」
教官「sourcesのフォルダの中にflashのフォルダがあるね。
じゃあflashのファイルを開いて編集していこう。」
＜Flashでビビちゃんホームページのheader.flaの編集＞ [画像変更編]
1.元々のFlashファイルはこのようになっています。
ビビちゃんの画像や文字を編集していきます
2.まず壁かけの絵になっているコンテンツの猫の絵を
ビビちゃんのホームページの絵に変更しようと思います。
3.aboutのコンテンツになっている猫の絵を選択しましょう。
するとプロパティで絵の大きさが表示されます。
Wが65、Hが56だということがわかりました。
4.次にphotoshopでpsdフォルダの中にある
トップページのpsdファイルを開きます。
猫の絵になっていたところはビビちゃんでは家の絵なので
その画像を作るためスライスツールでスライスをかけます。
そして右クリックで『スライスオプションを編集』に進みます。
5.この画像の名前をわかりやすいように『名前：house』に変更しました。
次に寸法を既存の猫と同じ大きさにしなければならないので
『Wに65、Hに56』と入力し、OKボタンで確定します。
*注意*このとき十字キーでスライスの位置を猫の絵と同じ位置になるように
調整していきましょう。
6.画像のスライスの大きさと位置が決まれば、次はその画像の保存です。
psdファイルから画像の保存は前回(第11回)で行いましたが覚えていますか？
メニューバーの『Web用に保存』へ進みましょう。
さて、今回少し違うところは ファイルの保存形式です！！
猫がjpgファイルなので家の絵もjpg形式で保存しなければなりません。
Web用に保存の画面の右側にある 設定の枠の中を見てください。
その枠の左上に『GIF』というのがあると思います。それを『JPG』にしましょう。
後は前回と同じように保存します。『保存』をクリックしましょう。
すると保存のウィンドウが開かれるので
保存場所は『site_flash』のままで
ファイルの種類を『画像のみ(*.gif)』
スライスを『選択したスライス』 に変更し『保存』ボタンを押します。
7.次に保存した画像をFlashに読み込みします。
メニューバーのファイル⇒読み込み⇒ライブラリに読み込み
へ進み、house.jpgを選んで『開く』をクリック。
8.では猫の絵から家の絵へ入れ替えを行いましょう。
猫の絵を選択した状態で 下のプロパティのところにある
『入れ替え』ボタンをクリック。
先ほど読み込みさせたのでhouse.jpgが一覧にあるはずです。
それを選択して『ok』ボタンをクリック。
9.するとこのように画像の方が変更されました。
サラ「おぉぉぉ！('o')
教官！画像きれいに入れ替えできましたー！('∇')ｖ」
教官「うん。うまくいったね。きれいに入れ替え作業ができるように
Photoshopでスライスする位置がずれないように注意しながら
他の画像も『スライス』⇒『保存』⇒『読み込み』⇒『入れ替え』の
作業を進めていってね」
サラ「は～い('∇')ゝ」
教官「画像が変更できたら次は文字の変更作業だね。また声かけてね」
サラ「ありがとうございます♪(*'-')」
初めてのFlashの編集でしたが思ったより簡単でした♪
位置とか大きさとか注意しないといけないことはありますが
それさえきっちりと設定すればキレイに簡単にできますね☆ъ(｀―゜)
文字の変更ができたらFlashの編集も終わりだ♪
次回もがんばります('◇')ゞ
～第十四回 Flashを編集しましょう♪(2)の巻～は、8月23日の予定です。
スポンサードリンク
トラックバック
このエントリーのトラックバックURL:
http://blog.templatemonster.jp/mt-tb.cgi/20