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

萌帝

名稱：Pixlr Editor& O: w* u) K9 i9 |
語言：多國語言
" b% c' O7 h4 X, _性質：免費
1 n3 A: a0 X! ~7 P3 {官方網頁：http://pixlr.com
0 `( w( f; |: D* f! G引用：Ragnarok網站
* n! H0 p8 t. ~$ ?5 I% n5 `- ], c/ G. k% g' b& n6 x
說明:
6 Y9 H6 g% y/ {) z2 m& f要使用 Pixlr Editor 非常的簡單，只要進入官方網頁，
" O: F8 T% c' }0 s; Q) }選取上方的「Pixlr Editor」就會進入使用介面，連安裝都不需要喔。5 U/ t8 `2 k& T# p' N5 E
! C) _/ P7 I9 o/ Y' U: m

7 g% P: T; f% p% N3 e( z5 W; n, q  VPixlr Editor 的主介面和 Photoshop 很像，8 \( r5 v: N( ?
「主選單」下方是「工具選項」，左邊是「工具列」，
3 h% s5 a. v; R/ o  w& Y0 ~右邊是「浮動面板」。雖然功能比不上專業的 Photoshop，0 {' R2 u, y6 r, v% ]
可是對於一般的使用已經綽綽有餘。1 ]+ s$ g+ r# I' h/ u/ F1 m6 a

4 T0 [+ L' N/ ]% v. K* V) m. h; _
6 C. r) P8 u  X
! a6 ^0 N7 [. n( y" q/ Z$ I/ B; EPixlr Editor 簡易入門
  g# ]9 `- |5 \/ ?/ v- Y% ^$ x) L歡迎畫面
9 \% x" S- C+ [) q( q$ K- ~; J" @# n每次進入 Pixlr Editor 都會先出現這個「歡迎畫面」，# F/ Q7 J  Q" q9 L; t7 @
想要繪製圖片的話請選擇〔創建一張新圖片〕，
& ?# G! S# f7 L- @想要修改圖片或照片的話請選擇〔從電腦上打開圖片〕，+ k1 {  U7 o6 o; v; f) e* w
如果想要直接修改網路上的圖片的話請選擇〔從網址打開圖片〕0 w- ~0 c2 v* `7 c. E$ m5 i' Y
（請確認圖片版權以免觸犯著作權法），
/ q# h, ~1 o. M: d- q# k# b想從圖庫中挑選圖片來修改的話請選擇〔從圖庫中打開圖片〕。( D9 d) r0 n. _% R6 U! B

/ H2 Z* `  `! D& `# [要使用圖庫功能必須先註冊，也就是介面最右上角的「註冊｜登入」，8 M! b: W) V& f3 J$ y/ g
請視你的需求選擇是否註冊。
1 {' p! S& {! i5 x) X9 r5 P& L" s  r' K# S  C4 H9 m
: F, F- _& r) i- Z. V8 \: t
文字工具' ^& x" B2 u9 z: c
選取工具列的「文字工具(T)」，在畫布上用滑鼠左鍵點一下會出現文字工具選項，
& Z% m. ]$ x' z! d: C我們可以輸入想要的文字，並且指定字體以及大小。
3 B$ H* j- s! v) f點選顏色下方的顏色方塊會跳出檢色器，我們可以在這裡指定想要的文字顏色，4 O( d, f* x! }
Pixlr Editor 的檢色器設計的很不錯，有各種顏色模式可以使用，
& ]- K; d2 j. ]8 g& I非常的便利並且有彈性。
" [4 a, t' v3 ^% ?: L6 z  J
" {" I  o2 i" o8 O
; F0 F5 y5 H; d. L: u5 J) R  A圖層樣式! b: @) ?! _( `( M% h
只要在圖層上按下〔圖層樣式〕按鈕就會出現圖層樣式選項視窗，
3 @- A1 v  a: R% P我們可以為圖層增加像陰影、內側陰影這些效果，2 p3 x0 _' E; f0 A# K
雖然功能沒有像 Photoshop 那麼多樣但也堪用，製作文字效果也很方便。
# c( o# N: Z* Y- ]0 x" r) a" J4 S4 l8 s! \
" s0 \* Y5 V4 k3 S: L
圖層模式
3 r2 }* f/ r$ _' q在圖層右邊的打勾可以切換圖層的顯示或隱藏，
3 t$ s" K6 E$ s1 D  S圖層的設定有「不透明度」和「模式」這兩種，
/ R! [$ y' o( p3 U& O可從箭頭處的按鈕切換是否顯示，( H; S8 H% j! q! N" m% W
Pixlr Editor 提供了包含「Nomal」共十四種圖層混合模式，
! B) O, h4 z: W7 c  h- }+ b對合成上的需求已經非常足夠。
+ @1 a! @1 D* h* G% S/ ^: d: H& j4 f" y
/ p" Q! b' F: [  P
圖層蒙版
! d7 x. r% K  ~, q" t7 {Pixlr Editor 也有 Photoshop 的「圖層遮色片」功能，
2 X$ V8 Z% N, y: S只要按下〔添加圖層蒙版〕按鈕就能增加合成用的蒙版，
7 o! s6 I( M, w6 g* N% q9 ?0 [為畫面增加更多細節變化。可以拿下圖和上圖做比較，
  G& _2 y4 x9 h. \我們不只可以利用圖層蒙版改變圖中某個物體的顏色，
, v1 _7 _4 Z% Q$ c6 k5 x也能夠減弱圖層混合模式的部分位置強度。; l! ~* I$ x3 B- f# u. u9 M
) m, s% t' S7 n2 o1 \
圖中綠色部分是畫筆正畫在圖層蒙版的過程，) W- R- O+ T" c3 `# l" k. c- p
滑鼠鬆開前圖層蒙版還不會作用。" }. |  |* d" x4 O5 _* @4 s$ E. b

' N1 p( I0 V! N. J# K圖片裁剪) b  B% J, V; |
選取工具列的「邊框工具(T)」，框選出我們想要的範圍，
0 [7 r! `! O6 Q- s$ x" K$ v然後執行選單「圖像」→「裁剪」，圖片就會裁剪成我們想要的大小，3 N7 M/ t/ [2 ~4 @
如果對製作過程有任何不滿意的地方，
0 {: B6 R- |  G0 N都能夠透過「歷史紀錄」浮動面板回到之前的步驟，
5 ?* |- E$ ?( ]7 T) XPixlr Editor 提供最多十五個步驟歷史紀錄。
6 m! T# E3 W2 F# [- r6 z3 q* a/ i: ?2 Q
0 G; s4 H' L* J
畫筆工具* A7 V/ n' W9 l( h% ?. _( {  J. r
選取工具列的「畫筆工具(B)」再點選上方的工具選項，6 F* }! b) o  Q  t: ]3 @5 w: B# d
在出現的筆刷設定視窗中可以調整筆刷的一些設定，按下右上的〔更多..〕
4 f6 c+ M. `3 h) _: Z按鈕會再出現一個筆刷瀏覽器，有更多的筆刷樣式可以選擇，
" y. h9 }, f) p2 c6 f可以看得出來 Pixlr Editor 在繪圖方面的功能也是不錯的。6 A/ s+ I8 p7 y& S( n

& ?0 v2 V. [4 A+ K5 q
- r/ `+ F7 p' N1 o+ d6 E) c. W. w! k1 G+ }7 |0 Z  ]
8 T& h, B0 O8 b4 [, j
總結3 [* {% L% a: `' L% ]$ O
以上簡單的介紹在繪圖軟體上常用的幾個功能，
( @1 _( w5 l0 w& Y2 R% g, g+ KPixlr Editor 還有很多繪圖軟體必備的功能像
0 [, h  C2 r3 K' \: \* R: V8 @4 R" Z9 q「調整顏色」、「濾鏡」都能在主選單中找到，
- a* O% {7 u3 i/ R這些功能礙於版面不一一介紹，  h$ f( {* y2 a4 z8 F# g
有興趣學習的朋友可以看看官方的 線上教學。
. K5 @9 H2 I1 ^; F; A4 J5 c4 ]! D- _0 _% K, }- d3 r! I
像 Pixlr Editor 這樣的免費線上繪圖軟體還有很多，而且功能也都不差，
) H; l/ k0 _+ i  t# L' z本篇文章並不是要說 Photoshop 是不需要的，使用過的朋友都知道在專業度上還是有不小差別。
- ], ?- v# z8 g% a" H% R3 L只是剛學會開車是否就要買好一點的跑車，這問題就見仁見智了，% K6 d7 J$ M1 |5 d. y" ?
有錢就買沒錢的話就…加減用吧^^;，等你的功力已經到了一定程度，* v( m4 [& J9 P
口袋也變深了，建議買 Photoshop 和 Painter 這樣的跑車來開開也不錯^^。

萌帝

《延伸閱讀》
% H* P- w2 [+ ?; \& E' c4 i5 FPixlr o-matic 免費線上相片特效製作
8 W1 y4 G& \6 w# T+ c3 Q名稱：Pixlr o-matic$ y9 x( V) J$ _* u2 X4 K
性質：免費
- r1 k. j) _8 E2 G! P官方網頁：http://pixlr.com7 t2 Y: n# M. h# l; L& E
引用：Ragnarok網站
+ I0 j2 D2 p3 W# S( C9 F
+ B8 R9 q, ~( `相信很多人都看過 LOMO 風格的照片，對 LOMO 的特殊風格印象深刻並且著迷，
! Q& R# W& a& _1 N% V) t不過想要買 LOMO 相機來玩是很燒錢的，可能玩了一陣子小朋友就開始抗議了 ，% W/ X4 R. @( F' f& l) \5 D' Z; r
如果對品質要求不是那麼嚴格，LOMO 風格也是可以經由影像處理軟體製作，; c8 U  R, M5 V3 r( x* K3 F5 V2 m' J
不過這對不擅使用影像處理軟體的一般人來說又是另一個難題。
, {( F0 Y& v( i3 z6 E5 R0 t! j' ~/ c/ q
其實要製作類似 LOMO 風格的照片很簡單，5 e  r8 d0 K% M. K! t4 V
只要使用 Pixlr 的 o-matic 就能輕鬆製作出很有 Fu 的照片，/ e7 t# I5 X, b3 A' L
而且也不用下載任何軟體就能直接在線上製作，' [2 k) X6 v: w7 ~
不用再羨慕別人的 LOMO 風格照片了。- {8 T* K  c+ Y9 e* d

( C3 Y" e* f5 C" H' O; }; V「Pixlr o-matic」和「Pixlr Editor」
, y6 ~  C, [" d& _同樣都是由「Pixlr」推出的免費影像處理服務，
( \+ m! P$ D2 ^4 k. o進入 Pixlr 的官方網頁，點選上方的「Pixlr o-matic」。
0 {) u+ X( S% [4 u) l3 w2 |5 O( f3 Y2 y7 S

  L, z( `( ?% j' l, F# @出現 o-matic 的歡迎畫面，想要將照片加上特殊效果，5 i; f0 E( b- f4 G7 _
可以按下右邊的〔computer〕選取我們的照片。
6 E7 J1 M9 B! Z7 g為了說明上的方便，底下是直接使用左邊的官方照片。: P5 q- C6 r7 I8 \. G  _

6 n2 k+ I" E- W' Q1 a! Z! C; \
) h. f% l% C6 C$ A: ?這裡是主要的操作介面，上方是照片的「效果預覽」，
5 T8 M* l4 m; q5 v% m箭頭處那一列是可以選用的效果，可以按住滑鼠左右拖動，
# x# m) Y4 ^" z0 {然後再點選想要的效果。
2 `0 S/ l, J/ K6 x4 C下方中間的指針代表有「色彩效果」、「鏡頭效果」、「邊框效果」這三種效果調整，
; l8 _" D7 F( L* H9 r( A; u) O可以按下左右邊的方向按鈕或是中間指針的不同顏色來切換。( B- q% P6 ~) Y$ l/ O5 \. Q; S

! R6 |* A) p& r9 X4 p1 u4 K6 j4 P8 ^$ @
第一個可以選用的效果是「色彩效果」，
# _1 [; X$ C) [按下效果的名稱後就會直接套用並且顯示在上方的「效果預覽」，* ~- ?. o' M* a7 |/ D
圖片示範是選取「Tony」效果。% R/ x% l& S, ?% q
& x# _( M  A; F5 E6 K' R/ l
( m! A8 p/ S2 ]; B2 b% Y2 b
接著切換到「鏡頭效果」，7 W3 f! i# g. b3 N" v
可以看到很多鏡頭曝光、光斑、特殊效果，圖片示範是選取「Metal」效果。
' |3 b6 R* |0 G/ v) X& m2 N+ x: q; F/ E8 d
  l5 p; V# P, ~6 P2 Q% W
最後切換到「邊框效果」，/ A7 }/ }3 I! d3 \: Z! L
我們可以為照片加上各式各樣的邊框，9 k: z  |3 y1 ^0 v
如果怕太花俏不加邊框也是可以的，圖片示範是選取「Peri」效果。
  x: x0 x5 ^# C" O$ F
, ]8 A9 W, F/ b1 J$ k
2 u, H  `/ V. `& Q$ V* w確定好喜歡的效果之後就可以按下「Save」按鈕，
; `, d; X) s( }7 {1 G會出現底下類似晾乾照片的儲存畫面，
; D* m& N3 U  ]按下右邊的〔computer〕按鈕就可以將照片存回我們的電腦。
' D( c1 _2 i' @, |& E' w. T$ r6 @- |' @) B

" O. C: r8 g7 @) o/ a: f' E9 U% L% F附上效果修改的前後對照，點選後會出現大圖可以看得更清楚，  y$ x; N2 A: G8 M7 ^
看起來是不是很有感覺呢，而且製作過程只有短短幾秒鐘。! s- [6 E# r0 D" z! z, B

, Z$ z" f8 P* n# {3 v: X5 k3 a: b; V
5 D1 c+ S: M; y" c# {4 @# I4 v8 C8 M6 D' B/ p/ }) I
總結:3 e4 o+ z- K$ m* M, Z8 J' x+ b
看完以上的 Pixlr o-matic 介紹有沒有覺得很簡單呢^^，& _, }4 {7 O: P2 V) t5 Y
雖然只是照片的罐頭效果，也沒有辦法作效果的細部微調，
, A0 e# Y# X2 @4 T但這樣的效果相信不少學影像處理還不熟的人也做不出來。
# e$ C) A  L2 I7 @( m$ v& N7 f% ]
/ O" a; O! `6 B( VPixlr o-matic 雖然能夠讓你簡單、快速弄出特別的照片效果，8 _! Y( y4 f9 Z/ J
不過有一個缺點就是無法批次處理，要是有兩三百張照片想要處理就囧了，8 f1 S: x4 w1 z0 G7 Y/ a
之後有機會再介紹如何用 Photoshop 製作 LOMO 效果，
8 ~1 w+ g. q" ~/ T4 X看看 o-matic 和專業的軟體比較起來有甚麼不同。