携帯版ブログのトップ画像の猫とギター - akitのギター部屋

携帯版ブログのトップ画像の猫とギター

携帯版ブログのトップ画像の猫とギター


携帯版のブログのトップ画面のフリーエリアに

がくぶちに猫とギターの画像をくっつけてみました。


ギターの画像は、

記事のタイトルがRGX821DMR改のところにある物と基本的に同じ物です。

額縁と文字はパソコンのフリーソフトのSkinManで書きました。


ギターと猫の写真JPGはパソコンに取り込んで、

とりあえず、加工しやすいように、Pngに変換して必要なところだけ四角く切り取りました。


問題は猫にギターの画像をのせるところです。

ギターだけの形にくり抜いて貼り付けるわけです。

そのために、Pngのギター画像をマイクロソフトのペイントを使い、

ギターに使われていない色、今回は真っ黒でギターのまわりをぬりつぶします。


出来たら、フリーソフトのJTrimかPadieでギターの

まわりの真っ黒のところを透明化色に設定して保存します。

つぎは、SkinManに猫とギターの画像を表示させます。

ギター部分だけ、しっかりとくり抜かれています。


このフリーソフトは取り込んだそれぞれの画像の縦横比を自由に設定できます。

デザインと配置が決まったら、今度はJPGでデスクトップに保存です。


そのままだとブログに貼ったとき画像が大きすぎる場合があるので、

JTrimに取り込んでリサイズ(サイズを変える)します。


この画像の場合152×88に設定しました。このJTrimは縦横比で設定できます。

あとは、飾りとして少し画像を明るくしたり、ギターに反射する光などを追加しています。

保存したJPG画像を携帯電話が認識できる名前に設定して携帯に画像をうつします。

出来上がった画像をアップロードします。自分の場合は

ブログの記事の目立たないところに記事の追加で画像だけアップロードしました。


次はトップ画面のフリーエリアに貼り付けます。

やり方は、HTMLタグを貼り付けるところに、

<img src="表示したい画像をアップロードしたURL"alt="画像の名前">

と、書き込みます。

これで画像が表示されます。

注意:HTMLタグの<>は実際は<>ですが<>と、書いてしまうと

HTMLタグになってしまって文字列が表示されなくなってしまうので

<>というふうに書きました。

SkinMan
JTrim


パソコンではトップ画面に猫とギターの画像が表示されてないみたいですが、
記事タイトルが、"はじめに"のところにも貼り付けています。


関連記事
スポンサーサイト



コメント
非公開コメント

トラックバック

https://akit1974.blog.fc2.com/tb.php/32-78b3b3a1