新しくなったfotorの使い方

新しくなったfotorの使い方

  • 2017-10-01  最終更新日:2017-10-21

fotorのサイトが一新されました。HTML5で書き直されて高いパフォーマンスが期待できます。

新しくなった部分のみ記載しておりますので機能的に見たい方は⇒以前の記事をご覧下さい。

このシンプルさが使い勝手を良くしております。基本メニューは編集・コラージュ・デザインのみです。

写真加工は主に編集ですね。写真の組み合わせなどはコラージュで、バナーやヘッダーなどの作成はデザインという構成です。PDFの書き出しとクラウド保存が出来るのはコラージュとデザインのみです。

例えばサイト制作の指示画像としても使えますし、当然写真加工も使えます。

ブログに写真紹介や、プリントスクリーンで撮った画像を使い方記事として、インスタグラム映えする加工などでも使えますね。わざわざアプリを立ち上げなくてもウェブで完結してしまうところがとても便利ですね。

この進化はフォトショップいらずという感じになってきていますね。とはいってもまあ、仕事では使いますが。。。


新しくなったfotor

fotor

主にパフォーマンスが上がったというところで機能的には以前と同じです。部分的に機能アップを図ったところもあります。

よく使う機能を上部に配置することで使い勝手が上がっています。

スナップショットボタンは加工した画像を一時的に保存することが出来ますし、オリジナルボタンを押せば加工前の状態に戻ります。同期ボタンはクラウド保存されて以前保存した物がすぐに使えるようになります。

保存はjpg/pngの他にpdf保存が対応になっております。コラージュとデザインのみの対応ですがpdfで出力が出来るのは良いですね。

編集

編集項目のメニューです。基本的な調整、効果、美顔、フレーム、ステッカー、テキストの6種類がメインメニューになりその下に機能が入っています。とてもわかりやすいですね。

  • 基本的な調整
    • ワンタッチ補正
    • 切り取り
    • 回転
    • 基本機能
    • カラーレベル
    • 色調整
    • ビネット
    • 色調補正
    • リサイズ
  • 効果(種類が多いので数点のみ)
    • お気に入り
    • LENS FLARE
    • フィルムグレイン
    • COLOR SPLASH
    • PIXELATE
    • ぼかし
    • TILT SHIFT - BRUSH
  • 美顔
    • ベーシック機能
    • アイメイク機能
    • リップ機能
  • フレーム(種類が多いので数点のみ)
    • お気に入り
    • VINTAGE
    • SIMPLE
    • DECO
    • POLAROID
    • FILE EDGE
    • CLASSY
    • CUTE
    • SUMMER
    • FUNKY
  • ステッカー(種類が多いので数点のみ)
    • マイ画像を使う
    • お気に入り
    • BASIC SHAPES
    • BASIC LINE
    • BASIC WIREFRAMES
    • EMOJI
    • ARROW
    • BALLOONS
    • BIRTHDAY CAKES
    • CHRISTMAS
    • COMIC CHRISTMAS
    • FAMILY
    • FLORAL SYMBOLS
    • FLOWER SYMBOLS
  • テキスト
    • add headline
    • add subheadline
    • add a little of body text

という構成になっており、美顔機能というのが特徴的ですね。ステッカー機能のBASIC WIREFRAMESとARROWとテキストで修正指示なども作れます。

fotor

後は画像の下に拡大率がありますが、その横に対比というボタンがあります。実は元画像と比較が出来るようになっており、ボタンを押している間は元画像が表示されておりクリックひとつで比較が出来るようになっています。

fotor

一番下に設定ボタンがありますが言語(英語・スペイン語・ポルトガル語・ロシア語・フランス語・ドイツ語・中国語(簡体・繁体)・日本語)が選べるようになっており、説明を押すと各メニューの使い方がわかるようになっています。

fotor

基本的な調整を使ってみた感じの流れです。GIFなのでカクカクしていますが流れはスムーズです。

コラージュ

コラージュは写真などを組み合わせて表現する機能です。ステッカー、テキスト機能は編集にある機能と同じですが背景は色やパターンを選ぶことでよりカラフルに表現することが出来ます。

  • クラシック
  • アート
  • ステッチ
  • ステッカー
  • テキスト
  • 背景

fotor

アート風作品

fotor

コチラはクラシック

fotor

コチラもコラージュを使ってみた流れです。割と簡単に使えているのがわかるかと思います。

デザイン

バナーデザインやフェイスブックカバーなどが簡単に作成できます。テンプレートも豊富にあるので選んで編集するだけでもかなりの物が出来上がります。

デザインにはページ機能があるので複数のデザインを管理することが出来ます。

  • テンプレ
  • ステッカー
  • テキスト
  • 背景
  • ページ

fotor

デフォルトのテンプレートにはカードやポスターからYouTubeサムネイルやfacebookカバー、twitterカバー、google+カバー、バナー広告など様々な用途に使えるものがあります。

fotor

テンプレートを選んで写真を選択してテキストを入れれば出来上がりと簡単にデザインできてとてもオススメです。

fotor

コチラもフェイスブックカバーを選んでみたカバーの作成してみた感じです。やり方はコラージュと似ています。選んで写真をはめれば簡単に仕上がります。

ステッカーとデザインテンプレートの検索機能が追加されております。

デザインテンプレート

このようなアプリは多いですが、もう写真や画像加工に関してはfotorで良いんじゃないですかね?

参考になれば幸いです。


∞Tadashi Suyama∞

fotor photo editing image processing 画像加工 写真編集
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
そろそろvuejs始める

最近はjQueryよりvueで書いた方が楽ではないかと思い学習中です。 そもそもVuejsはドキュメントが日本語対応なので試しやすいし情報も豊富なので学習しやすいです。 3大フレームワークと呼...

02 May 2021

アイキャッチ
追い風CSS(tailwindcss)が結局楽かも

最初にtailwindcssのv1が出た頃はまだbootstrapで良いかな。 htmlに入れるクラスタグが多過ぎと思っていました。あまり良い印象はなかったです。 時は過ぎいろいろと触っていると...

29 Apr 2021

アイキャッチ
エラー処理について

COJPドメンを取得する際に「登記年月日」という項目があります。 その項目通り登記した年月日を入れる訳ですが、なぜかエラーが出ました。 半角英数字にして下さいというよくあるエラーです。当然半角英...

24 Jan 2021

アイキャッチ
javascriptのundefinedの判定

jqueryで高さの数値をとって足し算をしていたらエラーも出ずに動かないということになったので調べてみました。 ワードプレスで管理画面のアドミンバーが一度ログインするとフロント画面でも表示される...

17 Jan 2021

アイキャッチ
Webpack5にアップデートしてエラーの対処方法2つ

webpack4(4.41.5)から webpack5(5.12.1)にあげました。 特に難しい設定は行っておらず主にscssと共通モジュールの設定だけで使っているのですがそれでもエラーが出たの...

09 Jan 2021

著者

ウェブエンジニアの須山のブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

フッターイメージ