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

萌帝

名稱：Pixlr Editor
9 f5 n1 e9 [% l; R) v語言：多國語言
! L7 x% \1 s, G" J性質：免費# T# D. [( f. L5 h" `3 i
官方網頁：http://pixlr.com8 n/ [: h! l9 I
引用：Ragnarok網站
7 a2 {& u' L+ }, h' X# D9 _* k1 o9 t; g5 b0 J
說明:' v% N) J6 i0 o6 ]' d
要使用 Pixlr Editor 非常的簡單，只要進入官方網頁，9 q' g3 d) B1 _3 k# `2 K
選取上方的「Pixlr Editor」就會進入使用介面，連安裝都不需要喔。# ?  Z! F  V: U* z6 ]* T( U
: F0 O$ |4 n+ m* {! h

8 c% L! O. d1 V+ h7 v0 f  \9 v& ~Pixlr Editor 的主介面和 Photoshop 很像，' ~. p7 ?: d, }) N$ |# B4 H6 K" K
「主選單」下方是「工具選項」，左邊是「工具列」，
/ x( _, }4 c- V右邊是「浮動面板」。雖然功能比不上專業的 Photoshop，' i+ a  N+ ~* _* a- g' v4 x5 o
可是對於一般的使用已經綽綽有餘。& t: a9 k  c( G8 k% ^' i

0 R/ g. k: ?9 s8 m% P
* z! R/ b" p) E! Q( B  [' |
, Y3 \: g8 r9 P4 ^  ]Pixlr Editor 簡易入門" v5 ]7 ?. S1 M* s# T5 Q/ R0 C
歡迎畫面* D+ |8 u0 c* A4 X
每次進入 Pixlr Editor 都會先出現這個「歡迎畫面」，/ A5 W2 v! f; J( D
想要繪製圖片的話請選擇〔創建一張新圖片〕，
6 |9 F6 R! ]! E8 P1 v. X想要修改圖片或照片的話請選擇〔從電腦上打開圖片〕，
* ?: K; A5 {5 m/ ~6 w: A0 ?; U如果想要直接修改網路上的圖片的話請選擇〔從網址打開圖片〕
, M" `" z2 _. P5 j. Q3 \（請確認圖片版權以免觸犯著作權法），- g. N& L, L# E% O: `
想從圖庫中挑選圖片來修改的話請選擇〔從圖庫中打開圖片〕。
: J; ?7 h; R) N; F8 W
2 x9 u6 ~7 H9 ]4 V+ w& V8 V要使用圖庫功能必須先註冊，也就是介面最右上角的「註冊｜登入」，* E& G9 L1 C& ]9 a% X, E, X
請視你的需求選擇是否註冊。
8 R  H/ {6 i8 }" r! C) ?; |7 n3 [: N$ u4 b4 B
# a' C( T7 i; e7 R. l5 O& s! R' h
文字工具) n$ s. z4 V3 R: H' H
選取工具列的「文字工具(T)」，在畫布上用滑鼠左鍵點一下會出現文字工具選項，. u& k7 N' d# O2 m& V+ L( v$ y6 {
我們可以輸入想要的文字，並且指定字體以及大小。! \4 ^5 n( ?% }
點選顏色下方的顏色方塊會跳出檢色器，我們可以在這裡指定想要的文字顏色，" c5 y9 I5 z% U9 o
Pixlr Editor 的檢色器設計的很不錯，有各種顏色模式可以使用，
$ K' D1 u) y. ~非常的便利並且有彈性。. i& D' Y6 H, E8 ?: d

2 ^# {( e5 H2 L- p' S: i% D" d2 N/ k' a. P
圖層樣式
, q5 I+ N3 a& s9 D7 C6 ]1 G3 G只要在圖層上按下〔圖層樣式〕按鈕就會出現圖層樣式選項視窗，
/ r* d! [! E/ C# h" M我們可以為圖層增加像陰影、內側陰影這些效果，
4 S* V4 }+ ?2 \: P& W雖然功能沒有像 Photoshop 那麼多樣但也堪用，製作文字效果也很方便。
" S  B4 n, G4 Q) v( ^# r  ^/ @6 r5 H, O) B3 i

2 }( S; m2 P: Q+ u圖層模式/ z, I( k  u5 `) j5 |9 j7 ^
在圖層右邊的打勾可以切換圖層的顯示或隱藏，* N: L3 [( M. C# C
圖層的設定有「不透明度」和「模式」這兩種，
7 b* K3 ?, R* C1 N2 d  ]$ n可從箭頭處的按鈕切換是否顯示，
1 G) P" z, X' J' Y' v! R1 i; EPixlr Editor 提供了包含「Nomal」共十四種圖層混合模式，
* [# s7 i! }; Z4 }; s+ ?對合成上的需求已經非常足夠。
1 d+ _4 C3 W  W% |# I) g: a1 B: M4 j  b7 _

5 m( Y" ]% u- K3 m, @' u* X圖層蒙版
9 T% k9 c7 e9 U- U: r# }Pixlr Editor 也有 Photoshop 的「圖層遮色片」功能，
  @0 a3 V/ Q4 |7 o# X8 r# k" R只要按下〔添加圖層蒙版〕按鈕就能增加合成用的蒙版，
7 B, m6 `6 b  n+ L為畫面增加更多細節變化。可以拿下圖和上圖做比較，
1 `' w4 n7 O, W我們不只可以利用圖層蒙版改變圖中某個物體的顏色，7 ]9 d( ?( l, H  b
也能夠減弱圖層混合模式的部分位置強度。
+ @2 b0 w( D1 S# \" o+ ?: w3 A+ Z, s1 W7 ^* W5 R' ~' }" C; N
圖中綠色部分是畫筆正畫在圖層蒙版的過程，1 k# h" M6 q% v1 k, l" h: s
滑鼠鬆開前圖層蒙版還不會作用。8 |5 ^, }8 V& Z! @, X, [$ j

( ^: [5 ^2 p! \: a5 _! z4 M圖片裁剪7 e- h( ~+ v+ E3 U7 o! e
選取工具列的「邊框工具(T)」，框選出我們想要的範圍，
7 B$ k3 r2 ?6 [  A5 @然後執行選單「圖像」→「裁剪」，圖片就會裁剪成我們想要的大小，, z0 C6 ^9 u. \
如果對製作過程有任何不滿意的地方，% q3 {# ]1 V/ s8 e2 I
都能夠透過「歷史紀錄」浮動面板回到之前的步驟，- t) P3 K& ?! [3 R
Pixlr Editor 提供最多十五個步驟歷史紀錄。
: T& J/ A. A) n9 M
4 K7 v# J$ I3 F3 f" p5 t7 l6 U% ?( f8 P
畫筆工具
$ H$ `, s0 R! ~4 h7 A$ @( Q# [選取工具列的「畫筆工具(B)」再點選上方的工具選項，: W% x1 i3 j2 U9 G( M% Y, z8 I9 g. |
在出現的筆刷設定視窗中可以調整筆刷的一些設定，按下右上的〔更多..〕
' p7 u! L2 O/ r; A9 z/ x按鈕會再出現一個筆刷瀏覽器，有更多的筆刷樣式可以選擇，
* Y1 c2 O0 x6 V& Q  M* D可以看得出來 Pixlr Editor 在繪圖方面的功能也是不錯的。  P- R/ Q0 T' a& B3 a- A. t
5 z8 j# z7 g' u& W- ?

- G  O! L+ N, G: |: g
; Y) }- ~5 [1 w$ m
0 @7 _& a, j% _# S總結5 N8 L  _" K) L; l# q+ t3 t" A0 W0 E
以上簡單的介紹在繪圖軟體上常用的幾個功能，
0 o  r/ \- T$ S$ oPixlr Editor 還有很多繪圖軟體必備的功能像
8 J. F; q, t' i5 |  t- h* m. ^( i! H「調整顏色」、「濾鏡」都能在主選單中找到，
$ J! o1 u# o8 t5 c/ |! a1 X這些功能礙於版面不一一介紹，) t. r- S; n7 F2 u
有興趣學習的朋友可以看看官方的 線上教學。8 i# s; @5 y4 r
' H6 @2 A* U" Z; [) t
像 Pixlr Editor 這樣的免費線上繪圖軟體還有很多，而且功能也都不差，
5 f6 \1 u; g7 e本篇文章並不是要說 Photoshop 是不需要的，使用過的朋友都知道在專業度上還是有不小差別。' u0 a  }) e% j. T" a. |
只是剛學會開車是否就要買好一點的跑車，這問題就見仁見智了，
: N) h! a; U+ f9 K有錢就買沒錢的話就…加減用吧^^;，等你的功力已經到了一定程度，; ?; o. r) i" M6 _* c
口袋也變深了，建議買 Photoshop 和 Painter 這樣的跑車來開開也不錯^^。

萌帝

《延伸閱讀》# {% S. a8 H& x. R. X& p
Pixlr o-matic 免費線上相片特效製作
& J, K. U, ]9 ~2 [9 a5 X( s名稱：Pixlr o-matic
- @9 v  @7 _; x: k  v3 g0 h. E性質：免費% z5 A+ a5 {7 C5 a! J
官方網頁：http://pixlr.com
9 i! G( H$ D$ |  B引用：Ragnarok網站2 X' G8 M+ k, y, Q. [' W

2 B8 Z0 c, V( Q  H" ]7 |- b5 L相信很多人都看過 LOMO 風格的照片，對 LOMO 的特殊風格印象深刻並且著迷，
. A- l3 n" K. T$ i2 Y- C不過想要買 LOMO 相機來玩是很燒錢的，可能玩了一陣子小朋友就開始抗議了 ，
  B, z% L: m. a# p% s3 e: p- r如果對品質要求不是那麼嚴格，LOMO 風格也是可以經由影像處理軟體製作，
1 w+ R$ k7 L/ c3 Y4 R不過這對不擅使用影像處理軟體的一般人來說又是另一個難題。
! l4 s2 Z; [% x) b2 G3 m* Q4 \% Y& ^/ E5 ~, j$ L: z
其實要製作類似 LOMO 風格的照片很簡單，
$ s. y6 X" U- Y只要使用 Pixlr 的 o-matic 就能輕鬆製作出很有 Fu 的照片，, c2 Y' y1 }6 `. b* {- v
而且也不用下載任何軟體就能直接在線上製作，3 O, X" i+ F. ]0 G$ u. J
不用再羨慕別人的 LOMO 風格照片了。8 r- ]2 N3 s/ @) s

3 v0 [2 v3 |  o5 S& t- p& r3 F「Pixlr o-matic」和「Pixlr Editor」9 @* H, }( \( Y& Z1 G; t+ p
同樣都是由「Pixlr」推出的免費影像處理服務，1 U. S' v2 O, W( r8 \3 ]/ w
進入 Pixlr 的官方網頁，點選上方的「Pixlr o-matic」。
! A. f2 A, g& ]" ?" y% W, j" @5 [
2 z( |5 x- `2 |! H: i3 B, b9 ]! S- }; Y
出現 o-matic 的歡迎畫面，想要將照片加上特殊效果，2 H1 v0 H- ^  B, w
可以按下右邊的〔computer〕選取我們的照片。
1 t2 c8 {' i1 b: Q為了說明上的方便，底下是直接使用左邊的官方照片。7 M7 Z" X1 p. l2 p4 a/ r
' x6 E% P6 [, D  u$ \. ~

" i, @/ o+ A; [% F2 b這裡是主要的操作介面，上方是照片的「效果預覽」，
: X: J. n+ V5 V2 x& x箭頭處那一列是可以選用的效果，可以按住滑鼠左右拖動，( W' O) T0 r% r0 z' v/ L
然後再點選想要的效果。
) H# ^/ [; r9 n8 H4 g下方中間的指針代表有「色彩效果」、「鏡頭效果」、「邊框效果」這三種效果調整，9 g; B& D6 T& h! F# y' _( y8 G
可以按下左右邊的方向按鈕或是中間指針的不同顏色來切換。2 \1 _; q5 f' b# I

# k* j, N7 |' d
% e  z4 ^# s- m. ^) e  h第一個可以選用的效果是「色彩效果」，# |  y0 L' Y. P1 b
按下效果的名稱後就會直接套用並且顯示在上方的「效果預覽」，% p# N; D3 u  m( b# i6 s- I3 B
圖片示範是選取「Tony」效果。
" E0 d9 `/ {& h' K/ l/ e) k
+ Y3 r1 b9 M, r
2 b( d0 ~; o  y. f接著切換到「鏡頭效果」，
( t  v4 L7 ~: Z可以看到很多鏡頭曝光、光斑、特殊效果，圖片示範是選取「Metal」效果。, O: @! \. e2 m: u! V& E

. I5 v2 |3 g' P5 s( l, [  ]' k" R3 Q) s: J8 i8 J& _( ?
最後切換到「邊框效果」，
7 o7 X" n* T& i7 o0 B  o) D# S7 I我們可以為照片加上各式各樣的邊框，
5 _8 d0 [( T' J/ M: _( a6 k( S! e如果怕太花俏不加邊框也是可以的，圖片示範是選取「Peri」效果。" f3 B& h8 W' ^: j
  z  d5 n4 V+ z* L
/ Q, ]; n9 ]0 Y. O- ]
確定好喜歡的效果之後就可以按下「Save」按鈕，: O8 |& K$ G* g# p
會出現底下類似晾乾照片的儲存畫面，
* {& Z+ g4 L) j8 W4 @" s% j按下右邊的〔computer〕按鈕就可以將照片存回我們的電腦。$ W( b: p* y+ q+ I
% [) R3 b" y. {: t7 A$ {# S9 o

: U- D5 t  y' H5 g2 s附上效果修改的前後對照，點選後會出現大圖可以看得更清楚，
; x( W- m; W7 C& Y7 p2 I- K$ Y看起來是不是很有感覺呢，而且製作過程只有短短幾秒鐘。
2 H: ^( @9 _' {' [1 c8 r. W' H/ `% o1 E: n) i0 \+ Z) w8 V
7 ]9 ]# o) @& {; C) y2 p
7 H; _% n: x* m7 K
總結:
% T$ J; Z) c9 w看完以上的 Pixlr o-matic 介紹有沒有覺得很簡單呢^^，
; [/ k( X& p, w1 g2 T' _! \雖然只是照片的罐頭效果，也沒有辦法作效果的細部微調，. a2 r" C+ @+ O$ d* G* h. z
但這樣的效果相信不少學影像處理還不熟的人也做不出來。
1 p, m8 R* A: G2 a% Q- R0 s, [) B: k5 T! z" z+ y: t. ]
Pixlr o-matic 雖然能夠讓你簡單、快速弄出特別的照片效果，
* ~3 N$ b% J4 u不過有一個缺點就是無法批次處理，要是有兩三百張照片想要處理就囧了，
3 F- B- E, z5 Q. ?$ x. Z. f之後有機會再介紹如何用 Photoshop 製作 LOMO 效果，) N- M# P# @% ~% R
看看 o-matic 和專業的軟體比較起來有甚麼不同。