星期日, 11月 01, 2009

Lightroom 3 BETA


Photoshop Lightroom 3已經在Adobe Labs推出beta試用版,有興趣的人可以下載來玩玩。我個人試用後的感覺,似乎沒有和前一版的Lightroom 2有太大的差別,或者說是大幅度的提昇;唯獨照片在經過「預載」後,速度已經是變得非常快了!不像之前,不管有沒有看過照片的大圖或縮圖,都得再等2秒鐘顯示精確的照片!然而,現在的我似乎也不知道自己是否應該對它有所期待什麼…畢竟Photoshop Lightroom 2就滿好用的了。

星期日, 10月 18, 2009

Mac: 滑鼠控制軟體 - MouseZoom X 2.2

MouseZoom X 2.2是一款Mac的免費滑鼠控制軟體,可以改善mac對滑鼠移動速度的缺點!因為它可以精確的控制滑鼠移動的速度,真的比原來蘋果上的設計有用多了!

下載後,會有Intel Macs以及PowerPC Macs的分別,現在大概都是Intel Mac的時代了,所以直接雙擊Intel Macs資料夾的MouseZoom.prefPane以便在偏好設定的控制面板上安裝MouseZoom,接著就是調整你希望的滑鼠移動速度了!超方便的!

星期五, 10月 09, 2009

AS2/AS3:Flash讀取外部資料到動態文字欄位

如果我們想在Flash中顯示目前觀看頁次(Page View)的數字訊息,可以透過伺服器將數字動態存取於某個檔案中,也許是純文字檔或ASP/PHP檔,再讓Flash去讀這個檔案來達到動態更新文字的效果!

在AS2中,我們將使用"LoadVars"的方法,讀取"counts.txt"這個外部純文字檔,並將其內容更新至實體名稱為"countNumbers"的動態欄位上;其中,"counts.txt"的文字內容很簡單,什麼都沒有就只有數字而已,內容如下:
23000000
接下來填入底下的Actionscript:
var lv:LoadVars = new LoadVars();
lv.onData = function(theText:Number) {
countNumbers.text = "累計人次:"+theText+"人";
}
lv.load("counts.txt");
結果將會使實體名稱為"countNumbers"的這個動態欄位顯示出底下的文字:
累計人次:23000000人
Flash-Creations.com的Reading a Text File and Using it in Flash有更多完整的敘述。
至於AS3,則是採用"URLLoader"的作法:
var myTextLoader:URLLoader = new URLLoader();
myTextLoader.addEventListener(Event.COMPLETE, onLoaded);
function onLoaded(e:Event):void {
countNumbers.text = "累計人次:"+e.target.data+"人";
}
myTextLoader.load(new URLRequest("counts.txt"));

星期四, 10月 08, 2009

Fireworks CS4無法開啟Illustrator檔案

今天在用Adobe Fireworks CS4開啟Adobe Illustrator CS4製作的網頁檔案時,竟然出現:「An Internal Error Occurred(發生內部錯誤)」的訊息,一時之間,有些覺得百思不解,於是Google了一下…在Adobe Fireworks Forum(Fireworks論壇)一篇「FW CS3 - Internal Error」的回應中找到了答案:
其實Fireworks無法對Illustrator的外部連結檔案做有效的處理,因此造成開啟失敗!
所以我把Illustrator內所有的外部(linked file)檔案都內崁(Embed file)進來,果然問題就解決了!哈哈~

星期三, 10月 07, 2009

AS2: Flash先暫停幾秒後再播放

有時候我們會希望Flash可以在時間軸的某個地方先暫停個幾秒後再播放, 要怎麼做呢?
先在第一個影格定義暫停(pause)功能:
function pause(){
play();
clearInterval(timer);
}
然後在你想暫停幾秒的影格處輸入底下的程式碼:
stop();
timer = setInterval(pause, 3000);
// 輸入3000就是停3秒, 輸入60000就是停60秒(一分鐘)
這樣就OK了~

星期一, 10月 05, 2009

Mac:取消Photoshop中Mac的多重觸碰面板放大縮小、旋轉功能

Dan Warne的部落格提到一個「在Photoshop中取消Mac的多重觸碰面板放大縮小、旋轉」的功能,這功能只有使用新版MacBook/MacBook Pro/MacBook Air的人會有感覺,因為Multi-Touch的多重觸碰功能很容易讓你難以掌握Photoshop!

首先到Adobe下載外掛程式:
http://www.adobe.com/support/downloads/detail.jsp?ftpID=4337

接著把下載的Plugin檔案放到:
應用程式 > Photoshop > Plugins 資料夾裡,重新啟動Photoshop即可。

星期日, 9月 27, 2009

AS3:讓Flash按鈕可以直接在Twitter開新主題

想要讓Flash的動畫按鈕可以在按下去以後,直接就在Twitter開立新的主題,目前我的作法是讓Flash呼叫Javascript的Function來達到這個功能。首先是Flash的程式部份:
import flash.external.ExternalInterface;
import flash.external.*;
shareFashion.tt_btn.addEventListener(MouseEvent.CLICK, clickTwitter);
function clickTwitter(e:MouseEvent):void
{
ExternalInterface.call("addMoreFashion"); 
//呼叫Javascript中的「addMoreFashion」程式
}
Flash會呼叫一支名為「addMoreFashion」的javascript程式(當然,你也可以改成其它的名字,只要能相互對應就好。)。接下來就是在html中加上Javascript程式,讓Flash呼叫用的:
<script language="JavaScript">
<!--
function addMoreFashion()
{
window.location=void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(location.href)) .concat('').concat(encodeURIComponent('新標題名稱'))));
window.location = 'fashion.htm'
}
// -->
</script>
其中,「新標題名稱」就是開建立標題後會顯示什麼字在上面;「fashion.htm」則是這支javascript所在的網頁名稱。

目前這個方法有個缺點,在於「fashion.htm」只能使用UTF-8編碼,否則在中文顯示上會出現問題。

星期日, 8月 09, 2009

CSS:讓背景影像水平垂直置中

當我們製作了一個小而精緻的網站時,網頁的內容範圍不大,因此我們可能會希望讓背景圖案能水平、垂直皆置中;一般來說,直覺的寫法可能是:
background:#111111 url(../images/bg.gif) no-repeat 50% 50%;
不過,當你以各種不同的瀏覽器檢查時,可能會發現…其實有些瀏覽器只有水平置中而已,垂直的位置並未置中(不是落在50%的地方),所以畫面會有問題…有一個很簡單的方法可以輕鬆解決這個問題:增加background-attachment為fixed的屬性,即「background-attachment:fixed;」,便可讓背景圖案真正的水平、垂直皆置中:
background:#111111 url(../images/bg.gif) no-repeat fixed 50% 50%;

星期一, 7月 20, 2009

為何接案的時薪要比一般正職員工的時薪高?

今天在Freelancerswitch看到一則漫畫,大致上是描述一名接案的自由工作者(freelancer)與業主(客戶/client)的對話…
業主:「那我就直說好了…你的時薪是我們正職員工的兩倍以上!而且,如果我需要你幫忙,你也不會在上班時間隨時待命,是吧?」
Freelancer:「請問你會支付我的勞健保費、員工福利、病假、年假、退休金、…等其它福利津貼嗎?」
業主:「不會,當然不會!」
Freelancer:「那就對了,這就是為什麼你付錢找一個Freelancer而不是請正職員工的原因了!」

以前覺得Freelancer在收取費用的時候,常常會覺得這樣子的費用會不會太貴了些!看了這篇小小的漫畫之後,我真的覺得我之前收的費用都太低了!

星期一, 7月 13, 2009

AS3:路徑(Path)大不同!

Actionscript 3.0的路徑與我們在之前2.0使用的情形不一樣。_root.myMovie在AS3變成了MovieClip(root).myMovie,this._parent._parent.myMovie在AS3則變成了MovieClip(this.parent.parent).myMovie。

其中,this在AS2原本可指物件本身,但在AS3則一律只能指向時間軸所在的位置,而不是物件本身;MovieClip(this)則可指向時間軸所在的物件本身(Object MovieClip);MovieClip(root)指的則是主時間軸(Object MainTimeLine)。

星期四, 7月 09, 2009

美國空軍網站


朋友M給我的一個很先進感的網站:美國空軍網站。3D的立體效果,讓先進的科技感表露無疑!讓我想起了以前的電玩遊戲(地球爭霸泰伯倫選爭Falcon 4.0),好懷念的回憶,因為我已經很久沒有玩電腦遊戲了!

裡面的3D立體互動式影片播放的介面,其實有一些網站也有類似的效果,像Fendi的官方網站就是一個;看似簡單的效果,卻可以帶來不錯的互動經驗,也許哪天我可以在網站上試試類似的效果...

看完美國空軍以後,我們來看看「中華民國空軍」…的網站;嗯,嗯,那,…嗯,我們有無可限量的進步空間!空軍加油!加油!

星期三, 7月 01, 2009

Photoshop Lightroom發佈2.4更新



Adobe Photoshop Lightroom 2.4又有更新可以下載了。更新的部份增加了幾乎所有最新機種的相機,例如Canon 500D、Nikon D5000、Sony A380、Pentax K-7、Hasselblad、…等,當然也修改了之前的一些問題,羅列如下,有興趣了解的人可以看一看:
  1. Web galleries with a Collection Title of six characters would not export or upload
  2. The crop aspect ratio could revert to the last selected ratio even when reset to original
  3. The crop aspect ratio in Quick Develop could be lost after a crop adjustment
  4. The crop aspect ratio lock could be lost after an orientation switch
  5. Images could preview incorrectly when imported using the MTP/PTP USB protocol
  6. Sony .ARW files may not have been recognized by Lightroom’s import dialog
  7. The Japanese language configuration of Lightroom on Mac OS X 10.5 could fail to switch to the print module if the HP B9180 was set as the default printer
  8. Metadata options that are intended for use were dimmed incorrectly when exporting DNG files
  9. The Japanese language configuration of Lightroom on Mac OS X was missing a shortcut for “Zoom Out”
  10. Several translation and shortcut corrections were made for the eight additional languages introduced with Lightroom 2.3

星期六, 6月 27, 2009

Actionscript3寫的翻頁引擎:MegaZine3


MegaZine3是一個公開原始碼(Open Source)的Flash翻頁引擎,它用Actionscript 3語法寫成,透過載入外部XML,即可產生完整的Flash電子書!雖然是免費的,但看得到不見得就吃得到!你還是得有一些簡單的基礎才能順利用這個引擎讓車子可以跑,不然它就只是個紙上模型而已…此外,它也沒有提供原始程式…想要將外觀調整成我們自訂的樣式可能有些問題。

從下載的資料夾可以看出它使用了swfAddressswfObject,所以就算這是個Flash的翻頁電子書,你還是可以透過瀏覽器的上一頁與下一頁來控制目前顯示的頁面,是個很好的運用!很值得學習!

星期日, 6月 21, 2009

祈求與機會

王牌天神2中摩根費里曼(Morgan Freeman)和女主角在餐廳的一段對話:
「當人們向上帝祈求耐心時,你想上帝是直接給他耐心?還是給他機會培養成為有耐心的人?」
If someone prays for patience, you think God gives them patience, or does he give them the opportunity to be patient?

「當他祈求勇氣時,上帝是直接讓他有勇氣?還是給他機會磨練成為有勇氣的人?」
If he prayed for courage, does God give him courage, or does he give him opportunities to be courageous?

「當有人祈求希望家人之間可以更加親密和諧時,你想上帝會快速給她溫暖模糊的情感?還是給她機會去深刻體認家人之間的愛及重要性?」
If someone prayed for the family to be closer, do you think God zaps them with warm fuzzy feelings, or does he give them opportunities to love each other?
上面的文字是今天在奇摩新聞的連結所看到的一段話,我看了之後覺得很有哲理!

當我們在生命中遭遇挫折時,我們希望自己是因為上帝的救助而立即渡過難關?或者,我們應該擁抱機會去克服生命中的挫折而讓自己有所成長?

星期六, 6月 20, 2009

Elecom無線奇隼電射滑鼠



Elecom果然推出了無線版本的奇隼鼠!但它的價格卻驚人的比有線版本還翻了兩倍高!要價日幣9,870圓,折合台幣超過三千元!真的很貴!!我用過的羅技VX Nano、VX Revolution、Apple Wireless Mighty Mouse都不到三千元,這支竟然…本來很想給它敗下去的,我看…還是等一陣子吧!也許它就會降價了!我認為這款無線滑鼠的合理價格應該落在 NT$2,000~2,500上下,否則我猜買它的人應該會少很多!...

Acer Aspire的專屬時尚網


如果各位有注意奇摩首頁的話,會發現Acer也在上面下了新廣告,推出一款最新的長效輕薄型筆電:Acer Aspire(3810/4810/5810),一樣屬於Aspire系列,而時尚網也專門為它設計了一個Acer Aspire的專屬時尚網站(如上圖)。這款筆電不但輕薄,更重要的是它的電力可使用長達八小時!而且就算長時間使用也不會有過熱的情形!這兩點可勝出我的MacBook Pro不少!因為我的MacBook Pro大概只能用兩個小時,而且放在腳上用一陣子後就會非常熱!所以我對於長效與不會過熱的特點很有認同!(雖然Apple最近也推出新的MacBook Pro,一樣也有強調電池可長時間使用…)

我另外也受邀在STYLEblog寫了一篇小小的文章,說明了這款筆電更多的特點,有興趣的人可以去看看

星期六, 6月 13, 2009

iPhone 3G S


雖然Apple在六月推出了最新的iPhone 3G S手機,但它的造型似乎和目前的一模一樣,只有處理器快了一些、三百萬畫素、可錄製影片、指南針、…和之前看到「傳聞中的樣子」有很大的落差!我比較喜歡「傳聞中的樣子」,看起來美多了!也許應該要再等下一代的iPhone,看看會不會比現在的要好更多!

Casio福利品特賣會(6/19~20)


Casio 福利品特賣會,特賣商品全面三折起,時間是6/19(五)~20(六)兩天,有興趣的人可以去逛逛唷…

星期日, 5月 31, 2009

免費且合法的Flex Builder Professional 3



Adobe提供特定使用者(Education Customers/Professional Developers)免費而且合法的Flex Builder Professional版本。如果你符合條件,只要連至「freeriatools.adobe.com」,即可獲得合法序號與使用權唷!真的是太棒了!唯一可惜的是…我並不符合這個特定的資格…orz!

星期六, 5月 30, 2009

取消Photoshop兩指旋轉畫布的功能

如果你使用新的MacBook,多重觸碰面板(Multi-Touch Trackpad)在Adobe Photoshop CS4裡可以直接使用兩指旋轉的功能來旋轉畫布,是個滿有趣的功能!只不過…有些人並不「欣賞」這樣的功能;於是,Adobe釋出了一個外掛程式可以取消它:「Adobe Photoshop CS4 Disable Canvas Rotation Via Trackpad plug-in」。

取消的方法是先下載外掛程式,然後將它(DMG裡的外掛程式)放到「Adobe Photoshop CS4/Plug-ins」資料夾,重新啟動Photoshop CS4就可以了。

星期四, 5月 28, 2009

包含注音符號的鍵盤保護膜



之前想在台灣買MacBook Pro的原因之一是鍵盤有中文注音的標示,但現在有了上面包含注音符號的鍵盤保護膜之後,以後可以在香港買便宜的MacBook Pro了…不過,既然已經買了,還是得保護一下…所以我現在用的是moshi超薄鍵盤保護膜;用起來的感覺…目前來說還滿不錯的!

星期日, 5月 24, 2009

輪迴轉世測驗

今天在Plurk上看到一則輪迴轉世的測驗,好像我從來都沒想過自己的前世今生是什麼…於是就去玩了一下,結果我是F型的…
你是: F 型

解析:你的轉世一直重複在愛好藝術,已表現宇宙的真理方面。而且你的靈魂是透過藝術,與大宇宙的意義以相同步調前進,這是一項寶貴的經驗。即使在今世,也會以任何形式形成「普遍的美感」來傳達真理。請你務必要全力以付去達成,這是你今世的責任。但另一方面來說,因為你的感性敏銳,因此靈魂很容易受到傷害。當然這種傾向並非僅於今世,即使在前世,你的靈魂也受到了傷害。因此之故,你常常會覺得孤獨。在今世,一定要把自己的靈魂訓練得堅強些,不要把自己關在象牙塔當中,應該和各種人好好的相處才是。

星期六, 5月 23, 2009

Photoshop快速鍵:填滿…


那天看到小遙在使用Photoshop填滿色彩(Fill...)的功能,突然就想到,這個功能有沒有超方便的快速鍵?

先說明一下這個功能,它會顯示出對話窗,讓你選擇用什麼來填滿目前的圖層,可以是「前景色、背景色、自訂色彩、材質圖、黑色、白色、50%黑的灰色」等。有時候可說是滿好用的一個功能。

我們在Photoshop功能列「編輯(Edit)>填滿(Fill...)」的下拉選單旁邊就可以看到快速鍵提示:「Shift+F5」。不過這個快速鍵似乎沒那麼好記…我們知道,填滿前景色的快速鍵是「Option+Delete(PC:Alt+Delete)」,填滿背景色的快速鍵是「Command+Delete(PC:Ctrl+Delete)」,其實填滿色彩的快速鍵也可以搭配Delete鍵:「Shift+Delete」。

所以,Photoshop真的藏了很多好用的快速鍵…

星期六, 5月 16, 2009

AS2呼叫Javascript隱藏(/顯示)指定的Div

有時候我們會在yahoo或其它網站看到Flash的廣告banner在畫面中播放完後自動向上收回去,這效果滿有趣的,因為你可以讓大家看到一個比較完整的廣告效果,然後向上縮回,只留下另一個小廣告banner在同一個位置,不會讓大的廣告banner一直佔據網頁的空間。

其實,這只是在同一個地方放了兩個banner,一個大的、一個小的,播完大banner以後再留下小banner;我們可以用兩個div分別置放大、小banner,然後把播完廣告的大banner在畫面中刪除!

或者,也可以在同一個swf檔裡做兩個banner,在播完大banner之後,讓時間軸跳到小banner的地方,不讓別人看到原來大banner的畫面。

不過,這些都不是困難的問題,我們比較好奇的是,是什麼原因讓大banner播完後,Firefox竟然忘不了這個大banner曾經播放過的事實,因此留下原本大banner的「透明」區塊在畫面之中?!也許這層透明區塊不會對畫面造成影響,但另一個問題是…區塊底下的東西竟然無法點選、連結?!這個可麻煩了!真不知道該怎麼辦才好…

沒關係,感謝Javascript和CSS的強大功能,因為我們可以在Flash中呼叫Javascript功能,讓Javascript使用CSS設定,讓指定的Div消失於無形~!哈哈哈!!!

首先我們要讓Flash在特定的時間或事件之中觸發Javascript機制,例如播完影片之後,或者因為我們已經看過這個畫面,不想再看了!於是,我們可以在時間軸中加上底下的Actionscript(AS2):
getURL("javaScript:hideItem('hideThisDiv');","");
//讓Javascript知道要隱藏哪個Div
接著在html加入底下這段Javascript即可讓Flash自動隱藏起來:
<script type="text/javascript">
<!--
function hideItem(divID) {
hiddenID = document.getElementById(divID);
hiddenID.style.display = "none";
}
//-->
</script>

既然Javascript是用CSS的方式將Div隱藏起來(display:none;),我們同樣也可以把它叫出來,只要將「none」改為「block」(或其它非none的參數應該都可行):
hiddenID.style.display = "block";

解決swf重疊的問題

前陣子同事遇到一個情形就是好幾個swf的flash元件重疊在一起,結果會造成顯示畫面的錯亂…特別是當我們指定某個影片一定要在最上面播放的時候…

原來我們想說是z-index的問題,雖然說z-index的設定得配合使用「position:absolute;」才行,但這點似乎無法解決我們的問題。

在經過一番Google之後,一時間也沒什麼答案,但我們的哈學長居然找到了一個很可能解決的答案,而且,最重要的是這答案確實是讓我們的影片顯示在畫面的最上層,不會被其它swf擋住。

更有趣的是,這方法竟然很簡單,只要將你想放在最上層的swf加上「透明度(transparent)」參數設定,並且確定其它swf「沒有」同時使用透明度設定;此時瀏覽器便使將設有透明度的swf放在最上層。swf的透明度參數設定如下:
<param name="wmode" value="transparent">

假如其它swf也有使用這個透明度設定的話,一樣會造成顯示上的問題。也因並如此,沒必要的話最好不要在swf上有太多重疊的東西,否則很容易會有問題的發生…

AS2影片播放完畢後執行特定動作

今天在公司試著想把Flash的影片在一開始的時間不要自動播放,讓使用者想看的時候再按下預覽視窗裡面的播放箭頭才播放影片;由於公司使用的是Flash 8,想當然爾,自然是用AS2來達到這個功能。做法如下:

首先將Flash的影片播放組件命名my_FLVPlybk為它的實體名稱。在影片的第一個影格事先放置示意的圖案,並命名為preview_btn。當我們按下這個預覽按鈕時,就告訴Flash把影片帶至第二個影格(設定影格名稱為theVideo)停住,並按放影片播放組件所指定的影片畫面。

第一個影格的as2程式碼:
preview_btn.onRelease = function(){
this._parent.gotoAndStop("theVideo");
//告訴flash到上一層時間軸的「theVideo」停住
}


//當flash到theVideo的時候,會觸發該時間軸上預先設定的AS2程式。至於「theVideo」這個時間點上的時間軸程式語法如下,原則上是使用listenerObject來監聽一些動作:
import mx.video.*;
var listenerObject:Object = new Object();
listenerObject.stopped = function(eventObject:Object):Void {
gotoAndStop("theVideo");
到指定的時間軸位置停住不播放。
};
my_FLVPlybk.contentPath = "myvideo.flv";
//指定my_FLVPlybk這個影片播放程式的位置。
my_FLVPlybk.setBufferTime(7);
my_FLVPlybk.addEventListener("stopped", listenerObject);

基本上就是在影片播完「停住」以後才會觸發另外的動作,如果是要影片在完成(complete)播放後觸發某些動作,也可以使用底下的as2程式碼:

import mx.video.*;
var listenerObject:Object = new Object();
listenerObject.complete = function(eventObject:Object):Void {
gotoAndStop("theVideo");
};
my_FLVPlybk.contentPath = "myvideo.flv";
my_FLVPlybk.setBufferTime(7);
my_FLVPlybk.addEventListener("complete", listenerObject);

星期二, 5月 05, 2009

修正舊版瀏覽器無法正常顯示PNG的問題

舊版的IE瀏覽器(6.0, 5.5, 或更早的版本)並不完全支援PNG格式圖片的顯示,因此會在透明PNG圖片的周圍產生一片淡藍色的區域;常更新軟體的人可能不會發現,但對於電腦「不過就是一個東西放在那邊」的人來說,他們可不管這麼多…雖然如此,我們還是得要照顧到他們,所以…底下是google到的一段程式碼,只要把它放進Head裡面,就可以讓舊版瀏覽器也能正常顯示透明PNG囉!
<!--[if gte IE 5.5000]>
<script language="JavaScript">
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()

if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText

if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle

var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;"
+ imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"

img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->

星期日, 5月 03, 2009

Porter包



星期六下午在信義新光三越和小瑜逛到一家專門賣包包的Porter,它們家賣的這款Heat系列包看起來還真不錯,不但可以放筆電,造型也在時尚中帶著些休閒,兼具實用性,所以有點兒心動想要買它…但是看到NT$6,650的價格,以及我最近努力很認真存錢的決定…矛盾之間,還是選擇了放棄…也許等我存到更多錢之後,會看到更棒、更適合的!(我好像總是有些喜新厭舊的感覺…)

這個包包還附贈一個小手電筒就掛在外面的拉鍊頭上,以及一個小包包可以收納小東西,裡面的內袋也不少!感覺滿實用的!(也許可以再縫個指南針之類的東西在包包上,乾脆再加個瑞士刀好了…@#$%^&)

若要說這款的缺點,就造型的部份我其實還滿喜歡的!就實用性看來,如果它可以有一個隱藏式的大開口拉鍊,並且不怕雨淋的話(不止是防潑水而已),對我來說就是超級完美了!

星期五, 5月 01, 2009

好鋼彈的滑鼠:Scope Node奇隼



Elecom最近推出了一款俱備雷射感應器的滑鼠:「Scope Node(奇隼)」。我看了它的樣子以後,直覺得它一整個就不是現實世界的滑鼠!?因為從來沒想過滑鼠可以長這個樣子!其實我覺得它長得滿特別的!好像鋼彈的裝甲放在滑鼠上面,還滿想試用看看的!

它設計概念的發想是人用筆寫字的方法,也是它所要強調的地方;雖然癮科技之前就曾報導過,但現在終於可以買到它了!不過,經過創意設計過的產品價格通常都不低,這隻滑鼠的價格約為NT$1,590(GoHappy網路價);以「有線」滑鼠來看,價格並不低!不知道光華商場有沒有賣比較便宜的…但一般的有線滑鼠怎麼看都沒這隻特別!真是矛盾呀…難道要等它出無線的版本?!

雖然不知道這隻滑鼠實際使用的感覺會是如何,單就造型看來,它相當的大膽!也非常的前衛!這樣的設計通常會得到很兩極化的評價,喜歡的人就會非常喜歡,但不喜歡的人就完全無法接受!與我最常使用的羅技滑鼠比較起來,羅技的設計相對就保守多了。假使和我現在使用的Apple無線Mighty Mouse比起來,它就是加上裝甲的Mighty Mouse,也許可以叫做「Mighty Mouse - Armed Edition」。有機會的話我會去試用看看,畢竟一隻滑鼠最大的功能就是讓人操作順手!

Polaroid 拍立得 Pogo隨身相片印表機



GoHappy電子報上提到一款「Polaroid 拍立得 Pogo隨身相片印表機」還滿有趣的! 它讓我想起以前曾很流行的大頭貼…這台「印表機」大概是我看過目前最小的印表機了吧!?只不過,誰會想隨身帶著印表機呢?雖然我不清楚誰會想要這麼做,但如果你偷偷帶著這台印表機(不要讓別人發現),然後把大家的照片印出來,保證讓大家很驚奇!話題自然就來了,呵呵…未來如果我們的數位相機都能加上這功能就真的太棒了!

iNeno 多功能充電器



之前我在Costco曾買過一組「勁量(Energizer)」充電器,價位比起這上面這組充電器貴上不少錢,高達NT$1,700!但它15分鐘左右就能將電池充電的動作完成,速度之快,是其它充電器辦不到的!而且也包含了將近十顆的充電電池(好像是八個3號、四顆4號充電電池);因為我知道家樂福四顆4號的勁量充電電池就要NT$360(一顆90元),所以換算下來,單純一個勁量充電器的價格約NT$680。

反觀上圖這組快樂購賣的充電器:「iNeno 多功能充電器(可充1、2、3、4號、9V鎳氫、鎳鎘電池)」要價NT$699其實並不便宜(但「總價」上來說是便宜的),而且也沒有標示充電時間!唯一讓吸引我的就是它的「多功能」,畢竟市面上沒看過幾台充電器可以把充這麼多類型的電池,這點我倒是覺得滿厲害的!(也很樂見!)如果它的充電速度快的話就更棒了!

此外,我也必須要說一下充電電池的問題:使用的時間不如一般電池長。雖然電池上面都有標示電量,而且可以重複充電使用超過一千次,但不知何故,它的電量用起來就是沒有一般電池用的久!(推測可能並不會真正充飽,才能延長電池壽命)然而,使用充電電池的目的就不是為了環保嗎?!沒錯!我就是為了地球才買它們的!雖然價格不便宜,但其實長期下來的成本相對是低的,只是要習慣去找充電器在哪,就像找手機充電器一樣。

還有,如果把鋰電池做成像一般的充電電池(1、2、3、4號),使用電力會更久嗎?電池壽命會更長嗎?

AS2:FLV影片播放器不能自動重播

當你在Flash裡把載入flv影片的參數設成自動重播(autoRewind=true)後,理論上這支影片就會自動重播了。不過,有趣的是,理論常常會和現實衝突!因為昨天我就遇到了不會自動重播的情形…明明已經在flash的播放器上指定了正確的flv影片路徑,而且也將autoRewind設為true,但影片就是不會自動重播!?還好Kirupa的一篇「loop "flv" files」提供了一個非常簡單的解決辦法,直接將底下的actionscript程式碼加在flv影片的播放器上就行了:
on (complete){
this.autoRewind=true;
this.play();
}
基本上,上面的語法只是告訴flash說:「當影片(this)載入完畢(complete)後,記得要自動重播(autoRewind=true),然後就開始播放影片(play)。」

不過這樣的做法仍然是有前提的,例如使用ActionScript 3.0語法的Flash就行不通(因為ActionScript3.0不能把語法下在物件上,不論是Movie Clip、按鈕皆不可行),但仍可給之前的版本做參考與應用。

星期二, 4月 28, 2009

Flash底下硬是長出空白背景區域!?

昨天在做網頁的時候發現了一個奇怪的現象,就是Flash的物件在IE6底下看起來很正常,但在Firefox上卻不是那麼一回事;也許你會說這是瀏覽器的不同,但是怪就怪在這東西的組成一點兒都不難,就是表格中由上而下放了兩個Flash,最底下只放一張圖,完全是一整個簡單到不行!但是卻讓我怎麼也想不透原因!為什麼Firefox硬是要在底下多出幾個像素的空白,竟然把我要的畫面撐破了!

後來才知道,也是推測最可能的原因是「Object」標籤的問題。有時候Firefox會把<Object>視為「行內(inline)」元素,也就是當作一般的文字來看待;既然是文字,就會有文字應該有的高度、大小等實體空間的存在。

如果我們把行高與字體大小皆設為0也可解決這個問題!不過,還有另一個方法,就是把Object的display屬性設成是區塊(block),只要用CSS指定如下即可:
object{
display:block;
}

設為區塊屬性(display:block)之後,該區域在Dreamweaver 8.0的設計模式中會產生雙倍高度的怪異現象…也就是明明只放了一個Flash元件,但Dreamweaver看起來卻是兩個一樣的東西上下黏在一起!

由於之前都未曾遇到Flash元件object所造成的問題,因此我也不排除公司軟體老舊的因素…(一直很期待公司能給我換新電腦、新軟體…orz)。

Firefox 3.5 Beta 4 釋出



今天開Firefox的時候發現它自動要求我更新到3.5 Beta 4版,一如之前之言,這正是3.1 Beta 3的下一個版本;只不過,到底更新了些什麼東西?其實我也不清楚…不過可以確定的是,它比之前穩定多了!而且開啟的速度也比較快!

想知道更多的人可以到Gururu的「新!Firefox 最新 3.5 beta 4測試版開放下載」看看別人怎麼說的…

星期日, 4月 26, 2009

Look Good In Pictures



有時候我們會發現照片上的自己常常沒那麼好看,也許是雙下巴,也許是臉太胖,反正就是不上像!那麼,應該要怎樣才能讓自己在照片上更好看?(難道是學會使用Photoshop?!)這問題該怎麼回答比較好?看看「Look Good In Pictures(在照片裡看起來很好看)」這個網站,裡面有很多影片,看Carson Kressly的快言快語怎麼告訴你一堆的答案!多學著點囉~

Mac的省電捷徑:讓顯示器進入睡眠



Mac OS的「系統偏好設定…」裡有個「Exposé與Spaces」的項目,其中的「Exposé」可以讓我們設定當滑鼠指標移到顯示器的四個角落時(也就是四個「熱點」)會觸發某些功能;我個人偏好在右上角的熱點設定為「讓顯示器進入睡眠」(如上圖);如此一來,當我隨時要離開電腦時,可以馬上讓顯示器關閉,達到立即省電的效果,還滿方便的!

星期六, 4月 25, 2009

Photoshop:重複「複製、貼上、移動」動作

想在Adobe Photoshop做到像Adobe Illustrator一樣用「Command+D」(PC: Ctrl+D)重複製上一個「複製、貼上、移動」的動作並不容易,好像我們平常並不會在Photoshop使用這種功能…不過,Photoshop還是繼續偷藏了一個快速鍵:「Command+Option+Shift+T」(PC:Ctrl+Alt+Shift+T),可以讓你重複上一個「複製、貼上、移動」的動作。

不過,它的用法滿怪的!隨便用的話,你會發現根本就沒效!答案很簡單,因為它的使用是有前提的。

首先,你得使用快速鍵:「Command+Option+T」(PC: Ctrl+Alt+T)叫出變形的控制外框(不是一般的Command+T(PC:Ctrl+T)鍵);接下來按住「Shift」鍵不放,移動想要複製的圖案;這時候你會發現圖案真的被複製了!(註:按Shift鍵會限制移動的角度,然而,只要畫面出現複製圖案之後就可以放開Shift鍵,一樣可以複製移動到不同的角度…)更妙的是,當你按下:「Command+Option+Shift+T」(PC:Ctrl+Alt+Shift+T)鍵,Photoshop就幫你繼續複製移動下去了,就像Illustrator的快速鍵:「Command+D」一樣,還滿神奇的!

更有趣的還在後頭!你可以選不同的圖案做出同樣的效果!只要按住Command(PC:Ctrl)鍵不放點選圖案,再按下「Command+Option+Shift+T」就可以了!

如果你有Photoshop的話可以試試這功能!版本的部份我不確定第幾版開始才有這個快速鍵出現,但Photoshop CS4肯定可以是沒問題的!(現在確定7.0版本也是可以用的)

缺點的部份,除了要按住的快速鍵太多、太複雜之外,它一次只能針對一個圖層的圖案做出這樣的效果,沒辦法像Illustrator可以一次對多個物件;但或許這個問題在下一個版本的Photoshop就可以了也說不定!只是…有多少人會去使用這個功能呢?

星期四, 4月 23, 2009

Pixel Bender Plugin for Photoshop CS4



Adobe Photoshop CS4有個有趣的外掛程式:Pixel Bender。它可以運用顯示卡的GPU來執行即時的像素扭曲(Pixel Bender)特效;之前的版本沒辦法安裝,但現在經過測試,已經可以成功安裝並在Photoshop中執行!不過目前只有英文版本,喜歡玩影像特效的人還是可以到Adobe Labs下載來試試效果。

水の落ちる絵



水の落ちる絵」是youtube的一支影片。很難想像原來水的落下能夠形成這麼美的畫面!像動畫一般;也許你看完之後,會跟我一樣覺得這影片還滿精彩的!

星期四, 4月 16, 2009

ASP網頁的include

雖然我不寫ASP類型的網頁,但公司伺服器卻使用微軟的系統來搭建並採用ASP作為伺服器互動的機制。正因為如此,我莫名其怪的學會了「Include(將外部程式包進來)」方法;當然,前提是你得有ASP伺服器才行。

之所以會有include方法,就是因為我們常會發現部份網頁的特定區域或程式是一模一樣的;如果客戶要求我們修改這些特定區域的時候,我們可能得一頁頁的修改這些一模一樣的網頁原始碼,會很費時費力!ASP的include則提供了另一個聰明的方法,就是把這些一樣的網頁原始碼的「片段」存放到另外一個不同的小檔案中(類似載入外部CSS檔);之後我們只要修改這個外部的小檔案,ASP伺服器就會自動更新修改過的檔案的程式片段。當網頁很多的時候,這方法就會變成一個很有力的方法!

Include的方式其實不難!只要將網頁原始碼的程式片段「剪下」再「貼」到一個新的文字檔裡(ex: sample.txt),並將文字檔的副檔名由原來的txt更改為inc,變成.inc的include檔(ex: sample.inc)。此時,在原來被剪下的程式片段位置改為底下的程式碼,ASP伺服器就會知道這是include,於是ASP伺服器會將這個外部的程式片段自動載入,然後才顯示組合後真正完整的網頁原始碼:
<!-- #include file="sample.inc" -->

換言之,ASP伺服器只要看到上面的程式碼,就會自動載入程式碼所指定的檔案(ex: sample.inc),並完全的取代掉上面的程式碼。

值得注意的是,這個include檔的路徑不能是「絕對路徑(absolute URL)」,只能是「相對路徑(relative URL)」,否則會沒有作用。

另外一點就是,當你的程式使用了太多的include之後,你會發現…這網頁很容易變成只能用ASP伺服器修改,因為太多的include檔早已讓你看不清網頁原來的樣子!所以include還是要謹慎使用呀!

星期一, 4月 13, 2009

AS2:在Flash 8用同一個影片組件播放不同的影片



雖然現在Flash已經有CS4的版本,而且已經發行很久了;但不可否認的,還是有一些人仍然在使用Flash 8的版本,一樣在使用ActionScript 2.0。今天,我就遇到一個我很久沒在用的東西:影片組件。

影片組件可以很容易的把單一影片在swf檔案中播放,只要在參數視窗裡面,將空白的"contentPath"欄位指定影片的位置即可。但如果我想要點選不同的按鈕,讓同一個播放影片的影片組件播放不同的影片,又該怎麼做呢?

Adobe Flash的線上參考說明提供了一篇文章:Playing multiple FLV files,有相關的做法可供參考。其範例如下:
import mx.video.*;
my_FLVPlybk.contentPath = "http://www.helpexamples.com/flash/video/clouds.flv";
var listenerObject:Object = new Object();
// listen for complete event; play new FLV
 listenerObject.complete = function(eventObject:Object):Void {
  if (my_FLVPlybk.contentPath == "http://www.helpexamples.com/flash/video/clouds.flv") {
   my_FLVPlybk.play("http://www.helpexamples.com/flash/video/water.flv");
  }
};
my_FLVPlybk.addEventListener("complete", listenerObject);

其中,最值得注意的就是「contentPath」,指的就是影片路徑,用以告知影片檔案在何處。假設我們指定播放影片的影片元件的實體名稱為「my_FLVPlybk」,那麼只要在後面的contentPath指定影片位置,即可更新影片元件播放的內容。換言之,只要設定按鈕在按下去之後,指定新的contentPath給影片,就可以讓影片播放新的影片內容了。

星期二, 4月 07, 2009

貧民百萬富翁 (slumdog millionaire)

今天和小瑜欣賞了一場星期一午後的電影:貧民百萬富翁 (slumdog millionaire) 。雖然這部片的劇情看似就像平常電視上猜題拿大獎的節目,但是當我看完之後,則是完全對它改觀!我覺得這部片真的是一部非常值得欣賞的電影!

一開始主角賈默(Jamal)就被印度警察嚴刑拷打;我剛開始還覺得很怪,怎麼會一開始就這樣子?!後來才知道電影用倒敘的手法,一題一題的將賈默答題的「心路歷程」呈現在觀眾的眼前;最後,再回到殘酷的現在,將劇情繼續下去,直到結束。

看完之後,我覺得這不是一部「猜題拿大獎」的電影,這是一部「愛情片」!賈默並不是一心想要成為百萬富翁才參加這個遊戲的,他參加這個遊戲的目的只有一個,就是讓他心愛的女孩拉緹卡(Latika)看到他!因為當時全印度的人幾乎都在瘋這個節目。賈默從小就不是有錢人,他出生在印度貧民窟,小時候母親就被反對回教信仰的人殺死!他和哥哥薩林(Salim?)逃了出來,後來用各式各樣的方式討生活;雖然薩林誤入歧途,但有時候還是會良心發現,最後為了讓拉緹卡離開壞蛋馬曼的身邊,把自己的命都送上了!

貧民百萬富翁反映出幾個印度人從小到大悲慘的成長與求生存的過程,在電影中看到了很多在我們所身處的環境中一般人都無法接受的情況,也看出了人類為求生存的韌性與各種人性!不論是那些讓賈默答題的感慨過程,或是主持人對賈默是倒茶小弟的身份的歧視、不尊重與錯誤的引導,甚至到電影最後結束時演員們的載歌載舞,反映出來的都像是活生生的印度文化,一整個「印度就是這樣子」的情境!

全劇讓我曾一度眼睛泛著淚水的地方,是賈默終於答對最後一道題目,但之後他卻依然在車站默默等著拉緹卡的現身;而在拉緹卡終於現身時,他們相擁在一起!原本以為賈默和拉緹卡會接吻,但賈默卻吻了拉緹卡被刀劃過留下傷疤的臉頰!那是拉緹卡不想讓人看到的傷痕!這代表了賈默的真心,而且他用吻撫慰了拉緹卡心裡的傷痕,好像用無言的方式告訴著她:「不管妳變成什麼樣子,我都會永遠深愛著妳!」我真的覺得很感動!整個電影的過程,賈默從很小的時候就喜歡拉緹卡,甚至長大了也一樣,他會一直愛著她到生命的最後一刻吧!即便拉緹卡曾因倆人沒錢可過生活而無法選擇和賈默在一起,但賈默贏得了二千萬盧比的獎金,不但有錢可以和拉緹卡一起生活,同時也成就了印度人人都想擁有的富豪夢!這真的是一部值得去電影院欣賞的好電影!

星期五, 4月 03, 2009

我的第一張國際認證:ACA - Photoshop CS3視覺設計認證



今天終於收到Certiport的國際認證了!上個月我去新莊參加Adobe Certified Associate - Visual Communication Photoshop CS3的認證考試;考試完馬上就看到自己的分數:果然是「高分過關」呀!只不過,要拿到這張認證的證明書要等上一個月左右的時間,所以等這張認證還等真久呀!這個Photoshop視覺設計的認證書,代表被認證的人在使用Adobe Photoshop CS3的視覺設計能力具有一定的程度。雖然台灣也有辦TQC的認證考試,但TQC的效益可能沒有這張國際認證來得有力,因此我還是選擇考ACA國際認證;或許將來有一天我在國外工作,這張認證一樣具有同等的效用!

星期二, 3月 31, 2009

手動叫出Dreamweaver程式碼的提示選單



Dreamweaver是個很聰明的軟體,它會在你需要輸入某些程式碼時,自動出現下拉的提示選單讓你直接選用,避免打錯字或忘記程式碼的情況;只不過這「提示選單」有時會被我們不小心按掉,於是我們還是得重新手動輸入程式碼。有沒有方法可以「手動」叫出程式碼提示選單呢?

答案當然是有的。在PC只要按一下「空白鍵(Space Bar)」,在Mac則要按下「control + 空白鍵(Space Bar)」,即可叫出Dreamweaver程式碼的提示選單。

你別小看這個小功能,雖然它看起來並不怎麼樣特別,但有時候還真的是很方便!

星期日, 3月 29, 2009

酷酷嫂

最近不知怎麼回事,一直在「酷酷嫂」!咳個不停!連晚上睡覺都會酷酷嫂!睡得很差!剛開始還以為是感冒,但去看耳鼻喉科的醫生卻說我是「支氣管過敏」!雖然我們家族都沒有人有過敏的現象,但醫生還是開了三天的藥給我吃。只不過,今天已經吃到第三天了,雖然我也有喝熱楊桃汁、熱金桔檸檬,但我的狀況似乎沒有什麼好轉!還是一直咳,都咳到頭痛了…真難過!看來得再回去看醫生了…

星期六, 3月 21, 2009

天然竹製環保鍵鼠



這個是今天GoHappy電子報上的產品:「天然竹製環保鍵鼠」。這是個有創意的商品,而且之前就曾聽說過這類的東西,但是,它讓我看了很…不知道該說什麼比較好!竹製品理當是比較環保的產品,畢竟竹子生長的速度比一般的樹木要快很多;但這樣的材質所呈現的造型,似乎讓人覺得這像是個紀念品之類的東西?也許應該再思考一下,如何設計得更符合「竹」所代表的意涵?或者,不見得要得把竹的材質太過表現出來?

多五秒反悔的時間:Gmail Labs(實驗室)把寄出去的信收回!

ZDnet的一篇「Gmail新功能:信寄出可收回」文章,讓我想到自己的Gmail是不是真的有這個新功能,只要在五秒鐘之內,都可以「取消傳送」任何Gmail訊息,統統都可回收?!

只不過,我在自己的Gmail裡面怎麼看都沒有出現任何有「Labs」或「實驗室」相關的字眼!這到底是為什麼!?原來,要使用Labs新的「實驗」功能,得先把Gmail使用的語言改成英文(English)語系,你的Gmail才會有使用這些新功能的設定。設定完之後,再改回中文語系,一樣可以繼續使用Labs的新功能(可能只有少部份新功能無法使用)。

重灌狂人的「Google推出Gmail Labs實驗室版,開放13種新功能! (上)、()」有很多Gmail Labs新功能的介紹,中文的應該比較親切,喜歡嚐鮮的人可以去學學新玩意兒唷。

星期五, 3月 20, 2009

Dreamweaver網頁模組(Web Widgets)



最近jQuery滿流行的,Adobe也在Dreamweaver的「Dreamweaver Web Widgets」頁面提供了各式的網頁模組(Web Widget)給Dreamweaver使用者下載(需先申請免費帳號才能執行下載動作);這些模組架構包含了jQuery、Spry、Google、Yahoo,以及MooTools等。如果能善用這些Ajax類型的模組,可大大增進網頁的互動效果!同時又不致於讓網頁的檔案過大,加快使用者瀏覽網頁的速度,功能相當強大!

另外,jQuery UI提供了一些使用者介面(User Interface)的設計,「黑暗執行緒」在「邊做邊學」系列教學(觀賞影片需安裝微軟的SliverLight)也放了jQuery教學給有興趣想學習的人。Ka-Yue.com在「優秀jQuery插件17個」也提到不少關於jQuery外掛程式與模組的連結,雖然這篇文章是2007年寫的…時間有一點久遠。

星期四, 3月 19, 2009

依樣畫葫蘆:iPhone OS 3.0



Apple發表了號稱最先進的手機作業系統軟體(的預覽):iPhone OS 3.0。雖然我沒有買iPhone,也沒有使用iPhone作業系統軟體的經驗,但它的網頁上所使用的「藍圖」畫得還滿不錯的!所以我也「依樣畫葫蘆」地用Illustrator畫了一個類似的向量藍圖,樣子應該還滿不賴的吧?

好的設計其實很容易讓人想模仿!但還模仿得跟別人一模一樣還真不容易呀!不過從模仿的過程之中,也可以磨練自己的技術。也許哪一天,你會發現Apple網站上的圖其實就是我畫的也說不定,呵呵…

用Flash晾衣服



這是我最近看到最酷的衣服!也許你說它不過是塊布而已,但因為它的成份是「Flash」組成的,它可以擁有各種不同的樣貌!有哪件衣服這麼棒,可以隨時換不同的圖案、顏色、甚至影片!?這衣服真的是很有創意!只是以目前的科技看來,要拿來當衣服穿的話…可能要再等等。現在你能做的,是好好欣賞這件晾著的Flash布,它的左上角與右上角都被夾子夾住,按住夾子可以移動布的上緣兩端;一移動夾子,它就會跟著被拉扯的唷!

Flash平台其實有很多的應用面,還有哪些特別的Idea呢?「Adobe Flash Player in action」提供了許多已經實現的Flash創意!基本上,連這個網頁自己本身的呈現也都是Flash的創意呢!

讓Photoshop背景圖層立刻變成一般圖層

Adobe Photoshop隱藏了無數的快速鍵與各種方法可以完成你想要的動作!有時候我們在處理Photoshop的影像時,常需要將背景圖層(Background)變成「一般圖層」,如此才能在該圖層影像的後方(下方)加入其它的背景或圖形。Photoshop的快速鍵就是同時按住「option(PC:Alt)鍵」,以「滑鼠左鍵」點擊背景圖層最右邊的小鎖圖案!點一下,背景圖層馬上就會變成一般圖層,圖層名稱則會自動被命名為「圖層0(Layer 0)」:



當然你也是可以在背景圖層的圖層名稱上面點兩下,就會出現圖層對話視窗,進一步設計這個圖層;只不過,使用快速鍵可以省下更多時間,方便多了!

Google工具列(Toolbar)在FireFox 3.1 Beta 3失效?



更新至FireFox 3.1 Beta 3後,發現Google工具列也跟著失效了!?不知何故,以前都可以透過Google工具列即時翻譯的動作,現在卻不行了?難道是要強迫我們降級安裝Beta 2版本嗎?至少這情形在Beta 2沒發生過…有人知道如何解決這個問題嗎?

如果沒有的話,希望這個問題不會發生在Firefox 3.5正式版上面…

Google快訊(Alerts)



Google推出「快訊(Alerts)」服務已經好一陣子,Google快訊設立的目的是一旦Google在網路上發現符合你設定主題的新聞文章時,會自動寄電子郵件給你。例如:追蹤正在發展中的新聞報導、掌握競爭對手或企業的最新動向、取得某些知名人士或重要事件的最新消息等,只要填個簡單的表單就可以建立快訊唷!

不過,要小小注意的一點是:建立太多快訊的話,你的電子郵件信箱可能每天就裝滿一堆「Goole快訊」…預設的快訊是「一天一次」,但你也可按照自己的個人需求選擇「即時」或「一週一次」。底下是簡單的快訊範例:

星期三, 3月 18, 2009

繪製連接圖:Motor Runner B



憑著操作Adobe Illustrator的技術,今天把Bill希望我幫利基應用科技繪製的連接圖完成了!雖然先前不確定他們想要的是什麼樣子的圖,但今天寄給他們的這個連接圖,確實讓他們老闆吃了一驚!比他們期望的樣子要好很多,所以Bill說他老闆給的評價很好!我當然是聽了很高興!可是,最重要的是,這樣的連接圖對他們來說,值多少錢?或者說,你願意付多少錢來買這樣子繪製的連接圖?

先不管這圖值多少錢,我只問自己:「我有沒有辦法畫得比他們給的圖棒?」如果我畫的圖與之前比較,並沒有很大的差異,他們以後憑什麼要找我畫?!

所以今天這張圖花了比較久的時間。不過,我相信雖然現在花比較久的時間,但未來會因為「熟能生巧」的關係,並且因為各個元件圖案的建立,畫這樣子圖的時間只會愈來愈短,而且愈來愈好!

星期二, 3月 17, 2009

史丹佛大學的向量魔術(Vector Magic)



如果你沒有Adobe Illustrator,也沒有CorelDraw,要怎麼把照片變成向量圖案呢?史丹佛大學的「向量魔術(Vector Magic)」給了你另一個答案!

你可以直接在線上做轉換成向量檔案的動作,或者是使用他們提供的轉檔程式。只不過…原本是不用花一毛錢的Vector Magic,現在已經開始收費…你可以選擇一次付295元美金購買合法使用版權,或每月付7.95元美金使用這項服務。用email註冊的話,可以免費轉換兩張向量圖案。

Adobe TV



Adobe(奧多比)自己有做一個電視(TV)網站:Adobe TV。裡頭並不是真的電視頻道,而是許多不同的Adobe軟體教學的影片,包括Adobe Photoshop, Illustrator, Dreamweaver, Fireworks, Flash, Lightroom, Premier, AfterEffects, Bridge, Soundbooth等;基本上,這就是Adobe軟體產品的教學頻道,不必購買Lynda.com或Total Training這些線上教學的影片,也不用忍耐Youtube參差不齊的畫質,這些就有很多你想學想看的教學影片了!Adobe TV是非常棒的軟體教學資源!

唯一一個有問題的地方,可能只有你對於英文程度的了解,因為裡面沒一個人說中文…

為照片加上GPS地理資訊



Google地圖(map)的廣泛使用,讓我們的照片多了新功能!只要將照片加上GPS資訊,這張照片就會具有地理位置的功能,並且可透過Google地圖找到照片拍攝的所在位置!聽起來很酷吧!而且早已經有一些人這麼做了…只不過,得額外再買一個GPS接收器(GPS Logger)才能做出這個效果。

基本上,這個概念就是當你帶著GPS接收器出門拍照時,相機會記錄你所拍攝的數位照片,裡面的後設資料(metadata)包含了拍攝的時間;此時GPS接收器也同步記錄你所從走過的位置。當你將照片輸入電腦之後,透過GPS接收器所附的軟體,可以將拍攝照片的時間與GPS記錄的時間做對應,時間一致的照片可以加上GPS定位的資料,例如經緯度的座標等。如此一來,加上GPS的照片就會有地理位置的功用。

當你將包含有GPS資訊的照片匯入至Adobe Photoshop Lightroom,Lightroom會辨認這些資訊;如果你想知道選定的照片是在地球的哪個角落?可以在Lightroom的Library(圖庫)模式右邊的基本功能面版上,找到一個GPS的欄位,你會發現欄位的右邊有一個箭頭;按一下那個箭頭,就會跳出Google地圖,並且在Google地圖上指出這張照片的位置!超酷的!

底下列出與GPS定位功能相關的幾篇文章:
  1. 超型格袖珍 GPS Logger - QSTARZ BT-Q1300 (外型篇)
  2. 衛星軌跡記錄器 (GPS Logger) 初體驗
  3. [分享]HOLUX M.241 Wireless GPS Logger 軌跡導航紀錄器純開箱報導
  4. 很讚的 GPS Data Logger!
  5. 最Easy的GPS軌跡紀錄器
  6. 鼎天出的一款隨身型 GPS Data Logger

全新 iPod shuffle



蘋果(Apple)最近推出他們新的iPod shuffle,在他們的官方網站可以看到這樣的一個「輕小i說。」這款新的iPod可說是比前一代要來得更小,就像一根手指頭一樣,小小的、長長的;最重要的是,這上面簡直什麼按鍵都沒有!要怎麼選上一首歌、下一首歌呢?

原來,新iPod shuffle控制開關的位置在右側耳機的訊號線上,在控制開關上「點一下」可以暫停或播放音樂,「點兩下」播放下一首歌,「點三下」播放上一首歌!並搭配使用VoiceOver語音提示功能:假設你正在聽歌,卻不知道它的歌名與演唱者,此時只要按下控制開關的按鈕不放,VoiceOver會暫時降低音樂的音量,然後告訴你這些資訊。不但如此,它還可以「告訴」你目前使用的播放列表名稱!當電池快沒電時,VoiceOver也會用語音提醒你。

聽起來好像滿棒的!?但不知道真的買了它的人,用起來是不是也一樣棒!?

雖然我不清楚「聽」歌曲列表有沒有比「看」歌曲列表方便,但蘋果可能是真的想把所有的東西都簡化到只有一個按鈕吧!?

另外,上面的圖是否應該唸作:「輕小愛說」?!

DELL筆記型電腦 - Adamo 13



癮科技的一篇「Dell Adamo 大軍來襲!」文章提到了Dell(戴爾電腦)新的「Adamo 13」十三吋筆記型電腦,這台電腦的造型設計非常的簡約,線條也很美!中間嵌上Dell標誌的橫線把筆電上的面板一分為二,底下的金屬紋路很有質感!筆電的側面也很平順,沒有多餘的東西!也讓我聯想到Apple MacBook Pro的造型,其簡約的設計,讓Dell Adamo 13一整個看起來就很貴氣!以身為Windows系統的使用者來看,這台筆電的造型設計真的是極品!完全不輸Sony VAIO

加速啟動FireFox瀏覽器

你可能常常覺得在啟動FireFox瀏覽器的時候,通常都會比其它的瀏覽器開啟的時間要來得更久!像SafariChrome開啟的速度就很快(Chrome大概是我看過最快的吧…基本上一開啟Chrome就打開視窗了,非常快速!),甚至IE8也開得比FireFox快!為何FireFox卻總是遲遲不肯現身!?

讓FireFox久久才開啟瀏覽器視窗的原因通常是「自動更新」。FireFox預設就會自動更新各種不同項目;只要開啟FireFox,它就會先上網尋找已安裝的套件等項目是否有更新可用,造成開啟的時間變很長!

其實只要把FireFox更新的項目取消掉,FireFox就不會花費額外的時間做元件更新的動作,達成加速開啟FireFox視窗的目的!Mac使用者開啟在主要功具列中的「Firefox > 偏好設定 > 進階 > 更新 > 自動檢查是否有更新」,將其中的更新項目全部取消即可!如下圖:



PC的使用者,則是到「工具 > 選項 > 進階 > 更新 > 自動檢查是否有更新」取消所有的更新項目。

FireFox更新至3.1 Beta 3



Firefox 3.1已經更新到Beta 3版了!目前這個版本支援64個國家的語言,強化了各種不同的功能,包括:新的隱私瀏覽模式、更有效率而且穩定的TraceMonkey Javascript引擎、支援原生的JSON、更快速的顯示出網頁內容、支援更新的網頁技術(如video、audio標籤,Javascript查詢選擇器,相容CSS 2.1與CSS 3,…)、…等,Mozilla Developer Center有提供更多的相關訊息。

當Beta 4版本釋出後,FireFox就會從3.1直接變成FireFox 3.5版。

Adobe Photoshop Lightroom Killer Tips



Adobe Photoshop Lightroom Killer Tips的作者是Matt Kloskowski,每星期介紹一些很酷的Lightroom教學與密訣、小技巧!此外,Matt也常在Photoshop User TV主持,並發佈自己的Podcast(個人廣播)影片,內容當然也都是介紹如何使用Lightroom的一些實用小技巧!因為看到他對Lightroom的熱誠,讓我特別喜歡用Lightroom來處理大量的照片。

12個精選免費PowerPoint Template下載站



之前我大嫂曾問過一些關於PowerPoint素材的問題,但是我很少在弄PowerPoint的東西,所以能提供她使用的素材並不多。今天無意間發現Jan's Tech Blog提供了「12個精選免費PowerPoint Template下載站」,雖然是2007年十一月的文章了,但仍舊是個可參考的資源啦!

星期一, 3月 16, 2009

Adobe Photoshop Lightroom 常用快速鍵

Adobe Photoshop Lightroom預設了許多有用的快速鍵,如果能熟記這些快速鍵的話,可以有效增加處理照片的效率!底下是幾個我比較常用、也覺得滿不錯用的快速鍵…
面版快速鍵:
  • F:切換螢幕顯示模式(screen mode/Fullscreen);
  • Shift+Tab:顯示或隱藏上(F5)、下(F6)、左(F7)、右(F8)的工具面版區(Panel);
  • Tab:顯示或隱藏左(F7)、右(F8)的工具面版;
  • G:切換至library Grid(圖庫的網格瀏覽模式);
  • E:切換至library loupE(圖庫的大圖瀏覽模式);
  • D:切換至Develop(進階編修)的大圖瀏覽模式;
  • T:顯示或隱藏Toolbar(快速工具列)。
選取照片快速鍵:
  • Command(PC:Ctrl)+A:選擇所有(All)照片;
  • Command(PC:Ctrl)+D:不選擇(Deselect)任何照片;
  • 向右鍵:選擇下一張照片;
  • 向左鍵:選擇上一張照片;
  • Delete:刪除照片(Delete)或移除照片(remove)
  • Command(PC:Ctrl)+R:在檔案夾中顯示選定的照片位置(Refer to)。
檢視快速鍵:
  • L:切換光源;
  • Command(PC:Ctrl)+=:將照片放大顯示(zoom in);
  • Command(PC:Ctrl)+-:將照片縮小顯示(zoom out);
  • Z或空白鍵:切換照片的放大或縮小顯示(Zoom);
  • C:切換至Compare view(圖庫的比較照片模式);
  • V:切換照片為黑白或彩色;
  • I:切換顯示照片上的相關資訊(Info)。
評分快速鍵:
  • 數字1~5:為選定照片評分一至五顆星;
  • 數字6~0:為選定照片加上彩色標籤;
  • Shift+數字1~5:評分後顯示下一張照片;
  • P:將照片插上旗子(flagged/Picked);
  • X:將照片插上「不要的(rejected/eXclude)」旗子;
  • U:把插上照片的旗子拔掉(Unflagged)。
編修快速鍵:
  • R:切換裁切照片功能(cRop photo);
  • N:切換污點修復工具(spot removal/Noise);
  • K:切換調整筆刷工具(adjustment brush);
  • [:縮小筆刷尺寸;
  • ]:放大筆刷尺寸;
  • M:切換漸層工具(graduated filter);
  • W:切換設定白平衡(White balance)。
Library(圖庫瀏覽)模式專用的快速鍵:
  • /:取消選擇目前選擇的照片;
  • \:顯示或隱藏library filter(圖庫篩選器)。
Develop(進階編修)模式專用的快速鍵:
  • \:切換編修前與編修後(before&after)的樣子;
  • control+Y:切換顯示編修前與編修後的左右分割視窗;
  • option(PC:Alt)+Y:切換顯示編修前與編修後的上下分割視窗;
  • Y:切換顯示分割的編修前與編修後的畫面。

Library Filter 圖庫篩選器



為什麼Adobe Photoshop Lightroom在Library(圖庫)的Grid View(網格瀏覽)模式有「兩個」篩選(Filter)功能?如果你有仔細注意的話,原本Lightroom在圖庫的網格模式下就已經有一個篩選器可以篩選照片了,為什麼在那些網格照片上方還要多一個Library Filter(圖庫篩選器)?

原本Lightroom的簡易篩選提供了「旗誌」、「分數」、「色彩標籤」這三個篩選功能,雖然方便使用,但似乎還不夠完整、強大!於是,新的Lightroom便加上了更完整的篩選功能:「Library Filter(圖庫篩選器)」。

功能強大的「圖庫篩選器」包含了幾個主要的功能篩選:Text(文字篩選)、Attribute(屬性篩選)、Metadata(後設資料篩選)、None(無篩選):
  • Text(文字篩選):顧名思義,主要是篩選包含指定文字、不包含指定文字、以指定文字開始或結束的照片。可被用來搜尋的文字欄位也很廣泛,包括所有可搜尋的欄位(Any Searchable Field),或是檔案名稱(File Name, Copy Name)、標題或關鍵字名稱(Title, Caption, Keywords)、後設資料(Metadata, IPTC, EXIF),甚至外掛程式(Plug-in Field)…
  • Attribute(屬性篩選):這個部份和原本的簡易篩選器很像,但它多了「正本」或「副本(Virtual Copy)」的篩選功能。
  • Metadata(後設資料篩選):篩選後設資料(Metadata)的各個欄位中的資料。這部份可篩選的資料就非常多了,一次最多可以篩選四組欄位,包括:拍照日期(Date)、檔案類型(File Type)、關鍵字(Keywords)、色彩標籤(Label)、拍照使用的相機(Camera)、相機序號(Camera Serial Number)、鏡頭(Lens)、是否使用閃光燈(Flash State)、快門速度(Shutter Speed)、光圈大小(Aperture)、感光度(ISO Speed),甚至於GPS的定位資料(GPS Data)也可以被拿來篩選!不止如此,還有:地點(Location, City, State/Province, Country)、版權資訊(Creator, Copyright State, Job)、裁切比例(Aspect Ratio)、彩色或黑白照片(Treatment)、套用儲存的預設模組(Develop Preset),以及不篩選(None)。
  • None(無篩選):不要篩選任何資料的照片。
有了這幾個篩選的功能,我想,幾乎沒有篩選不出的照片了吧!當然前提是…你要事先做好照片的整理,才能有效利用這個強大的篩選功能!

如果你不想使用Library Filter(圖庫篩選器),而且覺得它佔據了你的螢幕空間,它也有預設的快速鍵可使用:" \ "(Slash, 斜線)鍵,讓你可以顯示或隱藏這個功能。

Adobe Photoshop CS4 筆刷熱鍵



如果你有使用Adobe Photoshop的筆刷功能,想調整筆刷的大小,在「選擇筆刷工具」以及「指定作用圖層」(要畫上筆刷的圖層)之後,有兩個快速調整筆刷的方法可以使用:第一個是我比較常用的方法,就是直接用「中括號( [、] )」調整筆刷大小,左邊中括號("[")會把筆刷變細,右邊中括號("]")會把筆刷變粗;這功能的好處是可以立即看見筆刷大小的變化!雖然可以使用組合鍵:「Shift鍵」+「中括號([, ])」,來調筆刷的整軟硬邊緣,但只能透過浮動的選項列來看到筆刷是軟邊或硬邊。

另一個方法是直接在繪畫區域按下右鍵,接著就會出現筆刷視窗,讓你調整筆刷的粗細、軟硬,或者其它筆刷樣式。

假如你有安裝Adobe Photoshop CS4,那麼你就會多了新的筆刷熱鍵!在繪畫區域裡,按下滑鼠熱鍵:「control+option+滑鼠左鍵」不放,你會發現筆刷變成紅色,並且周圍加上筆刷形狀的路徑外框,其大小即目前筆刷的粗細大小;此時不可放開任何一鍵,將滑鼠向左移動可將筆刷變得更粗;反之,向右移動即可將筆刷變細!調整至想要的粗細之後,放開這些滑鼠熱鍵即完成筆刷大小的調整。

除了粗細大小的調整之外,筆刷邊緣的軟硬程度一樣也有滑鼠熱鍵:按住「control+option+command+滑鼠左鍵」不放,將滑鼠向左移動可將筆刷邊緣羽化或軟化;此時若將滑鼠向右移動,則會讓筆刷邊緣變硬!

deviantART



deviantART是一個藝術家的網路社群,這些藝術家包括了數位藝術(Digital)、刺青藝術(skin)、傳統藝術(traditional)、桌布與圖像(themes, wallpaper)、攝影(photography)、印刷(prints)、詩與散文(poetry, prose)…等領域,他們都把自己貢獻給藝術!所以假使你想要找尋一些設計的靈感,這網站肯定可以給你不少idea!

雖然deviantART在2000年四月就已經成立;言下之意,這並不是一個全新的網站;然而,也因為如此,更累積了將近九年的各式藝術作品,以及網友的不斷支持!所以網站內的作品可說是充滿了各種不同創意與想法!而且個個都是非常的優秀、精彩!你甚至也可直接購買喜愛的作品!

星期三, 3月 11, 2009

讓Dreamweaver編寫精簡的CSS語法!

如果你覺得Adobe Dreamweaver編寫的CSS語法太累贅,很可能是因為你沒把預設「Use shorthand for(使用速記法)」的空白核取項目改成「全部核取」!只要到Dreamweaver的Preferences(參數設定)裡,將CSS Styles類別的Use shorthand for欄位所列出的項目一一勾選與核取,按下「OK」!之後Dreamweaver便會自動使用最精簡的CSS語法,盡可能把CSS語法合併在一起,以減少網頁中不必要的程式碼!簡易操作如下:



當然,讓Dreamweaver使用精簡CSS語法的前提是:你至少要對CSS語法有基本的了解與認識!否則你會看不懂這些CSS到底在寫什麼東西!?

用Fireworks替照片減肥!



雖然Adobe Photoshop可以很快速、很方便的將照片輸出成網頁需要的圖片,但Adobe Fireworks也可以做出類似的效果,而且甚至比Photoshop還要讓你開心!畢竟Fireworks是完全針對網頁製作的需求所設計的軟體,同樣都是把JPG壓縮比設成60%,Fireworks輸出的照片竟然可以比Photoshop少了將近40%的檔案大小!真的是很不可思議!

幫Photoshop輸出圖片減肥的小技巧!

許多人都知道網路上的常用圖片格式有JPG、GIF,以及PNG;也知道上傳照片的檔案格式應該要用JPG而不是GIF;當然也知道Adobe Photoshop在「Save For Web & Devices...(儲存為網頁與裝置)」的選項中,JPG有很多壓縮選項:Low(低)、Medium(中等)、High(高)、Very High(非常高)、Maximum(最高)。所以當我們把壓縮比設為「Medium(中等)」的時候檔案大小會變得比原來小一些!品質卻也跟著一起下降了!因為,壓縮得愈厲害、品質就愈差!有沒有辦法將照片在不影響品質的前提下,把檔案變更小呢?

答案是「有」!但你可能不知道有這招:「調整Blur(模糊)值」!

這個Blur不是濾鏡特效的Blur,而是當你在Adobe Photoshop使用「File(檔案)」>「Save For Web & Devices...(儲存為網頁與裝置;快速鍵(Mac/PC):Option+Command+Shift+S/Ctrl+Alt+Shift+S)」開啟對話視窗,畫面右上方眾多選項的一個"Blur"(模糊)!它的數值其實是可以調整的,只是我們平常不會調整這個數值!

若把這個Blur值調高一點點,例如0.25,也許你會發現照片並沒有明顯變得模糊,可是檔案卻能縮小到近一成(10%)!這個技巧在照片就需要再小那麼一點點的情況之下顯得特別好用!

以下是簡易的操作畫面:

HyperMemory? TurboCache?



最近在看筆電的規格,因為公司打算幫我買過新的筆記型電腦:ASUS M51VaACER Aspire 4935GAsusATI H3650顯示卡有1024MB的實體記憶體,後面括號寫著:HM 2815MB;這…什麼是「HM 2815MB」?AcerNVIDIA GeForce 9300M GS with up to 2047 MB of Turbo Cache;什麼又是「TurboCache」?

原來,「HM 2815MB」指的是HyperMemory最高可達2815MB;HyperMemory是ATI的一種獨家技術,可針對系統內的記憶體做分配,把部份系統主記憶體挪過來當顯示卡資源運作,使用完畢後即把資源還給系統,是一種動態分享的記憶體資源;「HM 2815MB」的意思是這個HyperMemory可以運用主記憶體的大小最多可達2815MB!當然,使用記憶體來運作的速度要比硬碟快多了!而「TurboCache」是NVIDIA的另一種獨家技術,它的原理基本上和HyperMemory比起來可說是大同小異…

如果想知道更多的資訊,除了維基百科(Wikipedia)有針對HyperMemoryTurboCache做一些簡易的說明之外,「谁更强?TurboCache VS HyperMemory」這篇文章也有詳細的說明。

星期二, 3月 10, 2009

Smart Collections (智慧型相簿)



2.0版以後的Adobe Photoshop Lightroom在Library模式新增了"Smart Collection"(翻作「智慧型相簿」應該不比「智慧型群組」差…)的功能;和之前的Quick Collection(翻作…快速群組?!)不同的是,Quick Collection是你手動加入,但智慧型相簿(Smart Collection)則是「自動加入」!而且你可以設定「為數眾多」而且「與眾不同」的智慧型相簿!

為什麼說智慧型相簿是個非常好用的功能呢?因為你可以設定數個不同的條件,只要符合「這些條件」的照片都會「自動」加進智慧型相簿裡!而且不會額外增加檔案儲存的空間!這不就是一種「智慧型」的功能嗎!?只要善用這個功能,以後你就會發現這些智慧型相簿(Smart Collection)存放的才是你「自動」精挑細選過的各式照片!So sweet !

底下是Photoshop Lightroom在Library模式的智慧型相簿(Smart Collection)簡易教學: