- Mac – Layer Cake – 快速將 PSD 圖層群組輸出成圖片,提高設計師與開發者的工作效率 -

每當你在 Photoshop 中設計網頁樣版時,最後都得面對一件繁鎖的事情,就是把 PSD 檔中的每個元素個別輸出成圖片….超麻煩的! 今天要介紹的 Layer Cake 就是要幫助大家解決這個困擾,只要你在 PSD 檔中,分別將要輸出的元素群組們「命名」,剩下的事情就可以交給 Layer Cake 囉~ 我用的是官方提供的範例,可以到 這裡 下載原始的 PSD 檔。 將想要輸出的群組名稱後加上圖片格式,如:.png、.jpg、.icns。(其他格式我沒測試,不過這三種應該夠用了吧…) 接下來把 PSD 檔丟到 Layer Cake 就會開始自動處理。 處理中的動畫超可愛的 >//_//< 完成後會出現預覽圖,可以檢查一下是不是你要的圖片,然後再按下上方的 Save 儲存到想要的位置。 第一次儲存這個 PSD 檔的元素時,Layer Cake 會詢問你要不要在修改 PSD 檔後,都自動再處理一次。如果你不需要反覆修改 PSD 的話,選 Don’t Repeat 即可。 成果。 另外,在 Layer Cake 右上方有個最近處理過的歷史紀錄 (Recents + Repeat)。 雙擊某個事件可以修改一些設定,例如上面提到的自動處理修改的 PSD 檔的功能。 有勾選 Repeat when [...]

- Mac – Take Five – 聽音樂不中斷的小幫手 -

我想大家可能都有遇過這種狀況吧,因為某些事情不得不先暫停正在聆聽的音樂,而在事情做完後過了好一陣子才發現你忘記繼續聽剛剛的音樂。如果你常常發生這種事情,Take Five 這個小巧方便的 App 應該對你有不少幫助。 啟動 Take Five 暫停音樂 直接點擊 Dock 上的 Take Five 圖示就可以啟動,你會發現圖示上多了暫停符號,代表 Take Five 已經啟動了。 或是透過 Menubar 操作 Take Five。 點擊右側的暫停符號就會啟動 Take Five 進入倒數。 如果你在倒數時間內就完成工作的話,可以直接點擊專輯封面上的播放鈕繼續播放音樂,或者是點擊 Dock 上的 Take Five 圖示。其實也可以用 Mac 鍵盤上內建的播放鍵 (在 F8),Take Five 很聰明,會自動關閉倒數。 調整設定 預設的暫停時間為 5 分鐘,如果你覺得太長或太短,只要更改 Default Timer Duration 即可。 另外,Take Five 也支援非 iTunes 的音樂播放器,目前支援的播放器如下圖。 也可以設定快捷鍵,快速啟動 Take Five。 [...]

- Mac – SocialShoutings Pro – 發送訊息到 Twitter 、Facebook 等社群網站一次解決,省時又省力 -

不知道你目前正在使用的社群網站總共有幾個呢?如果你跟我一樣同時使用 Twitter 、Facebook、Tumblr 三種服務,應該會覺得每次都要重復發一樣的文字或圖片到不同的網站上是一件很麻煩的事情吧!簡單來說,今天要介紹的 SocialShoutings Pro 就是為了解決這個而生的。 首先,SocialShoutings Pro 現在支援的服務有: Twitter Facebook Tumblr Posterous 不知道作者未來有沒有打算加入其他的社群網站服務,但目前最熱門的幾個都有支援就是了,而且我也只用這幾個XD。 在使用之前,先加入自己常用的帳號吧。 簡單明瞭的介面,打完字再按下 Shout 鈕就會發送出去囉。 在文字的上方會幫忙計算字元數,這是用於 Twitter 這種有字數限制的網站。另外,你可以在偏好設定 Advanced 內選擇超過 140 字元時的處理方案。 上傳圖片的方法也很直覺,拖拉放到應用程式上面就可以了。 圖片就會像是附件一樣出現在左側,下面還會貼心的顯示長寬。 當然,有些時候你會希望訊息不要發送到某個社群網站,這個時候只要點擊下方的圖示,選擇 Do not post 即可。 你會發現該圖示變暗,提醒你這個服務是暫時關閉的,想要打開它只要再點擊一次那個圖示並選擇帳號就可以了。 另外還有個小技巧,就是使用快捷鍵來達到上面提到的暫時關閉某個服務的功能,Cmd + 1 對應 Twitter,Cmd + 2 對應 Facebook,Cmd + 3 對應 Tumblr,Cmd + 4 對應 Posterous,超方便的唷。 其實這個軟體是有免費 Lite 版的,差別就是 Lite [...]

- iPad – procreate – 在 iPad 上畫畫的首選軟體 -

當初買 iPad 的其中一個理由就是為了畫畫,雖然用 iPad 畫圖還是沒辦法媲美用鉛筆作畫的那種感覺,但是我覺得至少比用手繪板作畫來得舒服。 procreate 是我平常最喜歡用的繪圖 App,雖然我還有很多繪圖用的 App,但我想應該不是每個人都跟我一樣喜歡買這麼多 App (以後有時間我再慢慢介紹其他不錯的繪圖 App)。要我從使用過中挑出最好的一個,那 procreate 肯定是首選了。 procreate App Store 介紹 畫布有兩種大小 (iPad 2 才會有 HD 的畫布大小,iPad 1 只有 Standard 的大小)。 因為我很懶,所以都用內建的筆刷作畫。如果想要新增自定筆刷是可以的,但是這部分比較複雜我就不介紹了,有興趣可以自己研究看看。 筆刷的粗細大小跟透明度可以從左側工具列的上下拉條分別做調整,在其下方的逆時針與順時針符號分別為上一步與下一步。 而在筆刷旁的手指頭,基本上我是完全沒有在用拉,感覺很像是用你的手指把畫布上的顏色攪一攪混在一起。 接下來的是橡皮擦,操作方法跟筆刷一模一樣。(連面版都長得一樣) 圖層 (本文重點) 相信用過 Photoshop 這類型軟體的人應該都知道圖層的強大之處。procreate 的圖層支援度很不錯,我用 iPad 2 最多可以開到 16 層,但 iPad 1 就不知道能不能開這麼多。(其實我用 iPod Touch 上的某軟體 4 個圖層也可以畫得很爽XD) 按 + 號就可以新增一個圖層,而垃圾通符號就是刪除圖層。 移種圖層則是要壓住圖層右側的三橫線符號,然後往你要的層級拖拉即可。 [...]

- Mac – Piezo – 萬用錄音機 -

在使用這個軟體上,請注意不要做出任何侵犯版權的行為,例如在網路上分享音樂檔。 在網路上聽到了一首很喜歡的音樂,但是又不想要每次想要聽就得打開網頁,這時候把它錄下來或許是個不錯的辦法。 打開 Piezo 後你可以看到一個非常可愛的錄音機,沒有太多複雜的功能,任何人都可以輕易的上手。 首先選擇你想要錄音的裝置或是應用程式,如果清單上找不到你想要錄的應用程式,可以選 Other Application… 來添加。 使用 Peizo 錄音時,如果你的應用程式已經開啟的話,會跳出讓 Peizo 重新開啟該程式的對話框,點選 Quit And Relaunch 即可。 當你遇到想要錄音下來的音樂時,按下 Peizo 上的小齒輪,並填上錄音檔的標題。 然後選擇想要的 Quality (品質),一般來說,我都是使用 For Personal Use (自身用) 的 high quality (高品質),錄完後的檔案為 .m4a 格式,但如果你想要比較通用的 .mp3 格式的話就要選下面 For Internet Distribution 了。 再按一次小齒輪就可以隱藏設定視窗,接下來只要按下錄音鈕 Peizo 的設定就完成了,上方的面板指示燈還會亮起來,非常地有趣。 回到瀏覽器頁面,點擊音樂播放器的 play 後,Piezo 就會自動開始錄音,你會看到錄音時間開始增加。 等音樂放完後請記得再按一次錄音鈕中止錄音,不然就會一直錄下去。最後你可以點擊標題旁邊的放大鏡圖示,就會打開資料夾顯示剛剛錄好的檔案。 是不是很簡單呢?購買前可以先去官網下載試用版來用看看。 Peizo Mac App Store 最後再次提醒,請注意不要做出任何侵犯版權的行為。

- iPad – Blogsy – 最棒的部落格 App -

第ㄧ次打開 Blogsy 時,我就被這精美的界面給深深吸引,用「享受」來描述 Blogsy 的使用體驗再適合不過。 當然,一個好的軟體除了有精緻的外表也要有豐富的內涵才行,Blogsy 提供的功能可說是非常地完整,不僅支援的部落格平台多元,圖文編輯、簡易的 HTML 編輯也不是問題。 (註:本文完全是由 Blogsy 打出來的,圖片也是直接用 Blogsy 上傳並插入至文章。) 支援的平台(如果有異,以官方的資料為主) 右側工具列 相信你一定注意到 Blogsy 的右側有幾個很可愛的小圈圈,這些是可以幫助你寫部落格的工具列,每個圈圈的功能就跟它的圖示一樣很好理解,由上往下依序介紹: Safari:寫文章時想要上網找些資料就可以透過這個內建的瀏覽器快速達到目的。 圖片:後面會特別介紹。 Flickr:存取你的 Flickr 帳號(可新增多組帳號)。 Picasa:存取你的 Picasa 帳號(可新增多組帳號)。 YouTube:搜尋 YouTube 上的影片,拖拉影片就可以插入至文章內。 Google 圖片:快速幫你搜尋圖片。 WordPress 圖片:存取經由 Blogsy 上傳至你的 WordPress 的圖片。 另外,工具列也是可以依照個人喜好新增、刪除或排列,在設定內修改即可。 圖片 寫部落格文章不可或缺的功能就是插入圖片,Blogsy 在這方面做得可說是可圈可點,常用的 Flickr 跟 Picasa 兩大免費圖床都有支援,對我這種利用免費圖床空間節省部落格資源的人來說超級方便的。 在 Blogsy 的右側的小花圖示就是圖片上傳的功能,我們可以在這邊選擇圖片上傳至指定的空間,並且支援多張圖片上傳唷。按住欲上傳的圖片並拖拉到左側的信封袋上,再按下方的點此上傳即可,非常的直覺。 上傳完畢後,要將圖片嵌入文章中的方法就是選擇 Blogsy 右側的 Flickr 或 Picasa [...]

- Mac – Alfred – PowerPack 收集包(一) -

如果你有購買 Alfred 的 PowerPack 補充包,就可以安裝一些好用的 Alfred 外掛,這篇文章收集了一些我覺得很方便的外掛及好看的主題。(主題不用買 PowerPack 就可以裝) Alfred 外掛 AlfredTweet (使用 Alfred 玩 Twitter) 安裝完 AlfredTweet 後,第一次使用的授權步驟如下 (步驟中的 " " 符號請忽略不要輸入) 1. 打開 Alfred 並輸入 "tw setup",接下來會轉跳至 twitter 官網進行授權的確認,確認後複製 twitter 給的 pin 碼。 2. 再次打開 Alfred 輸入 "tw pin <貼上剛剛複製的 pin 碼>" 後就完成了。 3. 接下來就可以用 Alfred 輕鬆發 tweet 拉,打開 Alfred 輸入 "tw 你要說的話" [...]

- Mac – Hider – 隱藏重要文件並加上密碼保護 -

每個人的電腦上總是會有幾個比較私密的檔案,當你把電腦借給別人的時候不會希望被人看到這些文件。在 Mac 中並沒有一個簡單的方式把文件隱藏的功能,要達到這個目的你必須透過內建磁碟工具程式建立新的映像檔 (.dmg),然後再把檔案丟進去才行。 雖然這麼做就可以保護重要的文件,但是有幾個缺點。 萬一剛開始你所建立的映像檔 (.dmg) 空間不夠大,往後你要塞入一個很大的檔案你必須重新再建立新的映像檔 萬一剛開始你建立的映像檔太大,你確發現你根本沒塞那麼多,硬碟空間就這樣浪費了 (因為映像檔所占用的空間就是你一開始所設定的,不能更改) 如果你不在意我上述的那兩點,使用映像檔來保護你的文件也沒什麼問題。 至於如何建立映像檔的做法可以參考下面的連結文章 Mac 資料夾 加密 完全保護你的隱私檔案安全 接下來簡單介紹一下 Hider 的使用方法,首先將你要隱藏的檔案拖拉至 Hider 中 紅色框起的地方就是開關,點下去就會把檔案藏起來囉 (狀態會顯示為 ON)~要取消隱藏的話再點一次 (狀態會顯示為 OFF)。 被隱藏的檔案可以直接在 Hider 中快速預覽 (選擇檔案後按下空白鍵),只要在 Finder 中可以使用 Quick Look 的檔案類型都支援這個功能。 而左側的 Group (群組) 可依個人喜好新增或刪除,預設的 AutoHide Group 作用就是當你開啟 Hider 的時候檔案會解除隱藏狀態,而關閉 Hider 又會自動將檔案隱藏起來,非常的實用! 當然,最重要的功能就是密碼保護了,隱藏檔案後也要記得設定密碼才能萬無一失啊~ 更多的功能與使用方法建議直接去官網下載試用版自己玩看看,喜歡再購買即可。 (註:在 Mac App Store 上的 Hider 不支援右鍵選單的快速隱藏檔案功能唷,建議想買的透過官網會比較好,根據開發者的說法,移除該功能的原因是 [...]

- Mac – Sparrow – 提升使用 E-mail 的體驗,好用的收信與寄信軟體 -

Sparrow 是一套介面非常精巧的 E-mail 軟體,出色的界面設計讓收發 E-mail 不再是一件枯燥乏味的事情,既簡單又舒服! Sparrow 的介面很有彈性,不論是展開模式或是收合模式都很好用,端看個人習慣來選擇自己喜歡的模式。   先來說說為什麼我選擇使用 Sparrow 做為我預設的 E-mail 軟體,而不是 Mac 內建的 Mail。事實上 Mail 在 Mac OSX Lion 後已經變得非常地好用,如果你只是個輕度的 E-mail 使用者那我覺得內建的 Mail 就很夠你用了。但 Mail 有個非常大的缺點,那就是使用 Gmail 信箱時沒有辦法快速的為信件加上標籤,對我這種有整理強迫症的人來說實在是不太方便。 另外,E-mail 軟體有兩個優點,第ㄧ,當有新信件出現時會通知你,這樣就不用一直打開瀏覽器去看到底有沒有新的信件。第二點就是不用再看到任何煩人的廣告,比起用瀏覽器來收信,使用者體驗可說是大幅提升!(不管是 Hotmail、Yahoo mail 還是 Gmail,上面的廣告總是多到令人反感!) 而 Sparrow 對 Gmail 的整合度上比內建的 Mail 好上不少,如果你也是使用 Gmail 那我強烈建議你可以試試看 Sparrow。下面簡單列一些 Sparrow 的特點: 整合 Facebook 帳號,自動幫你的 E-mail 聯絡人加上 Facebook [...]

- 新網頁的設計與完工心得 – Little Taeny’s Wonderland -

下面是完工後的網頁連結,我有加了一些動畫在網頁上唷! Little Taeny’s Wonderland 心得 因為最近學習了不少 Html 與 CSS 語法,也是時候將所學的東西拿出來實作一個網頁了,畢竟實際練習還是比紙上談兵好。 (一) 在做網頁之前總是要先規劃一下心中的網頁樣貌,所以我先用 Pixelmator 把整體的樣子畫了出來,這個步驟很重要,如果一邊寫網頁還一邊構思網頁的樣子會很沒效率。另外就是當你在畫網頁的樣貌時,必須考慮到是不是真的寫成 Html 與 CSS 時是可行的,免的圖都畫完後才發現根本就沒辦法寫成網頁。(當然你要有 Html 與 CSS 的知識才能判斷可不可行)   (二) 接下來就是撰寫網頁程式碼了,我使用 Espresso 這套網頁編輯器,是我為了學習 Html 與 CSS 特地買的軟體。   (三) 網頁完成後,我決定用 Hype 替網頁加上一些動畫特效,讓網頁看起來更生動。Hype 可以讓我不用撰寫程式碼就產生我想要的網頁動畫,真的是非常棒的一個軟體!(Hype 的動畫是基於最新的 Html 5 網頁標準唷,討厭的 Flash 再見~)   下面是我提到的工具,如果你也有興趣的話可以去官網下載試用版用看看 Pixelmator Espresso Hype