アイキャッチ画像
HOME > ウェブデザイン > Affinity Photo > 画像の取り込みとラスタライズ化-Affinity Photo
記事公開日:2021.6.18
この記事は約3分で読めます。

画像の取り込みとラスタライズ化-Affinity Photo

ここではAffinity Photoの数ある機能の中から主にブログサイトや商品・サービス紹介サイトでの利用を前提としたweb用画像の作成・加工についての使い方をご紹介します。

(記事中の画像もAffinity Photoで作成してます)

基本的な使い方はこの下にある「使い方記事一覧」をご覧ください。
それ以外の知ってればより効率アップのTips系記事はこちらにまとめてあります。

※Affinity Photo使い方記事一覧

スポンサーリンク

スポンサーリンク

新規ドキュメントの保存

新規ドキュメントを設定したらまずはAffinity Photo形式のファイル(拡張子が.afphoto)で保存しておくことをおススメします。

メニューから【ファイル】→【名前を付けて保存】で適当な場所に適当なファイル名で保存します。

早めの保存作業はかなり重要です。

とうのも画像加工している最中にソフトが落ちたらそれまでの編集作業がすべてパーになっちゃうから。

そのため新規ドキュメントを保存したあとは、編集の途中途中で上書き保存するクセを付けておくといいですよ。

万が一ソフトが落ちたりWindowsが不安定になっても最後に保存した時点での編集内容から再開することができるので被害が最小限で済みます。

スポンサーリンク

スポンサーリンク

画像の取り込みとラスタライズ

新規ドキュメントへの画像の取り込み方ですが、メニューから【ファイル】→【配置】をクリックし、取り込みたい画像をクリックして「開く」をクリックします。

(画像のダブルクリックでも可)

すると下の画像のようなアイコンが出るので適当な位置でクリックします。

(アイコンの位置が画像の中心点に当たるようです)

キャプチャ画像

画像ファイルを直接ドキュメント上にドラッグ&ドロップしてもOK。

その場合はドロップした時点で画像が表示されます。

ラスタライズ

画像の取り込みが完了した時点でラスタライズという作業をかけちゃいましょう。

ラスタライズというのは”画像化”みたいなことで、Affinity Photoに取り込んだ画像は(厳密には配置状態で)そのままでも編集は可能ですがラスタライズという工程を経ないと画像加工でよく使う範囲指定ができません

これは致命的ともいえる仕様なので迷わずラスタライズしちゃって問題ありません。

メニューの【フィルター】以下のエフェクト類もラスタライズしてないシェイプ画像なんかにはかけられません。

ラスタライズ自体は目的のレイヤー上で右クリック→【ラスタライズ】をクリックすれば完了します。

管理人

ラスタライズする前のいわゆる”配置”画像にはそれなりの利用方法があるらしいんですが、web画像の加工に関して言えばメリットらしいメリットはないかと思います。

ちなみに画像を取り込んだ(配置した)時点でのレイヤー表記は画像」で、ラスタライズしたレイヤーはのように「ピクセル」と変化します。

キャプチャ画像

管理人

ラスタライズ前が「画像」でラスタライズすると「ピクセル」って表記、ややこしくないですか。

もっと詳しく!

レイヤーとは?…詳細はコチラ

ラスタライズ作業は今後もひんぱんに出てきます。

もしもレイヤー上で右クリック→【ラスタライズ】までマウスを下してクリックという手間さえ面倒という方は(※私です)専用のマクロを作っておくとレイヤー選択後にマクロを1クリックで済ますこともできます。

もっと詳しく!

マクロ登録のやり方…詳細はコチラ

画像の移動

取り込んだ画像が下のようにドキュメント内に収まってない場合はツール(アイコン)から移動ツールを選択するかショートカットキーの[v]を押すことで画像が選択できるようになるので適当な位置にドラッグ移動&サイズ調整しておきます。

キャプチャ画像

移動ツールはしょっちゅう使うツールなのでショートカットキーを[v]ではなくあなたが押しやすいキーに変えておいてもいいでしょう。

もっと詳しく!

ショートカットキーの作成・変更…詳細はコチラ

もっと詳しく!

拡大・縮小の効率的な設定…詳細はコチラ

通常、画像を縮小すると文字がつぶれたり枠線が細くなったり(解像度の変更?)するものです。

その後やっぱりもうちょっと大きい方がいいかなと思って拡大してみると縮小時の解像度を元に引き伸ばされるためボケボケの画像になってしまいます。

でもAffinity Photoは編集画面上で画像を何度拡大・縮小しても画像が粗くなったりすることがないんです。

これはホントに便利な機能ですよ。

(Fireworksも同じ仕様です)

これがフリーソフトだとそうはいかないものもあります。

たとえばGIMPの何が使いにくかったかと言えば、一度縮小したものを再度拡大しようとすると一気に画像がぼけてしまうんですよね。

だから画像の拡大・縮小時は何度もテストを行って最適なサイズを出した上で再びテスト前の状態に戻してから一発でサイズ調整する必要があったんです。

これは相当なストレスでした。

もしかしたら今は仕様が変わってるかもしれませんのであくまで過去の話と受け止めてください。

またAffinity Photoに取り込んだ画像をいくら編集・加工したところで元のオリジナル画像に影響が及ぶことは全くないのでご安心を。

【Affinity Photo ver.1.9.2で検証済】

【Volar】サイトイメージ画像

スポンサーリンク

記事はお役にたてましたか?

記事に興味をもっていただけたらソーシャルボタンでの共有お願いします^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

コメントはお気軽にどうぞ

メールアドレスは公開されません。
* が付いている欄は必須項目です。

内容に問題なければ下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)