皆さんは、画像加工はどのように行っているでしょうか?

今は無料にも関わらず豊富な加工機能を持ったツールが多く公開されています。

今回ご紹介する「Pixlr-o-matic(ピクスラーオーマティック)」も、無料でありながら豊富なエフェクト・フレーム・オーバーレイ機能を持った画像加工ツールです。

今回はインストール方法から基本的な使い方についてご紹介します。

目次

  1. Pixlr-o-maticとは
  2. Pixlr-o-maticのインストール方法
  3. Pixlr-o-maticの使い方
    1. 画像をアップする
    2. 加工する
      1. Effects
      2. Overlays
      3. Borders
      4. 切り抜き
      5. ランダム
    3. 保存する
  4. まとめ

Pixlr-o-maticとは

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_0TOP.png
https://pixlr.com/o-matic/

Pixlr-o-maticは、アメリカのAutodesk社が提供する無料の画像加工ツールです。

あらかじめ用意されたエフェクト、オーバーレイ、ボーダーを組み合わせて画像を加工し、デザイン性の高い画像を作成できます。

画像の明るさや色調などは細かく調整できませんが、そのぶん豊富なテンプレートが用意されています。
加工イメージを確認しながらテンプレートを選ぶだけで、画像を簡単に編集できるのが特徴です。

ブラウザ版、PCソフトウェア版(Windows、Mac)、スマートフォンアプリ(iOSAndroid)版、Facebook版、Google Chrome拡張機能など、幅広いOSデバイスで利用できます。

Pixlr-o-maticのインストール方法

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_1繧、繝ウ繧ケ繝医・繝ォ1.png

ブラウザ版のPixlr-o-maticのページのフッターに、PCソフトウェア版、Facebook版、Google Chrome拡張機能、スマートフォンアプリ(iOSAndroid)の各リンクが掲載されています。
ここではPCソフトウェア版のリンクをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_1繧、繝ウ繧ケ繝医・繝ォ2.png
「Install Now」ボタンをクリックします。インストールの途中でAdobe Flash Playerのアクセス許可が表示された場合は、「許可」をクリックして先に進みます。

インストールが完了し、ソフトを起動すると、ブラウザ版のTOPと同様の画面が表示されます。

Pixlr-o-maticの使い方

画像をアップする

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_1逕サ蜒上い繝・・1.png
ブラウザ版およびPCソフトウェア版で使い方をご紹介します。まずTOPページにて、加工する画像を登録します。webcam(Webカメラで撮影する)か、computer(ローカルからアップロードする)か選択します。

使用感を試したい場合などは、左下に表示されているサンプル画像を選択して先に進めます。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_1逕サ蜒上い繝・・2.png
画像を登録すると、加工画面に移ります。

加工する

Pixlr-o-maticのサンプル画像を元に、画像の加工方法をご紹介します。

Effects

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_1Effect1.png
Effects(エフェクト)は、画像全体の明るさ・コントラスト・露出・色調などを変更します。
モノクロ・セピアなどヴィンテージ風の加工や、別の時間帯や天候で撮影したような加工ができます。画像全体の色味を変更することも可能です。

初期状態では、画像の下に25種類のエフェクトが表示されています。さらにエフェクトを追加するには、一番右のプラスマーク(More)か、左下のフィルムアイコンをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_1Effect2.png
一番左の「Effects」をクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_1Effect3.png
追加可能なエフェクト一覧が表示されます。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_1Effect4.png
選択済みのエフェクト画像の上にはフィルムネガのアイコンが表示されます。選択完了後、右下のOKボタンをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_1Effect5.png
画像下に表示されたエフェクト一覧の一番右に、選択したエフェクトが追加されます。

Overlays

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_2Overlay1.png
Overlays(オーバーレイ)では、元の画像にテクスチャや光を重ねられます。紙・布・金属などのテクスチャ、鳥・蝶・ドットなどのモチーフ、花火・炎・ネオンまで、多数のオーバーレイが用意されています。

中央下のメーターの青い部分か、右下の矢印をクリックすると、オーバーレイの選択画面に移動します。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border2.png
初期状態では、画像の下に30種類のオーバーレイが表示されています。さらにオーバーレイを追加するために、一番右のプラスマーク(More)か、左下のフィルムアイコンをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_2Overlay3.png
中央の「Overlays」をクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_2Overlay4.png
追加可能なオーバーレイ一覧が表示されます。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_2Overlay5.png
選択済みのオーバーレイ画像の上にはフィルムネガのアイコンが表示されます。選択完了後、右下のOKボタンをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_2Overlay6.png
画像下に表示されたオーバーレイ一覧の一番右に、選択したオーバーレイが追加されます。

Borders

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border1.png
Borders(ボーダー)では、元の画像に枠線を追加します。画像の周囲に花模様や木の葉を追加したり、写真・額縁・古い紙のように見せたりできます。画像の周囲だけでなく、エフェクトやオーバーレイのように画像全体の印象を変更するボーダーもあります。

中央下のメーターの黄色い部分か、右下の矢印をクリックすると、ボーダーの選択画面に移動します。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border2.png
初期状態では、画像の下に30種類のボーダーが表示されています。さらにボーダーを追加するために、一番右のプラスマーク(More)か、左下のフィルムアイコンをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border3.png
右の「Borders」をクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border4.png
追加可能なボーダー一覧が表示されます。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border5.png
選択済みのボーダー画像の上にはフィルムネガのアイコンが表示されます。選択完了後、右下のOKボタンをクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_3Border6.png
画像下に表示されたボーダー一覧の一番右に、選択したボーダーが追加されます。

切り抜き

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_4蛻・j謚懊″1.png
トリミングのアイコンをクリックすると、画像を縦横比1:1の正方形に切り抜けます。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_4蛻・j謚懊″2.png
一辺の長さは短い方に統一されます。長い方の辺は、中央を残して上下あるいは左右均等にカットされます。もう一度トリミングアイコンをクリックすると、元の画像に戻ります。

ランダム

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_5繝ゥ繝ウ繝€繝1.png
ランダムアイコンをクリックすると、いずれかのエフェクト、オーバーレイ、ボーダーが同時にランダムに適用されます。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_2蜉蟾・_5繝ゥ繝ウ繝€繝2.png
中央のメーターを切り替えると、それぞれ何が適用されたか確認できます。エフェクトはHarry、オーバーレイはLocal、ボーダーはSandが適用された例です。

保存する

Pixlr-o-matic_2使い方_3保存1.png
加工した画像を保存するには、中央下の「Save」ボタンをクリックします。

Pixlr-o-matic_2使い方_3保存2.png
「computer」をクリックします。

Pixir-o-matic_逕サ蜒・Pixlr-o-matic_2菴ソ縺・婿_3菫晏ュ・.png
任意の名前を付け、矢印ボタンをクリックすると、画像をjpeg形式で保存できます。

Pixlr-o-matic_2菴ソ縺・婿_3菫晏ュ・.png
画像の保存前にブラウザの再読み込みボタンをクリックしたり、ソフトを再起動したりした場合、加工中の画像データは消えてしまいますので注意しましょう。

ソフトウェア内の左矢印の「戻る」ボタンでTOP画面に戻った場合は、画面の右下に編集中の画像が表示され、作業を再開できます。

まとめ

Pixlr-o-maticは英語表記で一見使いづらそうな印象を受けますが、プレビューでどんなエフェクトがかかるのか見ながら作業できるため直感的に加工ができます。
無料で使えるのでぜひ一度使ってみてはいかがでしょうか。