FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  • コメント : -
  • | このエントリーを含むはてなブックマーク
  • トラックバック : -
この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://morepc.blog21.fc2.com/tb.php/90-38a381c0

-件のトラックバック

-件のコメント

コメントの投稿

投稿フォーム

投稿した内容は管理者にだけ閲覧出来ます

アマゾン(Amazon.co.jp)を使いこなす(影・ぼかし編)

今回の記事は、予告通り、アマゾン(amazon)の商品画像に影をつけて遊んでみたいと思います。

、、、とその前に、前回使用した画像はあんましキレイな画像じゃなかったので、ちょっとキレイ系&Kazu的な好みでシャラポワの画像を元に遊んでみたいと思います。

ブログカスタマイズ

まずは前回と同じように画像を右クリック⇒プロパティで画像のURLを確認してみてください。
http://images-jp.amazon.com/images/P/B000BKDRKE.01._PE20_SCMZZZZZZZ_.jpgになってますよね。

それでは、コレを元に色々と遊んでみたいと思います。


シャラポワ画像に影をつける-右下編-

ブログカスタマイズ

見事に画像の右下に影がついていますよね。

どのようにするのか?というと、元画像のURLにPC_を付け加えるだけなんです。

実際にはどうなっているのかというと、、、

左の画像を右クリック⇒プロパティでもみれますが、


http://images-jp.amazon.com/images/P/B000BKDRKE.01._PE20_PC_SCMZZZZZZZ_.jpgのように記述するだけなんですね。

シャラポワ画像に影をつける-左下編-

ブログカスタマイズ

今度は左下に影をつけてみました。

う~~ん、この画像ですと左下に影をつけてもあんまし意味がないですねぇ~。

まぁ~でもこの記事自体にあんまし意味がないかも!?しんないので、よし!としますかっ!

、、、と、どこをいじるかでしたよね。

今度は、http://images-jp.amazon.com/images/P/B000BKDRKE.01._PE20_PB_SCMZZZZZZZ_.jpgのように記述するだけです。

それでは、次!いってみましょう!

今度は影を自分好みに細かく設定してみましょう

シャラポワ画像に影をつける-自分好み編-

これをするには、まずちょっとだけ説明。

影を細かく指定するには、PAa,b,c,d_のように指定していくんですけど、a,b,s,d_には、それぞれ影をつける場所に対応して長さなどを決めれるんですね。

すなわちっ!

a⇒商品画像まわりの空き幅を調節。paddingみたいなもんです。
b⇒影を左右のどちらに、どれぐらいずらすかを正負の数で指定。
c⇒影を上下のどちらに、どれぐらいずらすかを正負の数で指定。
d⇒影の濃淡を決定。

では実際にやってみましょう!

ブログカスタマイズ

これは、http://images-jp.amazon.com/images/P/B000BKDRKE.01._PE20_PA5,5,-5,10_SCMZZZZZZZ_.jpgのようにしてしてみました。

ブログカスタマイズ

これは、http://images-jp.amazon.com/images/P/B000BKDRKE.01._PE20_PA5,7,7,1_SCMZZZZZZZ_.jpgのようにしてみました。

あとは皆さんの好みに応じて影をつけてみてください。

また、今度は影ではなく、商品画像そのものに細工をして商品画像をぼかすこともできるんですが、あくまで商品画像なんで実用性としてはあんましないかも!?です。

一応、こんなこともできるんだよ!ということで、1例だけ。

シャラポワ画像をぼかす

これには、BL_というものを使い、その横に数値をいれこむだけなんですね。そして数値の大きさによってぼかし具合が変わるということです。

では実際には、どうなるのか見てみましょう!

ブログカスタマイズ

いかがですか?せっかくのシャラポワがぼけてしまいました。この場合、次のように指定しています。

http://images-jp.amazon.com/images/P/B000BKDRKE.01._PE20_BL10_SCMZZZZZZZ_.jpg

、、、ということで、今回はここまでっ!

それにしても、ここまでシャラポワが並ぶと圧巻ですねぇ~。


<<< BACKさあ!ブログ(blog)をカスタマイズしよう!のTOPページへ>>>


スポンサーサイト

この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://morepc.blog21.fc2.com/tb.php/90-38a381c0

0件のトラックバック

0件のコメント

コメントの投稿

投稿フォーム

投稿した内容は管理者にだけ閲覧出来ます

スポンサードリンク


Recent-enries

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。