このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなくて損したPC情報とかを分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • iPhone:「メール」で受信を再開しようとしたら迷いまくった話 (08/20)
  • iPhone:ホーム画面で複数のアプリをまとめて移動する (08/17)
  • Affinity Photo:伸縮しても崩れないフチ取り付きの枠線を作る (08/15)
  • Win:タスクバーのツールバー(クイック起動)が並び替えできない (08/13)
  • Windows:ファイルを別のアプリで開こうとしても無視される (08/10)
  • 管理人より
    2300万アクセス突破しました。ありがとうございます。

    月額制フォトショが嫌な人向けの「Affinity Photo」に乗り換えてみた

    このエントリーをはてなブックマークに追加
    操作画面


    こんにちは、さち です。

    ブログを書くときに欠かせない「画像」。
    これまでは、Photoshop Elements を使って編集してきました。

    ただ、Photoshop Elements では機能が物足りません。
    サブスクリプションの Photoshop CC へのアップグレードも考えましたが
    ブログのためだけに毎月1000円払うのは微妙。
    他のアプリを色々試すも、希望に合うものは見つからない……。

    そんな中、出会ったのが「Affinity Photo」です。

    6000円の買い切りにも関わらず、Photoshop に近い高機能!
    動作も軽い! その上、操作性は Photoshop に近い!

    やっと見つけた希望通りのアプリ「Affinity Photo」に乗り換えです。
    丁度セール中だったので4200円で買えました。安いですねぇ~。

    今回は、勉強と紹介を兼ねて
    Affinity Photo の機能について見ていきたいと思います。




    ずっと欲しかった機能

    Photoshop Elements を使っていて欲しかった機能は次のとおり。

    • 多種のレイヤースタイル(特に、内側シャドウ,カラーオーバーレイ)
    • テキストのカーニングとトラッキング(字間調節)
    • レイヤーグループ(レイヤーフォルダー)
    • スマートオブジェクト(非破壊の拡大/縮小,回転)
    • スマートフィルタ(非破壊のフィルタ)
    • パスによる選択範囲作成
    • ガイド(配置を整列する補助スナップ線)
    • 動作の軽さ,操作性が Photoshop に近い

    逆に言えば、上記のことはすべて Affinity Photo で実現できます。
    Photoshop に負けず劣らずの高機能です。




    起動してみる

    起動時のスプラッシュはこんな感じ。なかなかカッコイイ。
    SATA接続 の SSD で起動時間は4~5秒です(→ PCスペック詳細)。
    操作画面


    編集画面はこんな感じ。Photoshop に近くて親しみやすいですよね。
    ヨーロッパ発のアプリですが、日本語化されているので安心です。
    パネル,キャンバスは分離可能で、明るい UI も選択できます。
    操作画面
    ※ クリックで拡大


    専用ファイル形式以外は、「エクスポート」から書き出せます。
    一応、psd形式 もありますが、互換性はあまり期待しない方が良いです。
    (逆に、psd の読み込みは中々頑張っていると思います)
    操作画面


    専用ファイルの拡張子は「afphoto」です(7文字でちょっと長い)。
    エクスプローラーでサムネイル表示されるのは便利ですね。
    (サムネイルは Affinity Photo 終了後に作成される模様)
    操作画面




    どんな「ツール」があるか

    実装されているツールはこんな感じ。
    こちらも Photoshop に近いものがそろっています。
    希望だった『パスによる選択範囲作成』もペンツールで可能です。
    操作画面


    各ツールで使用できるものは下記のとおり。
    シェイプ(図形)は、頂点の数や丸み等の変更,パスへの変換も可能です。
    操作画面


    テキストツールでは
    希望だった『カーニングとトラッキング(字間調節)』の調節も可能。
    上付き/下付き文字(タイポグラフィ)もできます。
    操作画面


    ただし、現時点では縦書きに未対応です。
    (私は縦書きをほとんど使わないのであまり支障はないですが)
    また、日本と海外のフォントが混在してアルファベット順に並ぶので
    日本語フォントを探すのが少し面倒です。

    発展途上の海外製ソフトなので
    まだ、日本語の細かい部分まで手が回っていない感じはします。
    今後のアップデートでに期待したいところです。




    キャンバス(「動的ガイド」がドチャクソ便利)

    もともと、「ガイド」機能が欲しかったのですが
    「動的ガイド」という機能がドチャクソ便利です。

    「動的ガイド」は、レイヤー同士を自動でスナップしてくれる機能です。
    例えば、レイヤー同士の端を自動でスナップしてくれます。
    レイヤー間の距離が 何px なのか表示されるのも便利です。
    操作画面

    さらに、レイヤーを並べる場合、適切な余白で自動的にスナップします。
    例えば、「茶色」と「紫色」の余白が 20px なので
    「紫色」と「水色」の余白も 20px のところでスナップをしてくれます。
    操作画面

    「動的ガイド」は、レイヤーを移動する時にだけ機能するので
    普段の状態で表示が邪魔になることはありません。


    もちろん、希望だった通常の「ガイド」も使用できます。
    新規作成すると初期値として二等分の位置にガイドが追加されますが
    手動入力(「px」または「%」)でも指定できます。
    また、ルーラーからのドラッグでもガイドを作成できます。
    操作画面

    もちろん、ドラッグでガイドの位置を移動することもできます。
    現行バージョン(1.6.4.104)では、「ガイド」のロック(固定)ができませんが
    今後のアップデートで実装予定らしいです。
    操作画面


    「動的ガイド」の機能が強力すぎて
    元々希望していた「ガイド」の存在が霞(かす)んでしまいました。

    「動的ガイド」は、レイヤーを整列するのに非常に便利で
    一度使うと手放せません。
    「動的ガイド」のおかげで、通常の「ガイド」を使う機会が減りそうです。

    色については、RGB はもちろん CMYK も扱えます。




    「レイヤー」まわり

    レイヤーパネルはこんな感じ。
    各レイヤーの右側にあるチェックボックスがレイヤーの「表示/非表示」切り替えです。
    希望だった『レイヤーグループ(レイヤーフォルダー)』も使えます。
    AffinityPhoto31.png


    使用できる「ブレンドモード」は31種類。
    「パススルー」は、「レイヤーグループ」でのみ使用できます。
    (パススルーの効果は、SAI や Photoshop の「通過」と同じ)
    操作画面


    「レイヤーエフェクト」は、Photoshop でいう「レイヤースタイル」です。
    Photoshop には一部及びませんが、Photoshop Elements よりはかなり充実しています。
    ずっと欲しかった『内側シャドウ,カラーオーバーレイ』も使用できます。
    操作画面
    ※ クリックで拡大

    ちなみに、このような図形に上記設定のレイヤーエフェクトをかけると……
    操作画面

    こんな感じになります。
    色々なレイヤーエフェクトがあると、いじっているだけで楽しいですね。
    操作画面


    「ライブフィルタ」は、Photoshop でいうスマートフィルタのようなもので
    レイヤーの内容を変更せずに掛けられる非破壊のフィルタです。
    例えば、ライブフィルタの「ガウスぼかし」をかけた場合
    ライブフィルタを削除,非表示にすると、ぼかしが取れて元の画像に戻ります。
    まさに、私が希望していた機能です。
    操作画面

    使用できる「ライブフィルタ」は28種類です。
    操作画面


    色補正で使用する「調整レイヤー」は22種類。
    「カーブ」は Photoshop でいうトーンカーブです。
    操作画面


    ちなみに、レイヤーの拡大/縮小,回転は非破壊
    何もしなくても全レイヤーが Photoshop でいうスマートオブジェクトの状態。
    どれだけレイヤーを拡大/縮小,回転しても元の画質が維持されます。
    希望どおりの機能ですし、その上設定不要というのは使いすくて便利ですね。

    また、「切り抜き」後もキャンバス外のデータは保持されるので
    後で元の画像サイズに戻すことも可能です。
    (キャンバスのサイズを小さくしたような状態になる)

    非破壊(可逆)でのレイヤー編集がしやすいのはとっても便利ですね。




    「メニュー」を一通り確認

    羅列すると多すぎるので画像にして貼っていきます。


    ■ ファイル
    「ペルソナ」は、簡単言うと編集モードのことです。詳細は後述します。
    操作画面


    ■ 編集
    操作画面


    ■ テキスト
    操作画面


    ■ ドキュメント
    操作画面


    ■ レイヤー
    操作画面


    ■ 選択
    操作画面


    ■ 配置
    操作画面


    ■ フィルタ
    「ぼかし」などの各フィルタの詳細は後述します。
    操作画面


    ■ ビュー
    操作画面


    ■ ウィンドウ
    操作画面


    ■ ヘルプ
    操作画面




    「フィルタ」の詳細

    各フィルタにどんなものがあるか確認します。
    ちなみに、「フィルタ」メニューの中になくても
    前述の「ライブフィルタ」「調整レイヤー」には存在するフィルタもあります。


    ■ ぼかし
    操作画面


    ■ シャープ化
    操作画面


    ■ 歪曲
    操作画面


    ■ ノイズ
    操作画面


    ■ 検出
    操作画面


    ■ カラー
    操作画面


    各フィルタが実際にどんな効果をもたらすのかは
    Affinity Photo の公式ヘルプのサンプルを見ると分かりやすいです。




    その他の編集モード(ペルソナ)

    Affinity Photo には「ペルソナ」と呼ばれる目的別の編集モードがあります。

    ここまで紹介したものはすべて画像編集に特化した「写真」ペルソナでしたので
    他のペルソナも簡単に紹介しておきます。


    ■ 「ゆがみ」ペルソナ
    画像をゆがめる、逆にゆがみを取ることに特化した編集モード
    操作画面
    ※ クリックで拡大


    ■ 「現像」ペルソナ
    現像(主に RAW データの使用)に特化した編集モード
    操作画面
    ※ クリックで拡大


    ■ 「トーンマッピング」ペルソナ
    HDR合成などのトーンマッピングに特化した編集モード
    操作画面
    ※ クリックで拡大


    ■ 「エクスポート」ペルソナ
    画像のスライスなど、書き出しに特化した編集モード
    操作画面
    ※ クリックで拡大

    編集中の画像は、各ペルソナに受け渡しできます。

    ペルソナは「ファイル」メニューから切り替えられますが
    ツールバーを表示している場合は、各アイコンからも切り替えられます。




    残念な点(今後に期待)

    Affinity Photo は
    操作性が Photoshop に近い、低価格、高機能という三拍子がそろい
    非常に素晴らしいデキのアプリです。

    しかし、まだまだ発展途上で使っていて不便に感じるところがあるのも確か。
    個人的に気になった点をいくつか書いておきます。


    ■ 一時的に全レイヤーエフェクトを無効にする機能がない
    例えば、1枚のレイヤーのエフェクトを一時的にすべて無効にしたい場合
    レイヤーエフェクトを1つずつ無効にしなくてはいけないのが地味に面倒です。

    ■ 全レイヤーエフェクトを削除できる機能がない
    例えば、1枚のレイヤーのエフェクトをすべて削除したくても
    その機能がないので、手動で全エフェクトを無効にするしかありません。

    ■ レイヤーパレットではピクセルレイヤーしか新規作成できない
    個人的に塗りつぶしレイヤーをよく使うので
    レイヤーパレットから新規塗りつぶしレイヤーも作れるようにして欲しいです。

    ■ 「切り抜き」が地味に使いにくい
    切り抜きの枠が最初からキャンバス全体に広がっている仕様は正直微妙。
    また、グリッドを非表示、枠線外を暗くするようにしても
    次回使用時に設定が元に戻ってしまいます。
    スクロール中に枠線が表示されないのも地味に使いづらいです。

    ■ 「Ctrl」「Alt」のツールシフトが使えない
    「Ctrl」を押しても移動ツールにならないので、「V」を押すしかありません。
    「Alt」を押しても色選択(スポイト)にならないので、「I」を押すしかありません。
    Photoshop でよく使っていた人には慣れるまでが大変かも。

    ■ psd の書き出しはあまり期待しない方がいい
    psd で出力しても、それを Photoshop で読み込むと問題が出やすいです。
    (レイヤーエフェクト,テキストがラスタライズされたりなど)
    psd の読み込みは日本語のレイヤー名が文字化けする場合がありますが
    レイヤースタイルの再現は割りと頑張ってくれます。

    ■ Photoshop と同じカラーピッカーがない
    「ボックス」を選ぶ、または「色」をダブルクリックすると
    Photoshop に近いカラーピッカーを使用できますが
    彩度の最大値が右端中央にあるので微妙に違います。
    そのうち慣れそうな気はしますが、できれば同じ形式のものを使いたいです。




    まとめ

    起動が速く、動作も快適。
    Photoshop Elements より安い6000円という買い切り価格にも関わらず
    Photoshop に近い機能を持つ、非常にコストパフォーマンスが高いアプリです。
    (セール中ならさらに30~20%安く、4200~4800円程度で買える)

    サブスクリプション(月額制)の Photoshop 6ヶ月分の金額で
    ずっと使えるのはお財布に優しいですね。

    psd形式 での書き出しは正直微妙なので
    Photoshop とのファイルのやり取りは考えない方が良いですが
    私は、個人的な画像編集で使うのでこの点は問題なさそうです。

    Photoshop 経験者であれば
    マニュアルを見なくても大体の基本操作ができる点も楽です。
    一部、使いにくさを感じるところもありますが
    自分の慣れと今後のアップデートに期待したいところ。

    サブスクリプション(月額制)が嫌で
    Photoshop CS や Photoshop Elements を使っている個人にとって
    Affinity Photo は良い乗り換え先になるかもしれません。

    機能制限なく10日間使える試用版(体験版)もあります。
    安いとはいえ有料ソフトなので自分の目的が叶うか試してみて下さい。
    (試用版のダウロードには公式サイトでのアカウント作成が必要)
    期限を過ぎると起動できなくなるのでガンガン試用しましょう。

    私は、今後のブログの画像編集で使っていく予定なので
    使用方法などの記事をまたちょくちょく書いていきたいと思います。




    Affinity Photo の販売は、公式サイト以外に
    Microsoft StoreMac App Store でも行っているようです。
    ただし、セール等で公式サイトとそれ以外で価格が異なることがあるので注意。
    (私は公式サイトから購入しました)
    また、Amazon にあるのは「解説書(洋書)」なので誤購入に気をつけて下さい。

    ちょいちょいセールをやっているみたいなので
    購入を考えている方は、値下げしている時を狙ってみて下さい。

       → Affinity Photo の詳細ページ - Serif(Affinity 公式)


    私は Affinity Photo だけを買いましたが
    Illustrator の代替として「Affinity Designer」もあります。
    買い切りのベクター編集アプリを探している方は試してみて下さい。








    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2018 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ