ここではAffinity Photoの数ある機能の中から主にブログサイトや商品・サービス紹介サイトでの利用を前提としたweb用画像の作成・加工についての使い方をご紹介します。
(記事中の画像もAffinity Photoで作成してます)
基本的な使い方はこの下にある記事一覧の目次をご覧ください。
”知ってればより効率アップ”のTips系記事はこちらにまとめてあります。
※当記事は続きモノです。
- なぜweb用画像作成・加工にAffinity Photoを選んだのか
- 新規ドキュメントの作成と保存
- 編集画面の概要
- 移動ツールの挙動一覧
- 画像の取り込みとラスタライズ化 ←いま見ている記事
- 画像切り抜き(範囲選択)は2つのやり方を覚えておけばほぼ大丈夫
- とりあえずカーブだけは覚えておこう(1.明るさ補正編)
- とりあえずカーブだけは覚えておこう(2.色味補正編)
- PSDも展開可能な画像の読み込み(配置)
- 画像の出力(書き出し)はどの設定がおススメ?
- 細かすぎるスナップ設定は自分好みにカスタマイズすべし
- ガイドの賢い使い方
- 読み込んだ画像がボケるのは小数点が原因
- スタイル or エフェクトを貼り付けの挙動一覧
- 2種類のフィルターの使い分け
- 余計なモノを隠す(モザイク・ぼかし編)
- 余計なモノを隠す(6つの修正ツール編)
- 2種類のテキスト縁取り(境界線)の使い分け
新規ドキュメントの保存
新規ドキュメントを設定したらまずはAffinity Photo形式のファイル(拡張子が.afphoto)で保存しておくことをおススメします。
メニューから【ファイル】→【名前を付けて保存】で適当な場所に適当なファイル名で保存します。
早めの保存作業はかなり重要です。
というのも画像加工している最中にソフトが落ちたらそれまでの編集作業はすべてパーになっちゃうから。
そのため新規ドキュメントを保存したあとは、編集の途中途中で上書き保存するクセを付けておくといいですよ。
万が一ソフトが落ちたりWindowsが不安定になっても最後に保存した時点での編集内容から再開することができるので被害が最小限で済みます。
画像の取り込みとラスタライズ
新規ドキュメントへの画像の取り込み方ですが、メニューから【ファイル】→【配置】をクリックし、取り込みたい画像をクリックして「開く」をクリックします。
(画像のダブルクリックでも可)
すると下の画像のようなアイコンが出るので適当な位置でクリックします。
(アイコンの位置が画像の中心点に当たるようです)


画像ファイルを直接ドキュメント上にドラッグ&ドロップしてもOK。
その場合はドロップした時点で画像が表示されます。
ラスタライズ
画像の取り込みが完了した時点でラスタライズという作業をかけちゃいましょう。
ラスタライズというのは”画像化”みたいなことで、Affinity Photoに取り込んだ画像は(厳密には配置状態で)そのままでも編集は可能ですがラスタライズという工程を経ないと画像加工でよく使う範囲指定ができません。
これは致命的ともいえる仕様なので迷わずラスタライズしちゃって問題ありません。
メニューの【フィルター】以下のエフェクト類もラスタライズしてないシェイプ画像なんかにはかけられません。
ラスタライズ自体は目的のレイヤー上で右クリック→【ラスタライズ】をクリックすれば完了します。

ラスタライズする前のいわゆる”配置”画像にはそれなりの利用方法があるらしいんですが、web画像の加工に関して言えばメリットらしいメリットはないかと思います。
ちなみに画像を取り込んだ(配置した)時点でのレイヤー表記は①「画像」で、ラスタライズしたレイヤーは②のように「ピクセル」と変化します。


ラスタライズ前が「画像」でラスタライズすると「ピクセル」って表記、ややこしくないですか。
ラスタライズ作業は今後もひんぱんに出てきます。
もしも”レイヤー上で右クリック→【ラスタライズ】までマウスをおろしてクリック”という手間さえ面倒という方は(※筆者です)専用のマクロを作っておくとレイヤー選択後にマクロ1クリックで済ますこともできます。
画像の移動
取り込んだ画像が下のようにドキュメント内に収まってない場合はツール(アイコン)から移動ツールを選択するかショートカットキーのVを押すことで画像が選択できるようになります。
その後、適当な位置にドラッグ移動&サイズ調整しておきます。


移動ツールはしょっちゅう使うツールなのでショートカットキーをVではなくあなたが押しやすいキーに変えておいてもいいでしょう。
通常、画像を縮小すると文字がつぶれたり枠線が細くなったり(解像度の変更?)するものです。
その後に”やっぱりもうちょっと大きい方がいいかな”と思って拡大してみると、縮小時の解像度を元に引き伸ばされるためボケボケの画像になってしまいます。
でもAffinity Photoは編集画面上で画像を何度拡大・縮小しても画像が粗くなったりすることがないんです。
これはホントに便利な機能ですよ。
これがフリーソフトだとそうはいかないものもあります。
たとえばGIMPの何が使いにくかったかと言えば、一度縮小したものを再度拡大しようとすると一気に画像がぼけてしまうんですよね。
だから画像の拡大・縮小時は何度もテストを行って最適なサイズを出した上で再びテスト前の状態に戻してから一発でサイズ調整する必要があったんです。
これは相当なストレスでした。
(もしかしたら今は仕様が変わってるかもしれませんのであくまで過去の話と受け止めてください)
またAffinity Photoに取り込んだ画像をいくら編集・加工したところで元のオリジナル画像に影響が及ぶことは全くないのでご安心を。
【Affinity Photo ver.1.9.2で検証済】
コメント