. Affinity Designer, Affinity Photo で実務レベルのウェブ制作は可能? | PHP Archive
Affinity Designer, Affinity Photo で実務レベルのウェブ制作は可能? | PHP Archive
Affinity Designer, Affinity Photo で実務レベルのウェブ制作は可能? | PHP Archive

PHP Archive

Affinity Photo は写真加工や RAW 現像など、写真を編集する機能に特化したソフトウェアです。Mac / Windows に対応しており、執筆時点では6,000円程度で購入でき、サブスクリプションなどの継続的な支払いはありません。 Photoshop の PSD 形式ファイルの読み書きが可能で、レイヤースタイルをある程度保ったまま読み込む事ができます。 色調補正や各種ブラシもそれなりに揃っているので通常の補正で困ることはなさそうです。

RGB, CMYK の両方に対応し、HDR合成やパノラマ結合など豊富な機能があり、単体のペイントソフトとして見るなら十分にパワフルで実用的なソフトです。ドロップシャドウや光彩、境界線などのレイヤースタイルも Photoshop と同じ感覚で使えます。ただし PSD ファイルの読み込みは完全とはいえず、信用はできません。日本語テキストの一部が文字化けしたり、サテンなどのレイヤースタイルエフェクトが欠落したりします。現時点ではテキストの縦書きにも非対応なので注意が必要です。 最初からすべて Affinity Photo を使って作ったデータをもとに制作を進めるなら問題なく使えますが、他の人が Photoshop を使って作ったファイルをもとを Affinity Photo で読み込んで使うとなると互換性にやや不安があります。

Affinity Designer

Affinity Designer はベクターベースのドローツールで、こちらも執筆時点では6,000円ほどで購入できるサブスクリプション不要の買い切り型ソフトウェアです。Mac / Windows のどちらでも利用できます。 パスツールを使ったベクターはもちろん、ピクセルペルソナに切り替えることでピクセルベースのペイントも行うことができるようになるので、無機質なシェイプにアナログブラシの質感を与えることもできます。 特筆すべきは「シンボル」で、サイト内で繰り返し使うパーツをシンボルとして定義して配置すると、シンボルの1つを書き換えるだけで他のシンボルも同様に変化します。これを使うとヘッダーやフッターなどの共通パーツの管理が楽にできます。

一応 Illustrator の AI ファイルも読み込めますが互換性に関してはこちらも完璧を期待してはいけません。 書き出しに関しては AI は無く、主要なものとしては PNG, JPEG, GIF, TIFF のほか PSD, PDF, SVG, EPS などがあります。言い換えるならベクターのレイヤー構造を維持したまま他のソフトで読み込むことのできる形式はないということです。 CMYK には対応しますが執筆時点ではテキストの縦書きやトリムマーク(トンボ)作成機能はないのでパンフレット等の印刷物を作るには向かないと思います。

まとめ

Affinity Photo も Affinity Designer も素晴らしいソフトウェアで、Adobe系ソフトとの互換性や縦書きの問題を除けば十分に仕事で使えるように思います。少なくとも低価格ペイントツールの中では Photoshop Elements や Pixelmator よりも Affinity Photo のほうが優れています。Affinity Designer に関してはウェブ用途に限っていえば Illustrator 以上の実力と言って良いと思います。 現時点では Photoshop を完全に手放すのは難しい状況ですが、Creative Cloud のフォトプランにして月々のコストを抑えつつ Illustrator の代わりに Affinity Designer を使うというあたりが現実的な落とし所ではないでしょうか。

  • Adobe Creative Cloud 導入
  • [PHP]2018年現在使っているおすすめの開発ツール・開発環境(Mac)
  • [XML]要素・属性の使い分けと命名規則(要素名・属性名の決め方)
  • MacでのPHP開発におすすめのテキストエディタ比較
  • [PHP]投稿数や出現回数に応じて文字サイズが変わるタグクラウド
  • 初心者の方でも簡単に個人サイトが作れる Mobirise の使い方
  • [PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(1/2)
  • Symfony 3 のインストールと基本構成
問題のある投稿、誤りを報告する コメントを残す

About

最近の投稿

  • [JS]アニメーション付きで要素の上下を入れ替える
  • [PHP]CakePHP 3のインストールと初期設定
  • [JS]Babelとwebpackを使いES6用のスクリプトを古いブラウザに対応させる
  • [html]初心者の方でも簡単に個人サイトが作れる Mobirise の使い方
  • [PHP]Local by Flywheel で簡単にWordPressのローカル開発環境を構築
  • [PHP]DockerでPHP, MySQL(MariaDB), nginxを使ったローカル開発環境を構築する
  • [JS]Vue.jsで単一ファイルコンポーネントを作る
  • [JS]Reactのインストールと周辺ツール(Babel, Webpack)の導入方法

人気の記事

  • 関数名によく使われる英単語(動詞)の意味とニュアンス
  • [PHP]よくあるエラーメッセージの原因と対処法 1
  • [PHP]文字化けせずにCSVファイルを読み込み、配列に変換する
  • [PHP]日付から曜日を割り出す
  • [PHP, JS]jQueryのAjaxによるPHP、Javascript間の送受信(JSON)
  • [CSS, jQuery]クリックされたボタンの色を変更したり文字を書き換えたりする
  • MacでのPHP開発におすすめのテキストエディタ比較
  • [PHP]よくあるエラーメッセージの原因と対処法 2

カテゴリー

Tags

Subscribe

最近の投稿

  • [JS]アニメーション付きで要素の上下を入れ替える
  • [PHP]CakePHP 3のインストールと初期設定
  • [JS]Babelとwebpackを使いES6用のスクリプトを古いブラウザに対応させる
  • [html]初心者の方でも簡単に個人サイトが作れる Mobirise の使い方
  • [PHP]Local by Flywheel で簡単にWordPressのローカル開発環境を構築
📎📎📎📎📎📎📎📎📎📎