} if( uid.equals(_udnmember) != true && !_IS_ADMIN && psn_main.getLock_right().equals("Y") ) { %>照片加霧化效果的語法 【部落格創作圖解教學9】 - 程如晞@部落格好好玩 - udn部落格
網路城邦
上一篇 回創作列表 下一篇   字體:
照片加霧化效果的語法 【部落格創作圖解教學9】
2010/12/13 12:13:29瀏覽7649|回應40|推薦154

人的一生可以為自己喜愛的事堅持,是一種幸福。
如晞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

( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=101match&aid=4684033
 引用者清單(3)  
2011/04/26 14:56 【BANK】 Flash+霧化效果
2010/12/14 07:26 【程如晞@部落格好好玩】 給華梵五班的空中祝福~【附廣播】 
2010/12/14 07:24 【程如晞@部落格好好玩】 這美好的一仗

 回應文章 頁/共 4 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁

CDOK 竹籬笆 野孩子的春天
等級:8
留言加入好友
謝謝
2012/01/03 11:00

程老師的教學格子   好得自然不在話下

但那好像是寫給"行家"看的

像CDOK這隻老狗   看得可是茫茫

雖然想打破"老狗變不出新把戲"的魔咒

累慘了

CDOK就此把心得PO上    也算是下次再"變"的時候   有所本 !

1. 先開個"新增文章"

2."內文"裡   把程老師的"密碼" + 相片網址  Copy

3.按"確地發表"

4.回到格子裡    畫面卻出現兩行"密碼"   不是製作的畫面

5.沒關係    按"修改"   回到"內文"

5.不必修改任何東東    只要再按"確定發表"

6.回到格子   OK啦 !

問題

1.如何儲存這美美的畫面 ? 送給別人分享 !

2.想要把畫面弄大些   霧少些   怎麼做 ?


程如晞(101match) 於 2012-01-03 12:32 回覆:

就我了解

外掛Flash的照片無法另存到電腦

只能邀請別人到網路上來看

畫面弄大一點 就改變照片的寬和高

Flash的霧少一點  可試試把flash的寬和高變小


太溪
等級:2
留言加入好友
thanks a lot
2011/01/10 22:03

您好!

終於成為您學生了

程老師!程老師!

謝謝您的無私。

程如晞(101match) 於 2012-01-03 12:29 回覆:

芭芭辣
等級:8
留言加入好友
Happy New Year!
2011/01/02 14:22
芭芭辣同樓下人說同樣的話.
程如晞(101match) 於 2011-01-03 13:09 回覆:

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

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

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


奈米
等級:8
留言加入好友
雖然我還是不懂
2010/12/31 10:07
還是要謝謝妳 認真的教學
程如晞(101match) 於 2011-01-03 13:05 回覆:

有空見面跟學姐講講

保證一點就通



等級:
留言加入好友
兔大頭生氣了!
2010/12/28 14:10

氣質老師
等級:7
留言加入好友
謝謝分享
2010/12/24 00:15

這個霧化效果,

能讓照片感覺更有層次!

好棒的分享!



孩子王的教學絮語

~ 與 孩 子 一 起 呼 吸 ~


等級:
留言加入好友
好山好水~~
2010/12/21 15:04



等級:
留言加入好友
ya!
2010/12/21 14:04

ya!


桂子
等級:7
留言加入好友
謝謝分享~
2010/12/19 19:28


朱晉杰
等級:8
留言加入好友
真棒
2010/12/19 12:02

如晞老師真的超級棒

除了力推華梵盃比賽外

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

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

真的實在太棒了

太令我尊敬了~~~~~


歡迎蒞臨由朱晉杰老師經營的部落格─杰師悟理
頁/共 4 頁  回應文第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁