那天‧昨天‧今天‧明天

那天,老師給了我一個好大的打擊。
那天,感到絕望。
那天,跌進了谷底。
那天,我不明白自己為何會做出這些事。

昨天,我想通了。

今天,我嘗試回到起點。
今天,我找到了錯誤的根源。
今天,我決定要改變。

明天,我將會消失於世界上。

發表於 閒情雅致 | 發表迴響

Pressure Lines & Scattering Dots

本教學教授使用 Brush Tool 的 Scattering 功能及利用 Stroke Path 來製作模擬壓力線條。

Step 1

開新檔案(New)
建立新圖層,名為 background ,將其填滿為黑色。
在 Layers Panel 上,雙點擊圖層 background 的空白位置,開啟 Layer Style 。
TIPS: 還有令一種開啟 Layer Style 的方法,就是在 Layer Panel 下方一列的圖示,選擇 "fx" ,同時還可以揀選想要的圖層效果。見圖1。

圖 1

Step 2

今次使用 Gradient Overlay ,設定如下圖。

Step 3

接著就是教授如何使用 Stroke Path 製作模擬壓力線條。
在 Layers Panel 新增圖層,名為 line 。
打開 Paths Panel ,在 Paths Panel 的右下方,按下 Create new path 的圖示。
然後利用 Pen Tool 拉出一條線。

Step 4

使用 Brush Tool ,然後在上方的 Options Bar (選項列) 中,按一下向下箭頭,開出一個框以選擇利用的 Brush 。
今次使用的 Brush 名為 Soft Round , Size 則可以隨喜歡而定。

圖 1

TIPS: 如果沒有發現 Brush Soft Round , Reset Brushes 後就可以看見。見圖2。
要注意的是否要覆蓋之前使用過的 brushes 。所以在 reset 前建議先儲存舊有的 brushes 。

圖 2

Step 5

當設定完 Brush ,就可以回到 Paths Panel 。
選擇剛畫好的線條,按下右鍵,開啟 Stroke Path 。
Tool 選擇 Brush ,那就會使用剛才設定了的 Brush 來畫線條。
還有記得一定要剔選 Simulate Pressure 。

得出來的效果將是頭尾幼,中間粗。如未能達到效果,請檢查是否選擇了 Soft Round brush ,以及有否剔選 Simulate Pressure 。

Step 6

而 Scattering Dots 的做法其實相類同,不過在 Brush 上要作設定。
如 Step 3 ,先開一個新圖層,名為 dots 。然後在 Paths Panel 開新 Path ,拉出線條。
在揀選 Brush 時,同樣選擇 Soft Round 。
然後開啟 Brush Panel (F5) ,設定 Scattering 。

Step 7

完成設定後,重做一次 Step 5 。
最後就可以得出以下效果。

發表於 Photoshop, 教學 | 發表迴響

在線測試網頁在不同屏幕尺寸的顯示效果

在設計網頁時,我們必須留意到網頁在不同屏幕尺寸下顯示的兼容程度。如果你的設計是針對於某些特定的裝置 (如iPhone) ,就必須去確保沒有任何顯示上的問題。以下有一些實用的網址,希望在設計上可以幫助你。

PX CALC: DPI Calculator with Dot Pitch, Size, Aspect Ratio, Pixels, and Megapixels
找出你的顯示器 DPI 及真實列印尺寸
http://www.pxcalc.com/

ViewLikeUs – Check Sites in Various Resolutions!
測試不同的解像度
http://viewlike.us/

Mobile phone emulator
測試不同的手提電話
http://www.mobilephoneemulator.com/

iPad Peek
http://ipadpeek.com/

發表於 HTML, 教學 | 已標籤 | 發表迴響
Copyright © 2007-2012 QK-Style