撰文.攝影╱程如晞
常有格友私下向如晞提問經營部落格的相關問題,趁華梵盃即將開打之際,有許多網路城邦新手上路,如晞打算好好來把部落格輕鬆上手圖解系列教學網誌補齊。
今天來分享照片加霧化效果的作法,若有遇到任何困難,歡迎提出來與如晞切磋。如果還有什麼想學的技巧,在如晞所寫的這一系列部落格輕鬆上手網誌中還找不到的話,也歡迎提出需求。如晞希望能幫大家減少摸索的時間並增加創作的成就感。
【把照片加上霧化效果的語法】
記得相片網址要換成你想秀的那張照片的網址
1.找出你要加霧化效果的照片,取得相片網址如:http://album.udn.com/community/img/PSN_PHOTO/101match/f_4969247_1.jpg後,直接貼到上面文字框框裏的backgroud="相片網址貼在這裡"
2.語法中 style="FILTER: Alpha(Opacity=100,style=2) 即是霧化的效果。Opacity是不透明的程度,數字愈少愈霧,我個人覺得100剛剛好,有點霧又不太霧。如果想要更矇矓,可以改成90或80或70。style是霧框的形狀,="2"是橢圓框,遮住的範圍比較多;style="3"是方的框,中間有一個不明顯的x黑影,試著改看看就知道。用如晞在荷蘭風車村的小照片來作示範,霧化的效果應該更清楚了。
style=2(橢圖霧化框) style=3(方框)
3.Copy上面文字框內的語法,貼到你的文章創作草稿內,記得要在純文字版的編輯模式,再切換回html,按這個文章創作時右上角的這個功能符號,就能切html或純文字。需要更多圖解說明,請參閱:打通部落格的任督二脈》如何美化首頁看板【Blog圖解教學7】 。
4.本網誌第一張照片是霧化再加上Flash的效果,語法如下,教學網誌在此 。
加掛透明Flash語法如下: (相片的寛度及高度請依自己的照片尺寸修改) |
5.以上教學是用很簡單的語法美化照片的效果,比方掩蓋歲月在臉上的痕跡,如果照片主角本身就很美的話,那可能就是多此一舉了。
【部落格新手教學網誌】
【教學】山頭動起來! by 愛徒EG陳怡君
【教學】游標穿新衣 by 愛徒EG陳怡君
玩模板》如何更改更改山頭圖檔? by 電小二

- 40樓. CDOK 竹籬笆 野孩子的春天2012/01/03 11:00謝謝
程老師的教學格子 好得自然不在話下
但那好像是寫給"行家"看的
像CDOK這隻老狗 看得可是茫茫
雖然想打破"老狗變不出新把戲"的魔咒
可
累慘了
CDOK就此把心得PO上 也算是下次再"變"的時候 有所本 !
1. 先開個"新增文章"
2."內文"裡 把程老師的"密碼" + 相片網址 Copy
3.按"確地發表"
4.回到格子裡 畫面卻出現兩行"密碼" 不是製作的畫面
5.沒關係 按"修改" 回到"內文"
5.不必修改任何東東 只要再按"確定發表"
6.回到格子 OK啦 !
問題
1.如何儲存這美美的畫面 ? 送給別人分享 !
2.想要把畫面弄大些 霧少些 怎麼做 ?
就我了解
外掛Flash的照片無法另存到電腦
只能邀請別人到網路上來看
畫面弄大一點 就改變照片的寬和高
Flash的霧少一點 可試試把flash的寬和高變小
程如晞 於 2012/01/03 12:32回覆 - 39樓. 太溪2011/01/10 22:03thanks a lot
您好!
終於成為您學生了
程老師!程老師!
謝謝您的無私。
程如晞 於 2012/01/03 12:29回覆
- 38樓. 芭芭辣2011/01/02 14:22Happy New Year!
芭芭辣同樓下人說同樣的話.
- 37樓. 奈米2010/12/31 10:07雖然我還是不懂
還是要謝謝妳 認真的教學 - 36樓.2010/12/28 14:10兔大頭生氣了!
- 35樓. 氣質老師2010/12/24 00:15
- 34樓.2010/12/21 15:04好山好水~~
- 33樓.2010/12/21 14:04ya!
ya!
- 32樓. 桂子2010/12/19 19:28謝謝分享~
- 31樓. 朱晉杰2010/12/19 12:02真棒
如晞老師真的超級棒
除了力推華梵盃比賽外
還指導我們這麼多部落格技巧
讓我們的部落格可以更多采多姿
真的實在太棒了
太令我尊敬了~~~~~
歡迎蒞臨由朱晉杰老師經營的部落格─杰師悟理