So Cool!~~Photoshop CS6 新濾鏡 -- 模糊收藏館

介紹並示範 Photoshop CS6 新濾鏡中的 Blur Gallery ，

此中含有三種模糊效果：Field Blur (區域模糊)、Iris Blur (光圈模糊)、Tilt-Shift (傾斜轉移)，

不確定中文版的翻譯為何，若是翻譯有誤，請多包涵！

但都是很不錯的模糊效果，尤其是 Iris Blur 可以幫照片製造景深效果。

請仔細看影片中的介紹，

只是為了凸顯效果，模糊的程度都過高，

還請各位自行練習，仔細調整模糊的範圍，幫自己的照片加分，請看：




其中的 Iris Blur 與 Tilt-Shift 都可以建立一個以上的模糊區，

請慎用這個操作，過多的模糊區域或是過於模糊的效果都不太好，

當然，如果是為了凸顯某區域讓它成為 "笑果"，那就另當別論。

期盼各位玩看看，真心希望各位先用"玩玩"的心態試試，你一定會喜歡的。

Indesgn的小技巧，快又好！

在InDesign課程中，都會加入這個操作方法，
但是，不是很好記，所以錄成影片給大家看，
將來要用的時候，如果不幸忘記了，可以來看一下。

重點在你希望置入很多圖片在同個頁面，
希望要快，又不想讓圖片的寬高比例跑掉，
操作方式就是置入多圖時，左鍵不要放開，
左手按住鍵盤上的 Ctrl 與 Shift 鍵，
此時，頁面上的滑鼠流標會變成六個小方塊，
使用滑鼠往右下方拖出你需要的大小。

Part0 準備期：網站草圖

這幾天有空時都在構思網站的草圖及用色，
今天初步定案首頁草圖，內頁應該也是這樣，

因為將此網站定義為展示型網站，展示妹妹的作品，
作品很多很多，還要整理、分類，我這邊的步調會快一些。
圖中的左上方LOGO處，設計中...
上方大圖要找一張她最愛的作品，以柔焦處理，
下方 footer 處要好好思考放哪些連結。

也為了因應現今上網環境的變化，
很多人都用手機或平板上網，所以要考慮不同螢幕的大小，
這個頁面完成後會建立為範本，提供整個網站的頁面。
而建立過程中將使用到 Dreamweaver CS6 中的 "流變網格 ( Fluid Grid Layout )"，
以便網站輸出時，可以同時符合手機、平板及電腦螢幕的大小。

所以建立這個草圖時，就是以 Div + CSS 來思考，
可是，目前 DW CS6 中的流變網格 ( Fluid Grid ) 不接受巢狀 Div ，
也就是說最外圍的 "container" 會刪掉，純粹以上下多個 div 相疊的方式建立，
中間三個區塊用 "#content" 包覆，
再以個別的 CSS 規則設定裡面那三塊的位置與寬高，如下圖：

屆時，使用流變網格建立網頁的過程會以影片方式呈現，敬請期待。

一個網站的誕生

由於妹妹的職業是教授手工捏塑，看著她成天都在捏捏捏~~~，
倒是真的設計很多作品出來，就產生幫她架個網站，以便讓更多人知道她厲害之處的想法。

回頭想想自己，上課時一直苦口婆心鼓勵同學們要實作，
所以，決定將網站架設的整個流程記錄下來，
可以用影片呈現的就錄下來，
不然就用文字敘述做了哪些動作，目前考慮幾個步驟：

Part0 準備期：
蒐集文字與圖片，與妹妹討論要如何區分產品類別。
建立架構圖，訂好資料匣名稱、檔名與個網頁標題。
設計 Meta(檔頭資訊) 的關鍵字與網站敘述。

Part1：
Photoshop 設計版型

Part2：
Photoshop 切片

Part3：
DreamWeaver
設計範本
建立首頁
建立內頁

Part4：
建立測試伺服器

Part5：
申請網站空間與網址
上傳網站

以上就是至目前為止的構想，
過程中會多用一些輔助工具，
例如 960 Grid System，Easy CSS Menu，Light Box 2.....，
期盼可以讓各位
有心學習網站建置的人可以多一個參考的來源。

推薦~~免費的 CSS網頁版型下載~~好樣的

現今的網頁設計主流該是HTML+CSS+JavaScript，
過去使用表格加上巢狀表格的呈現方式，會阻礙搜尋引擎到你的網站拜訪！
如果你的網站已稍具知名度，當然不用擔心。

但是，新建立的網站最迫切希望的就是被網友是用關鍵字找到，
在這方面，CSS的版面呈現因為都是使用文字，占了先天優勢。
所以，以下提供幾個CSS的網頁版型下載網站，

http://www.freecsstemplates.org/
http://ramblingsoul.com/
http://www.oswd.org/
http://www.free-css-templates.com/

當然，如果各位可以持續強化自己的CSS控制能力，
這些版型到了你手上，可以有更多變化，加油！

下定決心要好好寫很多文章！

每次看到這個小天地的文章，臉上都有些發燒，因為更新的次數實在不給力的緊！
農曆年休假時，本就要開始好好地多加些文章，
可惜當時弟弟帶了可愛的姪子與姪女回來，所有心思都在他們身上。

所以這幾周好好想想要寫哪些題目，
基本上要求自己至少一周一篇，
也準備了麥克風，之後上傳的影片都會加入旁白以說明，
最慢下周開始，敬請期待與指教。

App

當初會將手機換成 HTC，出發點是為了試著設計一個自己感興趣的 APP，結果，一年後的現在才開始動工！花了很多時間找尋工具、軟體，現在決定要使用 DewamWeaver CS6來寫，內容是以 HTML + CSS + Javascript 做架構。

為啥？因為比較熟悉這個軟體，CS6又可以直接使用 PhoneGap Build 來寫，這是新的功能，與CS5有些不同。現在試著做一個跟咖啡有關的 APP ，上傳到 PhoneGap 網站再載回來，可以在手機上直接安裝、測試，感覺挺實際的，就是可以直接看到結果。

也因此，這陣子到處搜尋台北市咖啡廳的相關訊息，喝到不少好咖啡，見識很多不同的想法與做法，前幾天看到電視上有個問卷調查，結果顯示有七成多的人心中藏著一個夢想，就是開一家咖啡廳，

不過，建議有這種夢想的人，一定要認清一個事實，喜歡喝咖啡與經營一家咖啡廳是完全兩個星球的不同概念！

還沒成為電腦講師的十多年前，也曾經幫朋友顧過一家咖啡廳，當了一年店長，發現，自己雖然扛著業績，壓力不小，但畢竟不承擔盈虧，就算營業額不夠好，並沒有損失金錢之虞！

OK，等到這個 APP 正式上到 Google Play 時，會向各位報告，請大家踴躍下載大力用用看，也墾請大家多多建議。