Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

::旗標電腦文摘::最正確、最豐富的電腦知識寶藏!
2008-5-29│ NO427│訂閱電子報

本週活動:
‧活動改為WEB+網頁設計黃金則
本期主題:
‧控制圖層混和範圍, 實現擬真合成效果
最新主題:
‧重視網頁圖像的色彩
‧定時執行程式 - 使用 ASP.NET AJAX 的 Timer 控制項
:::最新出版:::
抓住你的 Illustrator CS3
學 Illustrator 不能只學操作, 還要發揮應用才有學習的價值!本書介紹 Illustrator 各項工具的使用方法, 所舉的範例都能讓你領會功能應用時機....
Flash 動畫即戰力 - Actionscript 3.0 範例隨學隨用
Windows Vista 使用手冊 SP1
打開Mac新世界 2.0 -- OS X 10.5 初心者完全對応版
Xbox 360 無所不玩 2.0 - Elite終極旗艦版
速習 Dreamweaver CS3 做網頁 第二版
Mac影音大夯-下載、播放、分享、對拷DVD、轉檔

本週活動:

遊戲影音 PLAY GAME 進化區

●不只玩遊戲,還有影音娛樂、網路功能全應用
●各式影片轉檔播放零障礙
●備份卡應用大集合


本期主題:AJAX 的運作原理與 ASP.NET AJAX

在網頁程式設計領域, 目前最熱門的莫過於 AJAX (Asynchronous JavaScript And XML, 非同步 JavaScript 與 XML)!AJAX 並不是一項新技術, 而是將已存在一段時間的 JavaScript 和 XML 組合起來, 提供另一種瀏覽網頁的體驗。由於 Google 大量應用 AJAX 於其 Google Mail、 Google Maps 等服務, 使得 AJAX 在短時間爆紅起來:


Google Maps 就是應用 AJAX 技術的網頁服務


 

非同步的網頁服務

要瞭解 AJAX, 就要從 AJAX 的 A (Asynchronous) 開始。Asynchronous 翻譯為『非同步』, 字面上看起來有點不易瞭解,我們可以用帳號註冊網頁為例, 來說明什麼是 『同步』, 什麼是 『非同步』。

如果使用傳統的網頁設計方法, 使用者必須輸入所有的資料, 完成後按鈕送出, 然後等待伺服器處理完所有資料後, 再回傳註冊成功或失敗的網頁:

這種所有欄位資料 『同步』 送出的方式, 當伺服器處理資料時, 使用者能做的事情只有等待, 如果遇到伺服器忙碌, 或是網路速度較慢時, 造成的長時間等待可能會讓使用者不耐煩, 而且如果某筆資料有誤, 例如帳號名稱已經被其他人使用, 可能還得再重新輸入一次所有資料, 造成使用者的不便。

如果是採用 AJAX 技術的網頁, 填寫帳號之後, 當我們還在填寫其他資料時, 帳號欄位便可以 『非同步』 的方式傳回伺服器進行檢查:


 

上例中, 當帳號欄位以 『非同步』 的方式送回伺服器時, 使用者還可以在網頁其他欄位輸入資料, 不需枯等伺服器處理。而且, 當伺服器傳回結果時, 便會以局部更新的方式, 將訊息顯示在網頁上, 完全不需要換頁, 提供使用者更友善的瀏覽網頁體驗。

所以傳統網頁程式採用的 『同步』 處理, 指的是網頁上所有元件的資料都必須同時動作, 沒有任何一個可以脫隊自己行動。而 AJAX 網頁上的元件, 便能以 『非同步』 的方式傳送或顯示資料, 不必與其他元件同時動作。

例如瀏覽使用 AJAX 技術的 Google Maps 時, 再瀏覽地圖時, 即使瀏覽器還在等待伺服器送來的地圖內容, 我們仍可持續進行放大、縮小、移動位置、改變檢視方式等操作, 不會被換頁的動作所打斷:

...........更多的內容請見《新觀念 ASP.NET 3.5 網頁程式設計 使用 Microsoft Visual Basic

 

本期主題:控制圖層混和範圍, 實現擬真合成效果

想找到一張有著漂亮雲層的相片不難, 但頭痛的是, 當我們想將雲層影像與其他影像整合在一起, 就會發現到我們無法透過雲層照片裡的天空背景看到另一張影像!此時我們可以透過下列步驟解決這個困境:

1. 在圖層浮動視窗裡雙按雲層圖層右邊的空白處, 開啟圖層樣式交談窗。

2. 在圖層樣式交談窗的混合範圍裡向右拉曳此圖層黑色滑桿, 直到天空背景消失, 顯露出底下影像為止。

3. 為了讓雲朵邊緣平順地與底下影像相互混合, 請按住 鍵 (Mac) / 鍵 (Windows) 並拉曳此圖層黑色滑桿的邊緣, 將該滑桿切成 2 半。接著嘗試調整這 2 個切半滑桿的位置, 顯示各種雲層濃淡程度的混合效果 (圖1 ~圖4)。我們執行 『濾鏡/演算上色/雲狀效果』 命令所產生的雲層效果, 也可以透過這種方式與其他影像相混合。


(圖1) 圖4 所使用的設定值

 

(圖2) 原始影像(2007 iStockphoto.com/lisegagne) (圖3) 雲層影像(2007 iStockphoto.com/duckycards) (圖4) 使用混合選項控制滑桿隱藏雲層裡灰暗區域的結果

 



 

實際清除掉隱藏起來的背景區域

當我們使用混合選項控制滑桿做出圖層的混合效果時, Photoshop 並不會真的將這些調整效果套用到圖層裡。舉例來說, 若我們使用此圖層控制滑桿將圖層的部分區域隱藏起來, 那當我們想真的清除掉這些區域時, 就得先建立一個全新的空白圖層, 接著將這個空白圖層置於該影像圖層底下, 然後合併這 2 個圖層, 如此 Photoshop 才會真的將這些隱藏區域清除成透明區域。若我們要將某個影像作品交付給別人, 卻又不希望對方知道我們是如何透過混合選項控制滑桿完成這個影像作品的, 就可以使用這招 (圖5 與圖6)。


(圖5) 從圖層浮動視窗選單中執行 『向下合併圖層』 命令, 合併空白圖層



 


(圖6) 合併圖層後的結果


 

當然, 混合選項控制滑桿可以包辦的特效還很多, 每當我們想依據影像的亮度差異來顯露或隱藏某些影像區域時, 就可以用混合選項控制滑桿試看看。

...........更多的內容請見《數位攝影、設計必修 Photoshop 解密 第 2 版


好書能增進知識、提高學習效率‧ 卓越的品質是旗標的信念與堅持
Copyright c 2007 Flag Publishing Co.,Ltd. All Rights Reserved 本電子報內容未經授權請勿轉載