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

萌帝

名稱：Pixlr Editor
4 ~* o/ s6 E- x3 T) Y語言：多國語言
, N8 Y" E( D" [1 {' W7 D4 C7 K0 o性質：免費" q) j+ c8 P8 B$ [% n' ~$ H
官方網頁：http://pixlr.com: ~8 H! x- |7 N" J
引用：Ragnarok網站& _. w, x1 s6 u, |3 \/ B
8 B/ f7 H$ s& z9 l  |
說明:
, H; ?1 c: T* G  l) c0 _9 e- M# C! A要使用 Pixlr Editor 非常的簡單，只要進入官方網頁，6 H; s9 ]5 x4 G9 D- {
選取上方的「Pixlr Editor」就會進入使用介面，連安裝都不需要喔。
0 u) p  Q: {7 m) n  l2 A$ O& u
( u; _# ]) V2 S' L5 m6 V
6 i* H4 T7 l; V% R8 ^$ U/ DPixlr Editor 的主介面和 Photoshop 很像，0 n+ g1 H* Q! e, [+ X6 s) I
「主選單」下方是「工具選項」，左邊是「工具列」，7 Z$ H9 r8 e+ u* q$ }' j' O7 l" m
右邊是「浮動面板」。雖然功能比不上專業的 Photoshop，' J- N" J4 K. s$ T7 m9 N" w' {
可是對於一般的使用已經綽綽有餘。/ K9 P8 T4 d3 E  n; T/ n

0 J1 Z: \; F* r9 I! L1 o) B, i4 R/ ]2 V6 h' T3 y

) y: s) ?% U8 I/ P, v: IPixlr Editor 簡易入門' x8 `1 a& T4 l
歡迎畫面
! I' n( ^5 y! H8 B  L每次進入 Pixlr Editor 都會先出現這個「歡迎畫面」，
" I$ n: r7 v' [! d" n( e; k想要繪製圖片的話請選擇〔創建一張新圖片〕，
: O4 U$ n% [/ j想要修改圖片或照片的話請選擇〔從電腦上打開圖片〕，. z8 C; ^1 r9 I& }) C3 h6 h. e* B
如果想要直接修改網路上的圖片的話請選擇〔從網址打開圖片〕  D; o0 w" ?' e4 P3 p/ i' K$ Z
（請確認圖片版權以免觸犯著作權法），
, B. G" t8 }# h6 T- o, u/ {3 E8 `8 U想從圖庫中挑選圖片來修改的話請選擇〔從圖庫中打開圖片〕。/ u9 z- a* r7 F
3 I0 W8 N6 \8 r0 M7 Y
要使用圖庫功能必須先註冊，也就是介面最右上角的「註冊｜登入」，
, c- J8 G7 n  M  P& r請視你的需求選擇是否註冊。, _7 d) T8 }. t4 n
, A( C  R2 [4 M$ X8 K
$ {! o5 ^* C' k& C7 ~& V! U) q
文字工具7 M2 P3 }- {! S9 P" \  l, p3 ]
選取工具列的「文字工具(T)」，在畫布上用滑鼠左鍵點一下會出現文字工具選項，
, _! l) S  V+ F; i& `/ {我們可以輸入想要的文字，並且指定字體以及大小。/ _8 Y1 a: ]7 S* Y. X& l4 d; `+ ~
點選顏色下方的顏色方塊會跳出檢色器，我們可以在這裡指定想要的文字顏色，! _4 y) q1 o1 Q4 G
Pixlr Editor 的檢色器設計的很不錯，有各種顏色模式可以使用，2 B! ?- ~4 P( ~/ Q
非常的便利並且有彈性。
4 \/ Q. S" ^2 p! o# q6 k, V
, C% P" {9 L* b* n* z' {6 |# c1 y" C) e: {/ O& Z
圖層樣式% x. R# g3 g- ]1 U; j- h
只要在圖層上按下〔圖層樣式〕按鈕就會出現圖層樣式選項視窗，0 R1 r0 d# o; V0 V- P/ j
我們可以為圖層增加像陰影、內側陰影這些效果，( V& [) A8 ]( A& A* U3 y2 |
雖然功能沒有像 Photoshop 那麼多樣但也堪用，製作文字效果也很方便。6 x' G8 i) @: d4 T

" P- K" i6 v$ Q' |: }/ Z) N3 C* E& p7 z
圖層模式& z' D  P8 i1 T9 `9 Z& l# B, Y
在圖層右邊的打勾可以切換圖層的顯示或隱藏，
, i% q' d& P  K. T( Y圖層的設定有「不透明度」和「模式」這兩種，! q  U" `" I8 u, Q! T2 g
可從箭頭處的按鈕切換是否顯示，
# ~! c+ }; E. h1 \; V1 W' X# cPixlr Editor 提供了包含「Nomal」共十四種圖層混合模式，
5 r0 |6 }! o, e8 N3 D9 R5 m對合成上的需求已經非常足夠。
4 l% S7 I& W# w1 o7 |/ Q- w4 K' W3 n4 H7 w! M* P! L/ X0 {" Z' i

8 Q- Y: {: }) c4 C* ^圖層蒙版/ c3 @# O4 d! B/ J  b: Z8 w
Pixlr Editor 也有 Photoshop 的「圖層遮色片」功能，6 w/ k* U& z, |# Q
只要按下〔添加圖層蒙版〕按鈕就能增加合成用的蒙版，8 u: J7 h0 G# B& g, M& v' f* J
為畫面增加更多細節變化。可以拿下圖和上圖做比較，! a& B% j: w+ |. K8 L$ T
我們不只可以利用圖層蒙版改變圖中某個物體的顏色，2 b& z& p3 T& V8 X3 K; w
也能夠減弱圖層混合模式的部分位置強度。
/ n  c1 W8 _) u+ j- b2 Z
% t: ^+ V* t$ x8 Y, v' P圖中綠色部分是畫筆正畫在圖層蒙版的過程，# Q" v  t" K8 o* o6 P7 m( x
滑鼠鬆開前圖層蒙版還不會作用。
# |1 a, F0 H- w6 p0 a, W2 n5 w4 }- I9 P9 m$ e
圖片裁剪
) f  P7 f2 a+ V9 S% F! a$ X選取工具列的「邊框工具(T)」，框選出我們想要的範圍，
" E0 s2 l( q% z然後執行選單「圖像」→「裁剪」，圖片就會裁剪成我們想要的大小，. V5 @+ z4 ]7 s+ `( @0 ^& \
如果對製作過程有任何不滿意的地方，! s6 ?4 u, I0 t) p3 _
都能夠透過「歷史紀錄」浮動面板回到之前的步驟，) W: v/ k: y' L2 c4 W: Q+ \
Pixlr Editor 提供最多十五個步驟歷史紀錄。
$ m2 ^, f4 p/ Y  G; P
& [* I4 Q& E/ e" l8 m& s% L
  u# T9 m4 K: ~. K# h畫筆工具! n9 U9 ^: R/ ]* h& a
選取工具列的「畫筆工具(B)」再點選上方的工具選項，1 [; v% V: R5 U: [0 s# {
在出現的筆刷設定視窗中可以調整筆刷的一些設定，按下右上的〔更多..〕
& i& Z$ _! d- i. E  [按鈕會再出現一個筆刷瀏覽器，有更多的筆刷樣式可以選擇，$ ~$ C$ ?: r- u* V
可以看得出來 Pixlr Editor 在繪圖方面的功能也是不錯的。$ K2 s7 Y, o5 A3 U5 R" D1 \
( {! j3 Y# j' K+ Y. w) q7 ]8 x, ~$ B

3 K5 F5 W( S# ?! M8 t$ ?; q0 z
2 f5 e- F1 R3 e3 R4 V" I, H( s* L
# m6 k  e* P* a$ [1 v% a; a總結4 ^( C9 x4 f& ~; W4 D
以上簡單的介紹在繪圖軟體上常用的幾個功能，8 n) g/ m$ t3 U% ]; w  ~
Pixlr Editor 還有很多繪圖軟體必備的功能像0 p: O1 Q, d' m+ D
「調整顏色」、「濾鏡」都能在主選單中找到，
0 Y, `4 I' Z/ t/ w" s這些功能礙於版面不一一介紹，# _7 F2 r6 @' N) L: @# t
有興趣學習的朋友可以看看官方的 線上教學。/ G' h8 Y* W' q& F5 b2 H3 H
" ?' b7 u; l/ S5 z# k6 x6 B
像 Pixlr Editor 這樣的免費線上繪圖軟體還有很多，而且功能也都不差，
/ X" z: ]' D. x6 k. g本篇文章並不是要說 Photoshop 是不需要的，使用過的朋友都知道在專業度上還是有不小差別。; T, [) _+ @  H) m% R
只是剛學會開車是否就要買好一點的跑車，這問題就見仁見智了，
3 _  \) }( h* `* P) u2 P7 x2 i有錢就買沒錢的話就…加減用吧^^;，等你的功力已經到了一定程度，7 D5 t" G$ h) h! Y" d2 z3 E3 B
口袋也變深了，建議買 Photoshop 和 Painter 這樣的跑車來開開也不錯^^。

萌帝

《延伸閱讀》: j; D  _! K  E" O6 O% ]% F
Pixlr o-matic 免費線上相片特效製作, [  p. @) @3 d. r: }  X: B5 s
名稱：Pixlr o-matic
9 t/ C* p* C) i  g* U7 j/ \性質：免費0 v; S" g5 l- J1 \
官方網頁：http://pixlr.com
9 m4 L; ^# X7 v* g$ k1 w/ D引用：Ragnarok網站
: {6 u% ]) N, y4 V0 B* X/ e# v  w+ a2 T
相信很多人都看過 LOMO 風格的照片，對 LOMO 的特殊風格印象深刻並且著迷，# ^& v' W" ~, A1 `
不過想要買 LOMO 相機來玩是很燒錢的，可能玩了一陣子小朋友就開始抗議了 ，
3 B4 O/ L$ V6 c" w如果對品質要求不是那麼嚴格，LOMO 風格也是可以經由影像處理軟體製作，6 U2 }  K% ^1 Z8 D* K
不過這對不擅使用影像處理軟體的一般人來說又是另一個難題。+ H- _; x& q: l3 A. p  F2 _  w$ N3 d
9 j, B. u/ g  m- ~6 R6 y
其實要製作類似 LOMO 風格的照片很簡單，
4 g1 [2 H! r0 u; o, R4 _只要使用 Pixlr 的 o-matic 就能輕鬆製作出很有 Fu 的照片，
/ V: |- G8 Q' w, E/ d; I" S而且也不用下載任何軟體就能直接在線上製作，7 h0 w- `, ]) [0 x0 D1 z
不用再羨慕別人的 LOMO 風格照片了。1 U/ J! r, d' y& m2 x

- W% `  R6 t5 v6 l6 _「Pixlr o-matic」和「Pixlr Editor」/ u/ f& u' |' C) V& d8 a
同樣都是由「Pixlr」推出的免費影像處理服務，" u7 v- n' [- h9 f
進入 Pixlr 的官方網頁，點選上方的「Pixlr o-matic」。8 Y0 t9 `# f- V1 K* O: I5 v

' T" W, q* c! s2 B& q) P6 S$ v3 R
出現 o-matic 的歡迎畫面，想要將照片加上特殊效果，. }6 }; k4 O/ H. D0 C7 P; x8 o
可以按下右邊的〔computer〕選取我們的照片。) ?. o5 M+ m2 Q: N! k1 M
為了說明上的方便，底下是直接使用左邊的官方照片。. c* @8 Y& S+ @, {& G  a; Z
* i9 @2 T" w4 O( ^
- Q) @3 h+ y: H" z+ ?1 c9 b3 l
這裡是主要的操作介面，上方是照片的「效果預覽」，+ C0 |+ V, J3 D5 ~' X# l
箭頭處那一列是可以選用的效果，可以按住滑鼠左右拖動，( ~  u( R  {% b
然後再點選想要的效果。
! g6 k9 ~7 a; F7 o* h% q  @' V4 W下方中間的指針代表有「色彩效果」、「鏡頭效果」、「邊框效果」這三種效果調整，) X2 _! N- \8 Y, f% R; U
可以按下左右邊的方向按鈕或是中間指針的不同顏色來切換。
  \' U% |* W  ~, M3 z1 H4 J! [6 R0 T
3 d9 ]1 ~% h8 \$ G0 \
) R+ s' n* n8 T$ u第一個可以選用的效果是「色彩效果」，: f, S( s2 z' }  z* X7 i
按下效果的名稱後就會直接套用並且顯示在上方的「效果預覽」，
" X+ q# M0 B! F" X圖片示範是選取「Tony」效果。' u/ n0 w& P4 G4 q

0 ^6 f" I0 ~6 X5 ~
  r! l7 x3 v- y" ~接著切換到「鏡頭效果」，/ H' ~9 [4 I5 v
可以看到很多鏡頭曝光、光斑、特殊效果，圖片示範是選取「Metal」效果。
$ e+ i' r1 K% _8 h/ Z  ]7 V6 e2 i% @3 k$ h9 b! a: B; l- P8 P
% B5 z+ O7 y) u1 b
最後切換到「邊框效果」，
' W+ ~- O5 U3 n9 Q6 b+ s我們可以為照片加上各式各樣的邊框，
5 g+ I% O) L9 X/ e3 U: Q' A( K如果怕太花俏不加邊框也是可以的，圖片示範是選取「Peri」效果。
4 [; W- y, v* m- j# {- s- o
8 p/ k* b0 m$ }1 J
  J' P& E5 n& j' A8 b確定好喜歡的效果之後就可以按下「Save」按鈕，
7 K9 R. K) ~4 Q  ^. ~4 _會出現底下類似晾乾照片的儲存畫面，
3 \3 M$ O$ ]% Q5 f3 w5 }按下右邊的〔computer〕按鈕就可以將照片存回我們的電腦。
3 i1 w- r3 Y- V6 W; h4 J) g3 O+ e% `- q. |1 y; X% }
( f4 R( P- g# V: A4 {% o" x5 @
附上效果修改的前後對照，點選後會出現大圖可以看得更清楚，
% Z, _" C3 B4 Q3 x9 v, G/ {看起來是不是很有感覺呢，而且製作過程只有短短幾秒鐘。
! }4 \- u. e* t) {# i0 u; l. Y9 O9 z$ k- @7 \

! S& ^* N! |# D9 s. \6 c1 z
* A2 @; M6 g8 v2 v總結:
+ f+ ^6 \5 d7 K看完以上的 Pixlr o-matic 介紹有沒有覺得很簡單呢^^，5 y+ v: p* u+ Q4 ]4 [2 @3 M
雖然只是照片的罐頭效果，也沒有辦法作效果的細部微調，
7 Q' K" D4 Y9 g) l& ?/ c- L2 i但這樣的效果相信不少學影像處理還不熟的人也做不出來。
( h# Y* H! Z2 }% I7 C
" y% z1 S2 {& j" r! u: Q* b& `Pixlr o-matic 雖然能夠讓你簡單、快速弄出特別的照片效果，6 u$ k0 z/ m; N) H/ {* T6 u; |
不過有一個缺點就是無法批次處理，要是有兩三百張照片想要處理就囧了，
! J( ~) d' W% O7 o, V: A7 g之後有機會再介紹如何用 Photoshop 製作 LOMO 效果，' s3 T* {2 ?+ W: P" E7 p
看看 o-matic 和專業的軟體比較起來有甚麼不同。