banner_03.gif ブログランキング・にほんブログ村へ 各種ブログランキングに参加してます。日々の励みの為に“ワンクリック”を是非。

« 銀座の風景4(a revival) | メイン | GX100もなかなかやります! »

2007年5月20日

●ブログタイトルの写真を入れ替えました

今週末こそブログのレイアウトを変更しようと試行錯誤しましたが、結局どれもしっくりこず、アイデアが煮詰まってしまいましたので、今回は作業断念し、簡単なところでブログタイトルの背景写真を入れ替えです。今までは私の愛機の一つであるHeritageのレスポールタイプをiphotoでちょこちょこっと細工して表示させていましたが、今回は先週会社帰りに新丸ビルのテラスからGR-DIGITALで撮影した東京駅の全景で、Adobe photoshop等の高価なツールの購入は必要ありません。手順は本当に簡単で、 ①まず適当な写真をiphotoで開きます。

 

 ②次にこの画像を適当に調整します。今回使用したエフェクトは一番右上のアンティークを選択しました。

  Step2.jpg  

③次に調整スライドバーを使い画像調整操作を行います。実は私はこのブログに掲載しているGR-Dの画像は殆どいじってません。今回もちょっとだけ彩度を上げて、シャープネスを適度に加えただけです。

Step4.jpg

  ④次に縦横比の変更を開き一番下のカスタムを選択します。今回は私のブログサイズに合わせます。ただ、ここで入れる数字は必ずしもピクセル単位の数字でなくてもいいんです。例えば30:87とか・・・

Step5.jpg

 ⑤そうすると、下の画面の様にカスタム比率の通りの範囲以外に白っぽいマスクがかかります。

⑥このままの状態でトリミングボタンを押下すると、マスクがかかった箇所が消え、背景となる部分だけが残ります。

  ⑦これで、画像の編集作業は終了で一旦右下にある終了ボタンを押下し、編集画面をクローズします。

Step8.jpg

⑧この状態でファイルをクリックし書き出し...を選択、ここで初めて正確なサイズを指定します

⑨下の画像が完成型です。この画像を別ネームで保存してサーバーへアップロードし、テンプレート上のCSSをちょこっと編集すれば終了です。(クリックすると実際のサイズに拡大します。)

MACとMovable Typeでブログを構築して、早一年が経過しましたが、これから自分でブログを作ってみようとお考えの方への一助になれば幸いです。それにしても、7人もBIG当たったんだって?私も購入してみましたがもちろん全滅。BIGは引き分け多すぎですよねぇ(^^;;;

コメントする

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)