[網站資源] Pixlr Editor 強大的線上繪圖網頁

萌帝

名稱：Pixlr Editor
/ i& c, Q% w) y5 y語言：多國語言) g) S. D7 F% ~1 n3 g
性質：免費
- D6 Q# Y# |9 D5 Y官方網頁：http://pixlr.com
: B0 Q8 a& E$ b! L- J- T引用：Ragnarok網站
9 [& Y4 m% _7 r% w, }5 X8 P9 g
說明:
; F1 e$ T8 j; }4 P# m要使用 Pixlr Editor 非常的簡單，只要進入官方網頁，
" s* Z0 w6 @1 ?  |( [4 Y選取上方的「Pixlr Editor」就會進入使用介面，連安裝都不需要喔。, [) r9 D6 W, ^# c; e
" Y$ r: \# T' H: W, y8 J
# N6 j# K) m( g  o& B# s& P5 E) D, D( ]
Pixlr Editor 的主介面和 Photoshop 很像，
# y3 s, R1 \0 G/ l  w6 D3 l) v「主選單」下方是「工具選項」，左邊是「工具列」，. f6 H: |2 c$ I8 J2 t: Q) r: Z
右邊是「浮動面板」。雖然功能比不上專業的 Photoshop，) h; b; ]5 U* n+ u
可是對於一般的使用已經綽綽有餘。
2 J4 M- V9 O1 S. M
0 N) i% _" n" k# f0 m5 d" F' O2 |# |" ^& ?+ H

6 G- }) E' v, E2 G$ U, u' w0 K( KPixlr Editor 簡易入門
& d$ b/ i( r# M+ ]- M% Z. i: F歡迎畫面
* g+ G1 H, B, m' D9 i$ Y( n每次進入 Pixlr Editor 都會先出現這個「歡迎畫面」，2 C( i! ]5 q0 Q" q
想要繪製圖片的話請選擇〔創建一張新圖片〕，
: B. g/ a6 v/ M  e想要修改圖片或照片的話請選擇〔從電腦上打開圖片〕，, U- |% ?0 z6 o! C
如果想要直接修改網路上的圖片的話請選擇〔從網址打開圖片〕
& N# l/ O9 @( i% L: J8 C（請確認圖片版權以免觸犯著作權法），
8 g' @6 S8 O6 s( H. }7 \& i* Q想從圖庫中挑選圖片來修改的話請選擇〔從圖庫中打開圖片〕。* e1 l4 Q$ H4 e) L) ^
% T/ O; Z7 B4 K! Q
要使用圖庫功能必須先註冊，也就是介面最右上角的「註冊｜登入」，
3 m# t& A! s, K: q, H. j3 |4 p請視你的需求選擇是否註冊。* `6 B6 V5 w: h

" [: j. H& u/ l5 t" Y5 t/ l. y3 i' g2 v* P2 D. M) z
文字工具
% p% B6 `* [# E$ q5 k選取工具列的「文字工具(T)」，在畫布上用滑鼠左鍵點一下會出現文字工具選項，
' X' m6 N3 J8 F9 {3 I我們可以輸入想要的文字，並且指定字體以及大小。
* f( U+ W2 J. W8 c. w. W/ I點選顏色下方的顏色方塊會跳出檢色器，我們可以在這裡指定想要的文字顏色，3 f7 v. S/ c3 r, m$ k+ W, s% H5 }
Pixlr Editor 的檢色器設計的很不錯，有各種顏色模式可以使用，4 {5 j  V, O/ j& y+ ~' V
非常的便利並且有彈性。/ Z$ P" j5 t. A, l$ l

) M/ D! K! e5 R( k6 U6 @7 w- m
1 f- t( ^8 z. z  `圖層樣式3 a! T! F' G; K; C1 j
只要在圖層上按下〔圖層樣式〕按鈕就會出現圖層樣式選項視窗，
  I- b. X4 y7 y5 g1 ^! J8 _( O我們可以為圖層增加像陰影、內側陰影這些效果，6 \! ?, S6 O3 x4 f8 g( v& g
雖然功能沒有像 Photoshop 那麼多樣但也堪用，製作文字效果也很方便。
, r2 ]+ w& C7 D8 K: W, D" }+ Y) S# A/ r. ~

: D! R* z  l, O圖層模式- H7 c7 G6 O2 B/ R- M. K8 o5 w
在圖層右邊的打勾可以切換圖層的顯示或隱藏，
/ Q$ j5 ?9 Y, Z, z# A+ N圖層的設定有「不透明度」和「模式」這兩種，
2 R2 F3 O* v/ i可從箭頭處的按鈕切換是否顯示，; J( j4 O) }( U9 ]
Pixlr Editor 提供了包含「Nomal」共十四種圖層混合模式，$ A- @  t4 y+ o" `5 M
對合成上的需求已經非常足夠。
  a' d% A) L  k/ _5 K+ y! i. ^; i% A7 V+ Z# m2 a' k

$ [) J/ Z# n( ~" S- q* ?圖層蒙版# M* ?2 s7 Z3 C9 r( x- `5 z
Pixlr Editor 也有 Photoshop 的「圖層遮色片」功能，
7 |5 P- G- ^) L只要按下〔添加圖層蒙版〕按鈕就能增加合成用的蒙版，
! {3 d! o3 H- N: Y$ v為畫面增加更多細節變化。可以拿下圖和上圖做比較，
: J7 B2 ~% F& ?* v, d我們不只可以利用圖層蒙版改變圖中某個物體的顏色，
* L8 v' T6 c2 Z3 z$ T6 U0 P4 ^也能夠減弱圖層混合模式的部分位置強度。$ A' B. C* p) r* _1 e+ j
2 t. T4 B  ^  T- e  u
圖中綠色部分是畫筆正畫在圖層蒙版的過程，
/ {- P# G5 V+ {- P3 X滑鼠鬆開前圖層蒙版還不會作用。; h5 N6 C5 k2 ?+ W6 M" `) ~
- u: H" x% ^! i: W: E+ i% Q
圖片裁剪7 T1 H. {3 m# t
選取工具列的「邊框工具(T)」，框選出我們想要的範圍，+ S- F4 X3 o& l% a) m+ D
然後執行選單「圖像」→「裁剪」，圖片就會裁剪成我們想要的大小，/ [! }0 v( o% |
如果對製作過程有任何不滿意的地方，. a( ?! u% D2 S  _
都能夠透過「歷史紀錄」浮動面板回到之前的步驟，
: e# a9 \6 Q+ Y7 ]! l6 H3 L) A" cPixlr Editor 提供最多十五個步驟歷史紀錄。- j. Y5 J! J0 ^4 V4 H$ u

6 \+ ?; ~# F1 \7 q* n
$ P6 t) I0 i7 ]: B% g( n( Q畫筆工具& t, r8 S9 C+ N2 P) I/ L7 G+ |1 H) T
選取工具列的「畫筆工具(B)」再點選上方的工具選項，
. d" z% ]5 i; ]( m8 F+ K* ?在出現的筆刷設定視窗中可以調整筆刷的一些設定，按下右上的〔更多..〕
% ]- L. n- X+ Y$ k) Q按鈕會再出現一個筆刷瀏覽器，有更多的筆刷樣式可以選擇，
3 x# i; K9 j, Y0 Z( G" h0 J可以看得出來 Pixlr Editor 在繪圖方面的功能也是不錯的。
& a2 q& f: a  B) I; I. o# X& G" u, N) L2 A& D/ ^! x* F

9 g7 M3 }( N: _  m+ U* Y0 C; e5 ~6 F# O
1 H5 @8 B6 i) N$ w0 |- o
總結
/ `- ~! \$ r, M$ i以上簡單的介紹在繪圖軟體上常用的幾個功能，, O- e8 E0 }9 p& P0 o8 ]) G
Pixlr Editor 還有很多繪圖軟體必備的功能像
$ D" ]9 I. H, P9 f7 _  {9 G% L( Y「調整顏色」、「濾鏡」都能在主選單中找到，
! s" p" A( r0 y; x( z( b  o這些功能礙於版面不一一介紹，
3 H* q  X- O& @+ {5 [& c有興趣學習的朋友可以看看官方的 線上教學。
0 E9 q- M6 r( E1 ~
$ `( p* h. \/ G7 \像 Pixlr Editor 這樣的免費線上繪圖軟體還有很多，而且功能也都不差，
& B9 j$ W5 O4 b0 s' q本篇文章並不是要說 Photoshop 是不需要的，使用過的朋友都知道在專業度上還是有不小差別。. [0 N/ w' k& B" W  G5 o' j" [2 f
只是剛學會開車是否就要買好一點的跑車，這問題就見仁見智了，
* Y5 u2 q) c' U. k% v6 |有錢就買沒錢的話就…加減用吧^^;，等你的功力已經到了一定程度，
1 c4 T& K  J+ e+ O" }" D口袋也變深了，建議買 Photoshop 和 Painter 這樣的跑車來開開也不錯^^。

萌帝

《延伸閱讀》
0 G! ~5 v& _5 e* y. c+ A; hPixlr o-matic 免費線上相片特效製作0 F9 l5 [# E& L1 F- }. i
名稱：Pixlr o-matic
# q5 z& Z4 W3 \# C% m性質：免費
" J1 @4 o' M% U4 m官方網頁：http://pixlr.com
$ R8 A- p+ A+ k& }+ j" ?引用：Ragnarok網站. f4 s' u6 v2 B% s" M/ w2 B- ~

" b: L8 w9 b6 Y2 Q9 M5 y3 f相信很多人都看過 LOMO 風格的照片，對 LOMO 的特殊風格印象深刻並且著迷，2 j( N/ n4 Z. h8 o: \
不過想要買 LOMO 相機來玩是很燒錢的，可能玩了一陣子小朋友就開始抗議了 ，. z( |: v# ~4 \$ g
如果對品質要求不是那麼嚴格，LOMO 風格也是可以經由影像處理軟體製作，
$ g4 Z# p& m' u! x: N% R不過這對不擅使用影像處理軟體的一般人來說又是另一個難題。7 x/ g4 ?+ Y( K

. r7 \( ~2 I% A+ S其實要製作類似 LOMO 風格的照片很簡單，' x: r& S- l/ ?0 |9 M2 O
只要使用 Pixlr 的 o-matic 就能輕鬆製作出很有 Fu 的照片，; D" d  p  h+ I- k- B8 z
而且也不用下載任何軟體就能直接在線上製作，
. X4 I( K  |  e( S5 Z, p# |不用再羨慕別人的 LOMO 風格照片了。1 |; f# `% K: S9 w, `
5 v* \( z+ z" z; P) n
「Pixlr o-matic」和「Pixlr Editor」
/ L5 {: v0 G: s  f6 c0 ]" I* p, b! q同樣都是由「Pixlr」推出的免費影像處理服務，& E. P9 Z- R- r
進入 Pixlr 的官方網頁，點選上方的「Pixlr o-matic」。
3 [! Y* m) o. L
5 n6 V" e7 l5 T  o; G5 O: l4 S, R9 Y6 n
出現 o-matic 的歡迎畫面，想要將照片加上特殊效果，
- o1 u2 B& x  ~4 d/ `( C" @$ r可以按下右邊的〔computer〕選取我們的照片。4 G9 q. D) C  t$ n, ?
為了說明上的方便，底下是直接使用左邊的官方照片。
  i, Y( U- o0 r# J4 n3 J3 ]/ T" @% p; ]) o( p

7 M7 u& e: `, v+ t這裡是主要的操作介面，上方是照片的「效果預覽」，
/ P6 A0 k$ ^% C+ Y箭頭處那一列是可以選用的效果，可以按住滑鼠左右拖動，
5 b- S6 T' b# a' ]" \然後再點選想要的效果。
4 |3 Y; {. m! n0 g5 ?0 K* z2 t1 Z下方中間的指針代表有「色彩效果」、「鏡頭效果」、「邊框效果」這三種效果調整，& y  I5 X' P) E: d3 ]+ Q
可以按下左右邊的方向按鈕或是中間指針的不同顏色來切換。# M7 d6 `2 c/ h5 L& ?; K4 h
! }6 |% n  s) M1 d

* d+ X4 }1 ?* y7 V9 w& o% ^8 s0 [第一個可以選用的效果是「色彩效果」，9 h  [" w- F7 z5 L, r8 h% c5 I
按下效果的名稱後就會直接套用並且顯示在上方的「效果預覽」，: w  y+ m; d8 M  s( _  ]0 q/ {
圖片示範是選取「Tony」效果。
% `. ^, m* D. C* H! ?7 r, ]/ i+ O% T. F& i0 B

( d- m9 C$ D: I# U, ]接著切換到「鏡頭效果」，" H* @; f: E0 T, |* b. d# i. N
可以看到很多鏡頭曝光、光斑、特殊效果，圖片示範是選取「Metal」效果。
2 U' Y* Q" F* Z, Y
* Z4 g/ S8 R" q6 b& n2 }( g/ C
最後切換到「邊框效果」，& B3 n9 D/ W: e2 z: |
我們可以為照片加上各式各樣的邊框，
2 M2 x, W7 o/ }8 [5 D2 m- R3 i如果怕太花俏不加邊框也是可以的，圖片示範是選取「Peri」效果。
; I2 c. z; _$ z7 G3 e
" j% m) ]& B8 R9 V+ {9 W
* N+ F% C: K1 a# K# G確定好喜歡的效果之後就可以按下「Save」按鈕，! Z! P' v9 j/ M( Y. ^
會出現底下類似晾乾照片的儲存畫面，6 [/ L; ^4 s  V
按下右邊的〔computer〕按鈕就可以將照片存回我們的電腦。
/ C$ e8 \4 L' h0 P* ^+ l- B
: C) H+ N8 N$ @1 {2 X" s: Z' P6 M7 `
' P0 `% x$ P( o附上效果修改的前後對照，點選後會出現大圖可以看得更清楚，
' C/ k. d1 W3 }# x' `/ w) P8 K看起來是不是很有感覺呢，而且製作過程只有短短幾秒鐘。
7 B9 w( Y- b3 ?& z9 Y/ L; v0 u) y( N" W0 J$ t. U$ n/ d

3 L5 L- x  h" N- P1 G' k0 P4 ~( b- V5 Z) [3 H5 L
總結:' y+ O# Y* v: T$ A& U  {/ O
看完以上的 Pixlr o-matic 介紹有沒有覺得很簡單呢^^，9 a) r  S& ]8 j( s* A
雖然只是照片的罐頭效果，也沒有辦法作效果的細部微調，
) M. I% ]# B$ q$ v1 T7 f4 u; E& |4 c但這樣的效果相信不少學影像處理還不熟的人也做不出來。
1 I5 c7 p0 D9 m. p) `% B" f: b5 |% l8 i$ Y8 u" W  z! g
Pixlr o-matic 雖然能夠讓你簡單、快速弄出特別的照片效果，
: A" ?0 q, O7 Q不過有一個缺點就是無法批次處理，要是有兩三百張照片想要處理就囧了，0 B3 D8 n( o+ L
之後有機會再介紹如何用 Photoshop 製作 LOMO 效果，
$ g/ M7 Z4 W' W2 E1 o+ y看看 o-matic 和專業的軟體比較起來有甚麼不同。