« ?第十六回 ビビちゃんにっきの編集♪の巻? | メイン | ?第十八回 ビビちゃんレターの編集♪の巻? »

?第十七回 ビビちゃんフォトの編集♪の巻?

2006年09月13日
 

こんにちは。サラです♪('∇')ノ 
今日はビビちゃんフォトのページの編集をしていこうと思います♪
ここは今までたくさん撮ったビビちゃんのかわいい写真を載せて
みなさんに見てもらうページです(*'-')


さっそくビビちゃんの写真選び♪
どれがいいかなぁ。。。('-')

あ!コレ我が家に来たときのビビちゃんだ♪懐かしい(>_<*)
きゃ?♪コレかわいい☆(=´∇`=)
あははwコレTHE DOGっぽく撮ろうと思って撮った写真だ♪
う??ん。コレはちょっとピンボケしてるなぁ・・・(⊃д⊂)ザンネン
あ。この数枚は同じようなショットだなぁ。どっちがいいだろう。。。


たくさんの写真の中から キレイにかわいく撮れたのを厳選して
ビビちゃんのフォトページに載せる写真を選びました。
元気いっぱいのビビちゃんだから動きが早いため
いいショットなのにブレててボツになった写真もあって残念でした。

1ページ当たり8枚の写真が載せられるので
24枚の写真に決定したのでフォトページは3ページ作れることになりました♪
ではその1ページ目の編集をブログでご紹介します。

<ビビちゃんフォトの編集で 今までの復習をしましょう>

1.初めに編集するページのPSDをphotoshopで開いて
 ページのイメージを作りましたね。『第9回の編集』で行った
  『必要な画像だけを残して必要ないものを消していく作業』でした。
17-1.jpg

2.これにページの完成イメージとして編集していくんでしたね。
 それは『第10回の編集』でした。
  『同じ文字でも画像とする部分とフォントとする部分の区別や
  写真をバランスよく配置していく作業』でしたね。
17-2.jpg

3.イメージができあがったので入れ替えたり編集した画像の
 保存作業に入ります。 『第11回』で勉強しました。
  『スライスでWeb用に保存を保存方法を指定しての作業』でした。
 ココを間違えないように注意して画像の保存をしましたね。
 
4.しっかり保存ができたらDreamweaverで確認!
 画像の変更が反映されていますね。
17-3.jpg

5.次に文章の変更です。『第12回での編集』でした。
  『まず文字コードを変更してからページの文章を入力していく作業』
 ページのバランスを考えて見やすいように編集していきました。
17-4.jpg

6.ではブラウザで確認してみましょう♪
17-5.jpg
『ビビちゃんのフォト』の1ページができました♪


今回のフォトのページは ビビちゃんのアルバムの部分で
ビビちゃんがしっかりわかるようにバランスよく
写真をページの画像の大きさに切って編集していくPhotoshopの作業が
なかなか大変でした。。。(´Д`;)
このページは写真をクリックすると写真が「zoom」して
全体が見れるようにするつもりです。
ホームページが開設したら是非ビビちゃんの写真を見てくださいね♪


?第十八回 ビビちゃんレターの編集♪の巻?は、9月20日の予定です。



スポンサードリンク