Contents ...
udn網路城邦
照片加霧化效果的語法 【部落格創作圖解教學9】
2010/12/13 12:13
瀏覽6,329
迴響40
推薦154
引用3

人的一生可以為自己喜愛的事堅持,是一種幸福。
如晞2010年6月@荷蘭阿姆斯特丹桑斯安斯風車村
照片上的蝴蝶飛特效是另外加掛了透明的flash教學網誌在此

撰文.攝影╱程如晞

  常有格友私下向如晞提問經營部落格的相關問題,趁華梵盃即將開打之際,有許多網路城邦新手上路,如晞打算好好來把部落格輕鬆上手圖解系列教學網誌補齊。

  今天來分享照片加霧化效果的作法,若有遇到任何困難,歡迎提出來與如晞切磋。如果還有什麼想學的技巧,在如晞所寫的這一系列部落格輕鬆上手網誌中還找不到的話,也歡迎提出需求。如晞希望能幫大家減少摸索的時間並增加創作的成就感。

【把照片加上霧化效果的語法】

記得相片網址要換成你想秀的那張照片的網址

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.以上教學是用很簡單的語法美化照片的效果,比方掩蓋歲月在臉上的痕跡,如果照片主角本身就很美的話,那可能就是多此一舉了。

【部落格新手教學網誌】

udn一次上傳一堆照片的秘訣 1

如何使用部落格的引用功能 2

將圖片放在網誌的文右或左的方法 3

插入影音播放器及自動播放音樂的方法 4

UDN自訂網誌模版教學 5

照片加掛透明Flash教學 6

如何美化首頁看板教學 7

如何在網誌中插入多張照片 8

【教學】山頭動起來! by 愛徒EG陳怡君

【教學】游標穿新衣 by 愛徒EG陳怡君

玩模板》如何更改更改山頭圖檔? by 電小二


如有任何部落格行銷構想或演講,歡迎email到
rucccc@gmail.com

有誰推薦more

限會員,要發表迴響,請先登入
迴響(40) :
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:03
thanks a lot

您好!

終於成為您學生了

程老師!程老師!

謝謝您的無私。

程如晞2012/01/03 12:29回覆
38樓. 芭芭辣
2011/01/02 14:22
Happy New Year!
芭芭辣同樓下人說同樣的話.

哈哈哈 親愛的芭芭辣 我也要回應你同樓下講的嘍

昨天走報了怡芳  她說我快成了他的經紀人了

好多人從我的部落格找到她

程如晞2011/01/03 13:09回覆
37樓. 奈米
2010/12/31 10:07
雖然我還是不懂
還是要謝謝妳 認真的教學

有空見面跟學姐講講

保證一點就通

程如晞2011/01/03 13:05回覆

36樓.
2010/12/28 14:10
兔大頭生氣了!
35樓. 氣質老師
2010/12/24 00:15
謝謝分享

這個霧化效果,

能讓照片感覺更有層次!

好棒的分享!



孩子王的教學絮語

~ 與 孩 子 一 起 呼 吸 ~
34樓.
2010/12/21 15:04
好山好水~~

33樓.
2010/12/21 14:04
ya!

ya!

32樓. 桂子
2010/12/19 19:28
謝謝分享~

31樓. 朱晉杰
2010/12/19 12:02
真棒

如晞老師真的超級棒

除了力推華梵盃比賽外

還指導我們這麼多部落格技巧

讓我們的部落格可以更多采多姿

真的實在太棒了

太令我尊敬了~~~~~


歡迎蒞臨由朱晉杰老師經營的部落格─杰師悟理