画像に影をつける方法(wiki文法)

画像に影をつける方法

そのまま載せた画像は味気ない！
そんな方のために画像に影をつける方法を紹介します。

使用例

※元は普通のフリー画像です
※Firefox等のブラウザだと見れない可能性があります

基本文法

通常は
||<#FFFFFF'style='filter:Blur(strength=8,direction=135)' ``[[attached(●)]]||
※使用例と同じ感じになります

応用したい方は
||<#FFFFFF'style='filter:Blur(strength=■,direction=▲)' ``[[attached(●)]]||

●・・・画像番号(半角数字)　※画像をアップロードした順番
■・・・影の強さ(半角数字)　※通常は6〜10程度。0にすると影がなくなります。
▲・・・影の角度(半角数字)

影の角度一覧
上右・・・45
右下・・・135
上左・・・315
左下・・・225

基本文法の書き換え方
基本文法中の ● を 画像番号 に書き換える。
基本文法中の ■ を 目的の影の強さの数字 に書き換える。
基本文法中の ▲ を 目的の影の角度の数字 に書き換える。

書き換え方の例

||<#FFFFFF'style='filter:Blur(strength=12,direction=135)' ``[[attached(３)]]||
※実際に使う際、数字は半角にします

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://www.tokyovalley.com/yahoo_blog/article/article.php
http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=selbycojp&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://x7.byoubu.com/bin/ll?104308409

はじめまして^^
影の付け方を知りたかったのでとても助かりました♪
ありがとうございます♪
ポチ☆させていただきました♪
また、参考にさせてくださ〜い!!(^ー^)

[love_daigo98]

とても親切なブログですね。私の画像処理は、全くど素人で、アドバイスがほしいです。

影の付け方勉強させてください。
ポチ♪と転載させてください。

[couji]

HTML5がんばってください

[.]

初めまして＾＾
すっごク参考になりました!!!
ｋｓｋ凹

ブログがもっとたのしくなりました。

すごいです。
写真がんばって撮ってみようと思います。ポチ☆