星期二, 12月 04, 2007

免費字體網站

今天在做Flash的東西時,發現電腦重新安裝後,少了flash需要的點陣字體(pixel font),所以就上網找了一下,沒想到找到一個非常棒的字體網站 "DaFont.com",裡面有很多好用的英文字體可供免費使用(當然也有需要付費的字體)!超棒的!另外 "High Fonts" 也有不少類似的免費字體,感謝這些字體網站的設立以及這些字體設計師的用心,讓我們能透過這些字體表達不同的想法!

They're Going To Get Engaged!


我的一個朋友與她相戀數年的男友終於要訂婚了,我們認識很久,但是直到今天才知道她在2007/12/9才要訂婚。她說為了拍婚紗照,遇到了好幾個颱風,拍了很久才拍好,這個星期六會拿到照片。希望她和她未來的另一半,能過著幸福美滿的生活!

It's never too late to be what you might have been!

最近在翻Academy of Art University之前寄來的一些文件,Fall 2007 Catalog and Course Schedule上面寫著一句George Eliot說過的話:"It's never too late to be what you might have been." 很有意涵!很多人的人生在走了一大半以後,才發現自己真正想要的是什麼!但只要你願意去追求,永遠都不會太遲!即便最後仍然失敗,至少曾為自己的理想奮鬥過!人生總算沒有白活!

3 Text Effects




今天利用Photoshop練習了三個字體特效,分別是黃金(Gold)、塑膠(Plastic)、果凍(Gel)這三款。想不到這幾款字體,只用了圖層特效(陰影、光暈、斜角和浮雕、漸層覆蓋、筆刷…)就可以做到了!所以Photoshop還真是好用呀!

星期五, 11月 30, 2007

Wallpaper - A lion king in the starry night


今天試著做一些特效的處理,想把這些特效整合起來,做成一個「總結」的成果,這樣就沒有白白浪費掉我的時間了,而「桌布」(wallpaper)似乎是個不錯的選擇,所以…效果似乎還滿ok的!我喜歡這些色彩大膽的調配在一起的樣子,讓我有種身處在奇幻世界的感覺…(那你壓船騎?)

Wallpaper - Mac OSX


Apple前陣子剛推出新一代的作業系統,介面的設計同樣保持Apple的調調…質感!Apple不僅將設計質感讓你在它的作業系統上看到,硬體的產品造型,一樣讓非常多的人極度欣賞與喜愛,當然,還有一大群死忠的支持者,無論如何都支持著Apple!就好像支持悶鍋的白米超人一樣…Apple的桌布一樣是一款經典的設計,看似平凡,卻可以具有一種不一樣的質感!虛幻的光影與線條、半透明反光的Apple Logo…嗯,就像這個我今天做出來的桌布一樣!雖然…它大致上也是照著Apple的桌布去畫的…但還是有著些許的不同就是了。

態度 Attitude


前幾天遠赴大陸工作的朋友問了我一些關於「態度」(attitude)的事情,嗯,她問的是態度T恤以及相關的新聞,因為她聽說「態度」在台灣滿紅的!所以我也給了一些相關的網頁連結給她參考…有趣的是,我自己也只知道SBL的台啤球員每個人都有一件態度的T恤,因此每次SBL球賽的時候,都可以看到它,也許是緣份吧!「企圖決定版圖,態度決定高度,格局決定結局」,這是我以前工作的時候學到的幾句話,態度正好是其中的一項,所以我也特別做了一個大尺寸的寬螢幕桌布(wallpaper)。

為什麼要做桌布?並沒有特別的原因,只是想用Photoshop玩一些特效而已。

星期四, 11月 29, 2007

時尚筆記本


有沒有一台筆記型電腦(Notebook)可以有名牌包包時尚的感覺?如果有的話,也許長得就像這個樣子吧!?

星期二, 11月 27, 2007

真奇怪…我什麼事也沒做呀!

前幾天煮水的時候,發現熱水瓶的指示燈不會亮,我以為是壞掉了,但仍然可以煮水來喝…所以應該是熱水瓶的指示燈壞了。可是昨天煮水的時候,熱水瓶的指示燈居然又會亮了!真奇怪…我什麼事也沒做呀!

最近電腦重新安裝系統,昨天突然發現我的筆記型電腦的LCD背光燈不會亮了!看得到桌面,但因為沒有背光燈,所以很難看清楚桌面上的東西…還好我是用雙螢幕,暫時還可以先擋一下。今天早上開機的時候,沒想到我的筆記型電腦的LCD背光燈居然可以正常作用,就像平常一樣!真奇怪…我什麼事也沒做呀!

星期五, 11月 16, 2007

MSI 面板設計達人


今天看到微星科技(MSI)在「尋找面板設計達人」,我觀摩了一下網站活動頁面裡頭大家的作品,於是便心血來潮的做出了上面的這個作品…只不過,我發現到…一旦你將檔案上傳了,可能就無法再次對檔案做修改…雖然第一名的獎品只有一台YA Edition的MSI notebook以及獎金一萬元,但是如果可以拿到的話,也是不錯啦!截止日期到十一月底,想參加的朋友現在還有機會唷!(我要得第一、我要得第一、我要得第一、…)

FEVER


昨天花了一些時間用Photoshop做出這張圖。這張圖主要是訴說人類所造成的地球變遷,已經改變了我們的未來,如果我們再不為環境做出努力,未來的災難將難以預料!因此,最簡單的一件事,應該就是「環保筷」了!「一人一筷,抗暖救地球!」雖然我常常忘了把它放在身邊,但我希望以後這種事不會再發生!

我喜歡這張圖的熾烈的感覺,而且有一雙看似隱形的筷子正夾著發燒的地球,顏色滿不錯的!

星期四, 11月 08, 2007

閃吧!閃電!


用Photoshop可以很簡單的讓你做出閃電的效果,就像上面的照片一樣!這特效的方法主要是利用Different Clouds來達到的。先開一個空白圖層(Layer),加上黑白漸層(Gradient),再使用Filter >Render >Different Clouds特效;接著用Levels增加黑白對比與差異性,稍加修飾,僅留下你想要的白色閃電就可以了!

星期五, 11月 02, 2007

How To IMPROVE YOUR LOGO ?

一篇來自Fizbang Widget Workshop的文章:How To Improve Your Logo,告訴你如何將Logo做得更好!

其中提到Logo設計的目標主要有下列三個項目:
  • 吸引力(Attractiveness): 可以讓人們感到愉悅滿足。
  • 識別性(Recognizability): 一個Logo不止要吸引人,而且要讓企識識別連結到好的感覺。
  • 靈活性(Flexibility): 想要使用一個吸引人而且容易辨識的Logo,一定要能沿伸好幾個不同的呈現方式,並且同樣能保持它的完整性。例如你的Logo一定要可以印在海報上、顯示在網頁中、正確的顯示在傳真裡…

這些目標之中有幾個不那麼絕對的推論,不一定真的得要這樣子才行,但你應該要注意一下:

  • 簡單一些(Simple): 多增加一個元素可能就多一個潛在的分散力,而且每個額外的細節都可能是另一個容易讓人記不住的東西。
  • 顏色少一點(Few Colors): 愈多顏色就會有愈多額外的細節,容易讓你的Logo過份鮮艷、難以調整與複製,甚至難以辨識。
  • 加上文字(Words): 文字容易被記得,可以唸出來,可以有一個簡單的意義而不需要複雜的圖形。有些公司像Nike的Logo就加上了英文字來做為文字的替代選擇。
其它提及的小技巧有:少用特效(Sand off those "Special Effects")、減比加好(Don't add, only subtract)、不要照片(No photographs)、多個版本(Multiple versions)、易辨識(Legibility)、好的比例與留白(Scaling and spacing)、使用向量圖檔(Vector)…

星期三, 10月 31, 2007

宜蘭太平山的櫻悅


上上星期六(2007/10/20)我們幾個好朋友一起到宜蘭太平山一間叫「櫻悅」的民宿住,沿途走走停停,覺得哪好玩到往哪兒去…只要不迷路就好…畢竟這我們第一次去這間民宿,手邊只有地圖指引,沒人知道真正在哪邊!

好在到處都有活動地圖,路邊抓個人來問問,就知道在哪邊了。好不容易,我們終於抵達目的地,這果然是個難找的地方!不過也因為如此,才能遠離城市的喧囂!

看看我們住的地方,一直很期待它像網路上的照片一樣!直到我們親眼目睹這個事實…「星夜之戀」比我們想像中的要小多了!而且是在樓頂的地方,雖然是樓中樓,但睡的地方在樓上,離天花板很近,所以空間有受到壓迫的感覺。尤其是我們五個人住四人房,空間更是受限制。不過民宿老闆還是很用心的,從跟他的交談之中便可知道…這些房間全都是老闆自己設計的唷!可能是老闆人手有限,所以很多地方就只能將就一下。

我們晚餐到宜蘭的三星鄉吃三星蔥油餅加上特別的「卜肉」(我們吃的這家店銷路特好,裡面賣卜肉,外面賣蔥油餅,都不錯吃唷!),不過他們下午五點半就準備打烊了,還好我們有趕上,不然就只能吃7-11的食物了吧!

我們第二天check out之前,還跟老闆到不同的房間看看它們的樣子,其中有一間在一樓的雙人房,設計得非常希臘地中海的感覺,我想應該是他們的山中峇里風情吧!如果兩個人住的話,一定很棒!不過它的價錢不低就是了。

我們幾個朋友好久沒這樣出來走走了,其實感覺滿好的,大家可以輕鬆自在的聊聊天;雖然我們已經check out了,但我們還是在民宿外頭待著,直到下午才離開。期待下次的出遊。

星期二, 10月 23, 2007

三種Flash影片播放方式

無意間在網站上看到一篇關於Flash影片的文章,而我之前也曾經數次製作過關於這類的案件,覺得可以把這個文章分享給大家,讓大家可以更了解在網頁上使用Flash影片供人下載的方式。目前而言,下載的方式有下列三種:
  • 內嵌影片 Embedded video (需要 SWF)
  • 漸進式下載影片 Progressive download (需要 SWF 與 FLV)
  • 串流影片Streaming video (需要 SWF 與 FLV)
底下大致說明這三種播放影片的差別。


內嵌影片(Embedded video)

內嵌影片對一般Flash設計師而言,是最容易也最簡單使用的方法,因為直接使用時間軸(Timeline)來對影片做互動的功能,但它的限制也不少:
  • 影片品質較差: Flash用來處理內嵌影片的編碼並不是最好的,所以影片的品質也會受到影響。
  • 下載包含影片的 SWF檔案需要更長的時間這個方法會大大的增加SWF檔案的容量,所以會需要相當的時間來下載「整個」SWF檔案,因為它包含了所需要播放的影片。
  • 影片內容較難更新 要修改被播放的影片檔案是件無趣的事,因為每改一次,就得重新輸入影片一次,甚至調整時間軸特效之類的,然後重新發佈成新的SWF檔案。
  • 會有聲音同步的問題: Flash影片的播放速度必須與Flash的影格數(The frames-per-second rate)一致,否則聲音會無法同步。
  • 不支援長時間影片播放: Flash只能支援有限的影格數;換句話說,你的影片就有時間長度的限制了。
內嵌影片的方法比較適合用於影片播放時間短以及必須要放在Flash裡面的時候。


漸進式下載影片(Progressive download)

這種方式是用Actionscript語法來控制外部影片;播放的時候,真正的影片(FLV)內容與SWF檔案分開,影片各快播放功能如快轉、跳轉,則由這個Flash所產生的SWF檔案來控制。使用的語法如下:


這種方式在播放影片之前,就已經先把影片檔案(FLV)下載到使用者的電腦裡面,但在影片檔案完全下載完成之前,影片就會先播放了。

  • 容易更新: 要變更或增加影片檔案(FLV)的內容都是很方便的,因為影片檔案獨立於SWF檔案之外,不必因為影片而再次重新發佈SWF檔案。

  • SWF檔的容量較小: SWF檔案會比較小,因為只有在使用者要求觀看影片的時候才需要下載影片檔案(FLV)。

  • 效能更好: 因為影片檔案(FLV)與SWF檔案是分開的,所以執行的效果通常都會比較流暢。因為播放速度與影格速率(FPS rate)不一致所產生的不同步問題將不再出現。

這些優點都是漸進式下載影片(Progressive Download)與串流影片(Streaming Video)所共有的,兩者最大的差別恐就只有串流影片需要額外的伺服器軟體吧?漸進式下載影片還是有一些隱憂存在的:
  • 搜尋與導覽能力有限: 在影片(FLV)完整下載完成之前,使用者不能隨意快轉影片。使用者必須等到整個影片下載完畢才能夠使用全部的控制功能。正因為這個理由,串流影片(Streming Video)是個更好的選擇,串流影片並沒有這個問題。
  • 使用者可以取得影片內容: 因為影片檔案(FLV)是被完整下載的,實際的影片檔案存在使用者的電腦裡面。有經驗的使用者可以從瀏覽器的快取(Cache)或網路暫存檔案(Temporary Internet Files)中找到影片檔案(FLV)。當然這不見得是件壞事,如果你不在意影片使用權的話。事實上,在這種情況下有時候反而更方便使用,因為在使用者清除快取與暫存檔之前,可以自己決定要看哪一個影片片段(Video Clip),不需要再花時間重新下載同樣的影片檔案(FLV)。然而,假如因為使用所有權的關係,或者你不想被別人隨意存取下載這些影片檔案的時候,串流影片是一個更好的選擇。
漸進式下載影片適用於播放個人興趣、嗜好影片的網站,或提供短片而流量需求較低的網站。如果你想要提供數百位使用者下載影片檔案、追蹤使用者觀看的情形、統計影片觀看的資料、提供適合的影片播放頻寬…,你應該考慮使用串流影片(Streaming Video)的方式。


串流影片(Streaming video)

一如漸進式下載影片(Progressive Download),當你使用串流影片的方式時,影片檔案(FLV)是和SWF檔案分開的。影片控制的方式幾乎和漸進式下載影片的方式一模一樣。底下是Flash利用串流影片方式控制影片檔案的Actionscript語法:


透過串流影片的方式,使用者會在串流伺服器(Streaming Server)開啟一個持續的網路連結,並持續提供使用者下載所需的影片資料,這些即時的資料端看使用者如何使用,之後就馬上無法使用了。這個伺服器與使用者之間的緊密連結,讓伺服器可以很精確的掌握與控制傳遞任何一部份的串流資料,同時也有下列的優勢:
  • 決定使用者的頻寬大小,提供適當的串流影片頻寬。
  • 測量與追蹤串流資料的品質,如果需要的話,例如網路流量突然增加,可轉換到其它適當頻寬(更快或更慢)的串流伺服器。
  • 不需要另外製作分開的圖片或影片片段,就可以自動產生串流影片的縮圖與播放片段預覽。
  • 可自動產生「章節」(透過適當的縮圖),使用者可以隨意跳轉到影片的任何一處
  • 可從任何攝影機角度轉換到其它的串流影片而不錯失任何畫面。
  • 可截取任何影片的片段來編輯組成一個完整影片。
  • 即時網路影片播放功能。

如果漸進式下載影片(Progressive Download)方式控制影片的功能不夠強大,也許串流影片(Streaming Video)是另一個聰明的方法。透過串流伺服器Flash Communication Server來控制串流影片還有底下幾個好處:

  • 快速播放: 串流影片檔案(FLV)是網路上播放最迅速的方式。
  • 影片控制能力更強大: 包括頻寬偵測、監控服務品質、自動產生縮圖、伺服器端的播放列表等功能,只有串流影片的方式能做到。
  • 更有效率的使用網路資源: 伺服器的管理或頻寬費用會因其它使用者所下載的資料數量而有所影響;透過串流影片,使用者要看多少就下載多少,沒有看的就不會下載。
  • 安全的播放影片媒體: 因為串流影片並沒有存到使用者的電腦裡面,所以使用者無法取得串流影片的資料。此外,Flash Communication Server支援SSL加密機制,提供更安全的串流資料。
  • 佔用最少的資源: 串流資料明顯而有效的降低記憶體與磁碟空間,因為不需要將整個影片下載到電腦裡面。
  • 有追蹤、統計、記錄的能力: 因為漸進式下載影片的方式只是「下載檔案」(hit on a file),你無法追溯任何使用的過程。例如影片看了多久?使用者有沒有快轉、倒轉或暫停影片?使用者播放了影片幾次?使用者是否在影片播放完畢前就已經離開網頁?串流影片的方式讓你可以記錄這些重要的資料。
  • 完整的搜尋與導覽: 使用者可以立刻跳轉到影片中任何的時間點,並且即刻播放影片。所以你不必得每次都要從頭開始看起。
  • 深入的互動機制: 精確的串流控制可以產生更多的影片互動功能。例如轉換不同的攝影機視角,從影片中衍生其它影片,以及流暢的影片轉換與結束。
  • 即時影片: 串流影片提供了即時的影音播放的能力,不論是從網路攝影機或從數位影像攝影機。
  • 影片截取與記錄: 除了即時串流影片功能之外,Flash Communication Server也讓你可以記錄影片,包括事件影片儲存(Archiving an event),或影片通訊(video messaging)。
  • 更多的使用者: Flash Communication Server具有即時的一對多串流資料的能力,可以讓為數眾多的使用者同時使用影片的各種應用功能。

雖然串流影片的方式比起漸進式下載影片的方式來得複雜,但方法都極為相似:使用同樣的元件與Actionscrip指令。兩者最不同的地方在於串流影片有更大的控制能力。串流影片唯一的隱憂是它需要特殊的伺服器軟體:Flash Communication Server,只有它能透過免費的Flash播放器(Flash Player)來傳遞串流影片與即時資料。底下是你想要或需要使用串流影片的情況:

  • 播放影片時間較長的檔案—例如當你的影片片段超過十分鐘的時候。
  • 播放影片給多位使用者同時觀看—例如一百個或更多的使用者。
  • 想要有更多的影片控制功能,如頻寬偵測或監控網路服務品質以提供最好的影片品質。
  • 提供更好的影片互動機制。
  • 即時串流影片
  • 截取影片

簡言之,如果你的網站有很多影片的東西,而你想讓這些影片提供最好的品質,就應該透過Flash Communication Server來享受串流影片所帶來的好處。

最後,看完了整個文章,你是不是有這文章是在替Flash Communication Server打廣告的感覺?基本上…這篇文章的主體是從Adobe網站上看來的,所以答案應該滿明顯的…。然而,如果你想要用串流影片技術所帶來的好處,勢必得用Flash Communication Server不可!(意思就是…得花錢買一套才行用啦!又要花錢買唷…Orz)我個人目前僅使用前面兩個項目的技術而已,因為我沒裝Flash Communication Server這套軟體。

星期一, 10月 15, 2007

墨攻

昨晚Star Movie播放劉德華主演的墨攻,這電影之前曾播過,但我從來沒看過,剛好我爸在看,所以就一起看了這部電影。劉德華飾演的革離是一個墨者,在趙國攻打梁國的時候,幫助梁國守住梁城,但在革離暫時守住梁城之後,梁王卻認為革離利用守住梁城的機會,意圖叛變!於是把任何跟革離有關係的人全抓了起來,砍手砍腳,甚至把為梁國戰死的忠臣的女兒逸悅,因為她的「無禮言論」,而判她當眾五馬分屍!就在行刑前,沒想到趙國居然攻打了梁城,梁國沒有革離的幫助,全城的人都被抓了起來。趙國的巷淹中將軍,要革離回梁城,否則要把梁國人全殺了!革離於是回來,原以為必死的他,沒想到居然利用水攻,把梁城給救了回來!只能說太神奇了!

這部電影其實還不錯看!我覺得墨家的「兼愛、非攻」,在戰亂的當下,以革離如此的做法,無法發揮更大的功能!以片中的劇情而言,革離是個非常優秀的戰略家,而且武藝也非常高,但是他在「守住」梁城之後,卻被梁王視為眼中釘!這種故事情節在歷史小說裡履見不鮮!墨家很理性的認為攻打別人是不對的,所以誰被攻打,他就幫誰!換言之,如果梁國守住了,去攻打趙國,他也會去幫助趙國!即使先前才幫過梁國!革離的戰略非常高超,可是只有理性是不夠的,因為人不全然是理性的!

如果說革離的戰略如此高超,在各國互相攻打的當下,他應該要想辦法擊敗各國,一統中原,如此才能讓他的理念發揚光大!這是所謂的「影響力」。今天他幫梁國守住了,但梁國還是梁王的,梁王不但不感謝他,反而想盡辦法要殺了他!最大的原因是革離對於梁國已經沒有任何實質的影響力!梁王要殺他,他若想活命,就得離開,不論他曾幫梁國多大的忙!然而,革離如果能掌握實質的權力,即使梁王對他不義,他仍然能夠反制梁王!或許梁能因此不致被滅!

這好像是人的劣根性一般,今天你對誰有利,對誰有價值,誰就會對你好;然而,這個需求消失了,別人就找你的機會就會少很多很多,也許會數十年不見面。那麼,人的存在是為了什麼?片中趙國大將軍巷淹中曾說過一句說:人要活著是為了要活得有意義!巷將軍最後雖然難逃一死,但他的死至少死得有意義!畢竟哪個人最後不必面對一死?!如果生命能留下痕跡,也許我們就應該想辦法刻下自己不凡的過去!

雖然如此,但大多數人其實並不想這麼早死,有句話說:「好死不如賴活著。」找到生命的存在與意義的最大值,才是我們應該努力的方向!