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

萌帝

名稱：Pixlr Editor$ Q1 J0 O( }6 H- \
語言：多國語言; w: t5 [/ b+ P0 C
性質：免費
, {3 L5 d8 s1 Y. j  p( |7 r官方網頁：http://pixlr.com$ O: U% `+ z5 b6 {& z3 ^
引用：Ragnarok網站) q6 \$ v+ Z% u7 a

6 B1 V+ A- Q7 {3 B; Z; o" G( S說明:7 `9 j& |% {' f( Y! K/ K& u6 Q5 w' L# Y
要使用 Pixlr Editor 非常的簡單，只要進入官方網頁，
* K5 o7 z( r0 y7 `5 p/ V選取上方的「Pixlr Editor」就會進入使用介面，連安裝都不需要喔。
5 I1 s  V, f8 `2 F; H; S% K( _: M6 Q' f% z8 \& T5 v

, P5 m' s1 B2 L9 a6 u& vPixlr Editor 的主介面和 Photoshop 很像，
3 u; u# ]1 b8 B- b0 e1 q「主選單」下方是「工具選項」，左邊是「工具列」，
; C4 X; z( {/ E+ x" M+ ^; C8 B右邊是「浮動面板」。雖然功能比不上專業的 Photoshop，
; _- o: a' m- i, {$ n: \; {; k' F! G可是對於一般的使用已經綽綽有餘。# G0 A2 r* {2 l

( M) @8 X3 ~7 f. M9 u) v* N4 m9 Q: x* T

5 |- s; d& m- mPixlr Editor 簡易入門' Y4 N5 J, {( e; u
歡迎畫面0 l& Z$ \4 y# _, k, \: ?( C
每次進入 Pixlr Editor 都會先出現這個「歡迎畫面」，
7 ^2 k8 w& l' j4 T想要繪製圖片的話請選擇〔創建一張新圖片〕，
' h5 i' U: G1 a# B( t想要修改圖片或照片的話請選擇〔從電腦上打開圖片〕，
" A, L9 w9 W$ ?/ ?如果想要直接修改網路上的圖片的話請選擇〔從網址打開圖片〕/ T; T: T- w6 z& l. i7 @8 |
（請確認圖片版權以免觸犯著作權法），2 y$ X1 N  c  U7 d# B
想從圖庫中挑選圖片來修改的話請選擇〔從圖庫中打開圖片〕。
7 [* h0 j# i, z5 \4 `- ]$ U) J# r* j8 }0 t  p
要使用圖庫功能必須先註冊，也就是介面最右上角的「註冊｜登入」，$ M7 g: F7 h1 A
請視你的需求選擇是否註冊。, Q$ H; T1 i' J1 `; n
* F, D0 }! }6 P1 W

, q3 d0 r' @# u文字工具" V% Q  [. [% o4 F
選取工具列的「文字工具(T)」，在畫布上用滑鼠左鍵點一下會出現文字工具選項，
! B  e0 g7 L9 @8 h我們可以輸入想要的文字，並且指定字體以及大小。2 S& B( i0 ]& _
點選顏色下方的顏色方塊會跳出檢色器，我們可以在這裡指定想要的文字顏色，
/ z" k# [* v7 K* C5 nPixlr Editor 的檢色器設計的很不錯，有各種顏色模式可以使用，3 S& T5 ^$ I0 ]2 e# a
非常的便利並且有彈性。$ l% m9 c3 ^) a/ z2 S9 n% H7 h
7 y& y% u/ d- a' G0 G7 P/ b# o

6 |* e0 ~1 |' E0 k0 Y3 P- j/ z圖層樣式$ o, u% [7 i) d
只要在圖層上按下〔圖層樣式〕按鈕就會出現圖層樣式選項視窗，( }! s+ F  s5 B- l
我們可以為圖層增加像陰影、內側陰影這些效果，8 L% q" T* e( H
雖然功能沒有像 Photoshop 那麼多樣但也堪用，製作文字效果也很方便。
( W4 Z+ c( r6 B: L( A
& E- {. ^  e2 ^& {( z" H4 {+ S7 e; [- B. q2 j7 B
圖層模式
8 g5 [3 j+ U4 H在圖層右邊的打勾可以切換圖層的顯示或隱藏，
" \, j4 \! N4 m7 w9 Y圖層的設定有「不透明度」和「模式」這兩種，
7 Y! G" H  v: O5 M% x' t9 Y可從箭頭處的按鈕切換是否顯示，; T( {) M. v  c% M
Pixlr Editor 提供了包含「Nomal」共十四種圖層混合模式，
& |3 ^3 |6 v) H- u! P對合成上的需求已經非常足夠。4 H& {8 i. g4 T1 W% E. K

- \  o3 }; s4 ]0 E) {+ _8 K" |/ p! P7 ~, H! w! P& W
圖層蒙版9 Q; R1 w# ]: c0 q/ e9 B1 Q: y- M
Pixlr Editor 也有 Photoshop 的「圖層遮色片」功能，
8 W3 H% V9 t  T! |+ B只要按下〔添加圖層蒙版〕按鈕就能增加合成用的蒙版，
6 N; U9 n" Q7 M7 ^2 O為畫面增加更多細節變化。可以拿下圖和上圖做比較，
2 b, X# |+ P7 t$ v8 v我們不只可以利用圖層蒙版改變圖中某個物體的顏色，6 x- K9 G+ ?8 d7 I% h* e; }  b
也能夠減弱圖層混合模式的部分位置強度。
' e6 m  ~7 K, j- ~% e5 z1 T6 ~1 }$ l6 D$ B! ]( I, H
圖中綠色部分是畫筆正畫在圖層蒙版的過程，
9 I1 g, u4 I  W! D6 k) l' ~+ V滑鼠鬆開前圖層蒙版還不會作用。1 d6 B% Z6 O9 n* j5 z
1 u! x" @  C8 L4 A" H/ c. _
圖片裁剪) A7 f# W2 N" U. S' J4 m
選取工具列的「邊框工具(T)」，框選出我們想要的範圍，8 }# b/ C7 l3 C2 L$ p- r( ?
然後執行選單「圖像」→「裁剪」，圖片就會裁剪成我們想要的大小，  G  v) Z/ u0 E
如果對製作過程有任何不滿意的地方，9 @% _$ @5 k) a. t/ t0 Q; x
都能夠透過「歷史紀錄」浮動面板回到之前的步驟，( v, D. ^! l$ {( a# x
Pixlr Editor 提供最多十五個步驟歷史紀錄。
5 s3 Q* {7 u+ N3 f! e- f% D0 p- Y! j* F9 u& V9 W- [  V2 N
6 I7 D2 q+ G* Y) D* |
畫筆工具
% T1 O0 C) z0 |0 e/ g選取工具列的「畫筆工具(B)」再點選上方的工具選項，$ d; D% v) k/ d6 @  l
在出現的筆刷設定視窗中可以調整筆刷的一些設定，按下右上的〔更多..〕, q0 }# Y: ~+ }, o
按鈕會再出現一個筆刷瀏覽器，有更多的筆刷樣式可以選擇，# ~: P) G: P( ?! J( T$ Q: s! I* n  a# T
可以看得出來 Pixlr Editor 在繪圖方面的功能也是不錯的。( n; X' \+ w9 \/ V! v: K; D* q
2 F% X6 E0 q7 V+ F7 `2 J/ [3 h- x

# l6 Z: t2 g2 a9 m. k. R9 W" h6 U7 b6 G- P5 _1 i4 g% D. G/ q

7 D; C, i& v/ e4 E8 d3 t總結9 ]* u3 x# H4 @) |
以上簡單的介紹在繪圖軟體上常用的幾個功能，5 Q) ]2 L: T- e; z9 k
Pixlr Editor 還有很多繪圖軟體必備的功能像# N9 p( y- O) K; A7 @
「調整顏色」、「濾鏡」都能在主選單中找到，
- ~& I3 u3 B7 m! S1 @( ~這些功能礙於版面不一一介紹，
+ e) n+ z$ K4 ?/ a+ c有興趣學習的朋友可以看看官方的 線上教學。! f2 B. i: ~$ W8 e- T4 G- u( k

; Z5 j9 F% h" h+ |! D$ L3 O" q像 Pixlr Editor 這樣的免費線上繪圖軟體還有很多，而且功能也都不差，
* J& I, q7 Q- r2 b' C9 q/ W' m) u$ x3 |本篇文章並不是要說 Photoshop 是不需要的，使用過的朋友都知道在專業度上還是有不小差別。
& E3 H( Y2 m$ |只是剛學會開車是否就要買好一點的跑車，這問題就見仁見智了，! ]8 r: U8 t% Q/ X
有錢就買沒錢的話就…加減用吧^^;，等你的功力已經到了一定程度，/ |% A9 b( j: u5 A" q
口袋也變深了，建議買 Photoshop 和 Painter 這樣的跑車來開開也不錯^^。

萌帝

《延伸閱讀》2 T+ j( ?; q! `! {9 g
Pixlr o-matic 免費線上相片特效製作! v4 M6 a! w; Q; c4 N# \  {( Y
名稱：Pixlr o-matic
' c1 d4 j8 N/ }  ~) {6 P* Z1 J性質：免費
2 p0 P" ~  J3 k$ |官方網頁：http://pixlr.com! t0 _0 P# f/ y: O% q
引用：Ragnarok網站
* m& n9 U' f; h& A% X  V& d, K* E, v7 f  J4 H9 K- ?
相信很多人都看過 LOMO 風格的照片，對 LOMO 的特殊風格印象深刻並且著迷，
8 ]& }0 j9 G- z3 B1 q- V不過想要買 LOMO 相機來玩是很燒錢的，可能玩了一陣子小朋友就開始抗議了 ，0 t1 w; _6 q# G
如果對品質要求不是那麼嚴格，LOMO 風格也是可以經由影像處理軟體製作，+ j. X4 e) g; j( x- d
不過這對不擅使用影像處理軟體的一般人來說又是另一個難題。
- Y5 _/ N; j! H' i& G
4 p/ p0 g5 a  c( i$ y' Y5 }其實要製作類似 LOMO 風格的照片很簡單，6 e# e3 z& c9 y$ x1 K: Q
只要使用 Pixlr 的 o-matic 就能輕鬆製作出很有 Fu 的照片，2 T: C  K7 m' E2 ]0 ~
而且也不用下載任何軟體就能直接在線上製作，
  {5 \# }1 U' b. E: B不用再羨慕別人的 LOMO 風格照片了。
7 Q+ h: n; z- {  s
! P/ L7 C5 M$ x  c- o「Pixlr o-matic」和「Pixlr Editor」
. m. a0 b; C* q# J' s8 e同樣都是由「Pixlr」推出的免費影像處理服務，* o6 i. Y( \6 o3 g- A! r- B* N, a
進入 Pixlr 的官方網頁，點選上方的「Pixlr o-matic」。" K# ?0 S( J( Q7 n- N& G# W6 g

3 {# K+ F% c& U: p( C7 G% R) A0 j: I6 q: y3 T8 F
出現 o-matic 的歡迎畫面，想要將照片加上特殊效果，
, {/ q( E( k6 G: Z% p6 A8 {% Q可以按下右邊的〔computer〕選取我們的照片。6 ^8 z7 C- y" S+ b$ F  |$ G% P+ J
為了說明上的方便，底下是直接使用左邊的官方照片。% h- s  i/ m3 O# Z$ M. D9 Z+ t
+ |8 t: v( C' e8 s
& w( s+ K5 W9 L5 Y+ q2 [8 r9 |
這裡是主要的操作介面，上方是照片的「效果預覽」，0 ]. s; D. d, R- l+ m% L0 E% @2 [
箭頭處那一列是可以選用的效果，可以按住滑鼠左右拖動，
( M" o+ K- X. v. |/ p/ ]! w; _然後再點選想要的效果。
" n# a- J2 f9 ~# G  B" I' r" g下方中間的指針代表有「色彩效果」、「鏡頭效果」、「邊框效果」這三種效果調整，4 x3 h5 S! G. X( C
可以按下左右邊的方向按鈕或是中間指針的不同顏色來切換。) d% q, V4 o' x( J) d( D; d
6 N$ x8 A  R: |7 S6 m$ V

; z' J2 E& G; S  ^第一個可以選用的效果是「色彩效果」，5 J4 U+ o( q, e' F
按下效果的名稱後就會直接套用並且顯示在上方的「效果預覽」，
6 ~/ h2 I# T& H  j圖片示範是選取「Tony」效果。
' Q' p- A  k2 Z6 S2 A2 o# `0 A

- G" Y5 p; X, {. A/ H/ A接著切換到「鏡頭效果」，# n, J; }$ {/ f: I
可以看到很多鏡頭曝光、光斑、特殊效果，圖片示範是選取「Metal」效果。
$ D1 x9 p; l8 W1 J) f4 o6 b+ s: s7 N0 q9 r* _1 p
) n) e$ m7 A. G; O; D
最後切換到「邊框效果」，+ U: R1 [  a& O1 f+ T4 g% P+ a
我們可以為照片加上各式各樣的邊框，
0 O2 d4 q1 ^9 w% A# t如果怕太花俏不加邊框也是可以的，圖片示範是選取「Peri」效果。# I) R& ]9 l& M. W: Y+ n0 |( |
; `$ w7 E" C0 l% D: @% V8 A/ c
. d4 x  V, T$ |: d! B' y$ m& U
確定好喜歡的效果之後就可以按下「Save」按鈕，
- B* f& m: G9 c* D: o會出現底下類似晾乾照片的儲存畫面，" V. ^0 v5 h3 E  D7 s: U1 H
按下右邊的〔computer〕按鈕就可以將照片存回我們的電腦。& G) q7 l/ R4 f

$ C+ |, p+ x) V3 R
+ D2 m  F- h7 u$ }/ W: s+ E4 z3 ?附上效果修改的前後對照，點選後會出現大圖可以看得更清楚，. v1 ~# [2 H1 J7 d4 B0 Q8 |/ D4 V
看起來是不是很有感覺呢，而且製作過程只有短短幾秒鐘。
& T8 |# [2 S  h! d4 J' i, k- A' g# H4 D2 ^3 i/ |

9 w& m* ?4 Y# {' T3 k) A' I' k% }4 ]
總結:9 l. a$ ?( [6 f* k! G* V
看完以上的 Pixlr o-matic 介紹有沒有覺得很簡單呢^^，
' |. z7 |" s8 F2 i% b* {雖然只是照片的罐頭效果，也沒有辦法作效果的細部微調，( Y. b1 k! G. V& e
但這樣的效果相信不少學影像處理還不熟的人也做不出來。
- G0 F6 |8 |* I. C4 P0 t5 f! B" m. l" h+ Z
Pixlr o-matic 雖然能夠讓你簡單、快速弄出特別的照片效果，
# W! G$ G/ c3 C! Q7 z. O不過有一個缺點就是無法批次處理，要是有兩三百張照片想要處理就囧了，' |- A/ R* K* z( Q9 X# a
之後有機會再介紹如何用 Photoshop 製作 LOMO 效果，
; C- Q5 n8 F, w$ t# d看看 o-matic 和專業的軟體比較起來有甚麼不同。