2010年4月29日

用 Photoshop 一步一步打造 iPhone Style 圖示

iPhone Style Icon.png最近想要一枚 iPhone 樣式的圖示,無奈上網找了一些圖示產生器都找不到 iPhone 樣式的,不然就是找到不能用。找不到產生器的情況下只好退而求其次,找找看有沒有 Step by Step 的製作說明,中文的沒有,英文倒是有一些些,不過交待得不是非常清楚。摸索弄懂後把他當作筆記寫下來。

懶人包

如果不想一步一步親手打造,這裡有現成的 PSD 檔可下載,下載後直接拿去改就好囉,省去製作的時間。

下載 iPhoneStyleIcon.psd

親手打造

如果對製作過程有點興趣,就繼續往下看吧,這裡是用 Photoshop CS4 製作。整個製作過程區分為下列三大步驟

  1. 打底
  2. 上透明
  3. 下透明

1. 打底

首先新增正方形透明圖片(圖示通常都不會超過 100*100,不過我習慣畫出大圖再縮小來用,以防某一天需要大圖才不用重畫)
2010-04-27_002404.png

拉出上下左右四條參考線,各離邊邊 100px,等等拉圓角矩形時對齊用
2010-04-27_002921.png

使用圓角矩形工具
2010-04-27_002450.png

圓角半徑改成 80px,半徑大小依個人喜好調整看看吧,顏色先隨便選,以後可以很輕鬆調整,不用太在意
2010-04-27_002451.png

開始拉圓角矩形
2010-04-27_002922.png

拉完長這樣
2010-04-27_002923.png

滑鼠左鍵雙擊圖層準備製造陰影效果
2010-04-27_002924.png

勾選陰影,其餘設定可參考下圖或自行調整
2010-04-27_003254.png

打底完成囉
2010-04-27_003255.png

2. 上透明

切到路徑,按右鍵選取製作選取範圍…
2010-04-27_003551.png

按照預設設定
2010-04-27_003622_1.png

選取出剛剛我們畫的底圖
2010-04-27_003623.png

接著縮減選取範圍
2010-04-27_003745.png

縮減 30px
2010-04-27_003807.png

選取範圍縮小了
2010-04-27_003848.png

新增「上透明」圖層
2010-04-27_005940.png

使用漸層工具
2010-04-27_005941.png

按照下表調整漸層中的四個色標的顏色、透明度

左上:不透明 50% 右上:不透明 0%
左下:顏色 全白 右下:顏色 全白

2010-04-27_010049.png

調整好漸層後從選取區最上方拉漸層到最下方
2010-04-27_010135.png

使用橢圓選取畫面工具,準備拉橢圓
2010-04-27_010243.png

記得選取與選取範圍相交
2010-04-27_010245.png

像下圖一樣拉橢圓
2010-04-27_010509.png

拉出來的橢圓會跟縮減後的圓角矩形香蕉相交
2010-04-27_010545.png

接著用快速鍵 Shift+Ctrl+I 反轉選取區,再按下 Del,刪掉不要的漸層,完成上透明圖層囉
2010-04-27_010620.png

3. 下透明

先按照上透明的前六步驟,選取出縮減後的圓角矩形,並新增「下透明」圖層
2010-04-27_011004.png

接著使用矩形選取畫面工具
2010-04-27_010741.png

一樣選取與選取範圍相交
2010-04-27_010245.png

按照下圖拉出下透明區塊
2010-04-27_010920.png

相交後的選取區如下
2010-04-27_010932.png

一樣使用之前建好的漸層工具,從下往上拉漸層
2010-04-27_011015.png

完成囉
2010-04-29_033350.png

最後再加上圖案或文字就是個標準的 iPhone Style 圖示
2010-04-29_033426.png

後記

密密麻麻 20 幾個步驟,看起來頗難,其實是因為寫得很詳細才會這麼多,參考的原文 Design Your iPhone Widgets 因為沒交待這麼詳細,看起來簡單許多。

網路上也有人放出做好的 PSD 檔,不過大小只有 80*80,實在不夠大,以後有機會拿來重製也很不方便,自己做一個不僅可以多點變化,也可以趁機學學 Photoshop。

PS: 要變化底色,只要點選圖層中的縮圖,就可自由變化各式各樣的底色

2010-04-29_034735.png iPhone Style Icon1.pngiPhone Style Icon2.pngiPhone Style Icon3.pngiPhone Style Icon4.png
iPhone Style Icon5.pngiPhone Style Icon6.pngiPhone Style Icon7.png

2010年4月3日

FlashForward 回來了

key_art_flash_forward.jpg

在 2009/12/3 播完第十集後停播的 FlashForward 回來了!

之前介紹過 FlashForward 這部影集(FlashForward 未來閃影 讓你開始想起未來),當時由於收視率下降,FlashForward 的製作團隊決定停播一陣子,多花點時間加強劇本、提高影集品質,打造出更吸引人的劇情。

這一停播,就是三個半月,沈寂了一段時間後,在 3/18 重新上檔。

上檔後一口氣播出兩個小時,劇情很明顯看得出來比之前來得更緊湊,有看電影的 fu。但在 Wikipedia 上看到收視率好像沒提昇,從一開始播出經過三個半月的休息,到本週為止已經播出 14 集,收視率持續下降中。

原本 ABC 跟 FlashForward 簽訂了第一季 24 集的合約,但因為收視率的關係,被砍到剩下 22 集,好慘。我每次看完都意猶未盡,巴不得下個星期五快點來(美國時間星期四晚上八點播出,約是台灣時間星期五早上十點),只覺得劇情稍稍拖戲一點可能會影響到收看的意願,可能是外國人沒看過台灣的八點檔吧,看過後他們一定覺得這一點也不算什麼。

flashforward_y1_gal_001.jpg

以下有雷

看完本週的劇情後,大昏迷好像是一場實驗造成的,這實驗似乎跟時光機有關係,有可能是實驗發生了 2 分 17 秒,全世界的人們在這段時間內都去到六個月後的未來去旅行,才會看到未來的生活,不過以上都只是我的猜測。

戲播到目前為止,劇情中已經有兩個人,原本看到六個月後還活在世上,但是卻掛了,因此他們看到的未來不會發生,這跟有些描述時光旅行有關的書或電影差不多,因為知道未來,所以改變了現在,因為改變了現在,未來也跟著改變。啾靜~劇情會不會老套的演下去,讓我們繼續看下去。

最後還是老套的來些正面向上的話當 Ending:改變現在就能改變未來,Go ahead!

更多 FlashForward 的消息、劇照,請到 http://www.fanpop.com/spots/flashforward

2010年3月29日

Google & GoDaddy 離開中國 告訴我們的事

google-cn-new.png隨著中國政府跟 Google 的協商破局後,www.google.cn 轉址到 www.google.com.hk,Google 正式離開中國搜尋市場。無獨有偶,GoDaddy 這家全世界最大的網址註冊服務商在上週(3/25)也決定不再提供 .cn 域名註冊。

Google 事件鬧得沸沸揚揚,大家都知道 Gmail 原始碼外洩只是個導火線,離開的主要原因是中國跟 Google 對於要不要過濾搜尋結果的意見不同造成,這跟 Google 一向強調 Don't be evil 背道而馳。

godaddy-logo.jpgGoDaddy 則是中國政府從去年底開始,要求 .cn 網域註冊者都得提供個人資料,包括大頭照、公司文件、個人證明,送交中国互联网络信息中心 (CNNIC)審核登記。GoDaddy 照做了,但只有約 20% 的用戶提供,GoDaddy 覺得這種作法等於協助中國政府收集這些域名註冊者的個人資料,因此不再提供 .cn 的註冊。

兩家在網路上赫赫有名的服務商都決定離開中國市場,那塊每個企業都積極都想進入的中國市場,為的是什麼?只為了一個企業的中心思想。

Google 的 Don't be evil 和 GoDaddy 的不想跟中國政府狼狽為奸收集個資。

不管背後是否有其他外交、政治上的含意,眼前的事實是 Google 失去了每年營收 50-60 億美元的中國廣告市場,GoDaddy 放棄了一年超過 5000 個 .cn 域名註冊。只為了企業內的中心思想而放棄令人垂涎的市場,有 Guts!

我想說的是,一家企業除了在追求股東的最大利益外(講白話一點就是賺多一點錢),是否還有一個超脫金錢的中心思想,這個思想跟就好像一個國家的憲法,是所有法律的根本、公司做決策的依歸,不管在任何情況下都不允許破壞。即使利益擺在眼前,也不容許踐踏憲法的尊嚴。

這種想法衍生自個人,在工作時偶而會想起,寫出來的程式是真的有替用戶帶來一絲絲的方便性,還是只是個工具,在替老闆騙用戶錢的工具。小時候爸媽一定會教導我們長大要作個有用的人,不要做壞事等等仁義道德。但工作久了這些早就拋到腦後,只要老闆要什麼,當員工的只要照做就是了,不管做出來的東西是不是真的能幫助到人,只求每個月薪水準時入袋。但做著做著偶而會有種罪惡感浮上心頭,到底工作的目的是賺錢優先,還是真的能夠為這社會貢獻一點點微薄之力。

Google 跟 GoDaddy 的中國政策似乎給了一個答案。

Related Posts Plugin for WordPress, Blogger...