![見出し画像](https://assets.st-note.com/production/uploads/images/72608252/rectangle_large_type_2_e5c08e01acf2d400add5fbeca9274c5c.jpg?width=1200)
【サクッと5分!合成写真を作ろう】 3回目 合成画像を作成しよう!
2回目 合成用のドーナツを切り抜こう!ではピクセルペルソナ[選択ブラシツール]で写真を切り抜く方法を学びました。
今回は「ドーナツ.jpg」を「背景.jpg」に配置して、サイズを調整しながら合成画像を作る方法を学びます。
さっそく作業をしてみましょう♪
1. 背景画像を開こう
メニューバー[ファイル]→[開く]を選択します。
![画像11](https://assets.st-note.com/production/uploads/images/72045742/picture_pc_04eeb195dd31efa4cd35d44dff717b7e.jpg?width=1200)
2. ファイルを選択しよう
[開く]ダイアログボックスから「宇宙.jpg」をクリックし[開く]ボタンをクリックします。(ここではデスクトップに保存している「合成写真」フォルダーの「宇宙.jpg」ファイルを選択します。)
選択したファイルが開きました。
![画像1](https://assets.st-note.com/production/uploads/images/71975249/picture_pc_f4eea32cdb1fd1a4dc35b66644cba13c.jpg?width=1200)
3. 画像を配置しよう
「宇宙.jpg」に切り抜いた「ドーナツ.jpg」を配置します。
ワークスペース上部のファイルタブ[ドーナツ.jpg]をクリックしワークスペースを表示します。
![画像11](https://assets.st-note.com/production/uploads/images/72048673/picture_pc_3f276fd431582d25c3c132ee57255d00.jpg?width=1200)
![画像12](https://assets.st-note.com/production/uploads/images/72048681/picture_pc_f262c2c13b7d47fbbc560b9b1285b653.jpg?width=1200)
4. 画像を選択しよう
[移動ツール]でドキュメント上のドーナツをクリックして選択します。青い枠線が表示されたら[control]キー +Cで、ドーナツをコピーします。
![画像3](https://assets.st-note.com/production/uploads/images/71975356/picture_pc_121f7ad28a550574dbcb2c66acf00cb1.jpg?width=1200)
5. 画像をペーストしよう
ファイルタブ「宇宙.jpg」をクリックします。
![画像12](https://assets.st-note.com/production/uploads/images/72048832/picture_pc_15dba769410412b5b6a711a1c41f2501.jpg?width=1200)
宇宙の背景画像が表示されたら[control]キー + Vでドーナツをペーストします。
![画像13](https://assets.st-note.com/production/uploads/images/72048842/picture_pc_b32f41d3c9a81cf264e2897956c23611.jpg?width=1200)
6. 画像のサイズを変えてみよう
[移動ツール]でドーナツを選択します。青枠で選択されたボックスの角にカーソルのせ、両端矢印に変わったら[Shift]キーを押しながら内側へドラッグ&ドロップします。画像が縮小されました。
![画像5](https://assets.st-note.com/production/uploads/images/71975746/picture_pc_d13a8b227692ee9e9e840d021f95c2f6.jpg?width=1200)
7. 画像を移動しよう
画像が適度な大きさに変わったら、画像をドラッグ&ドロップして、地球の上でカーソルを放します。画像が移動されました。
![画像6](https://assets.st-note.com/production/uploads/images/71975764/picture_pc_12bad05c9a23f54ca821e1a7d1ffac87.jpg?width=1200)
8. 画像の角度を変えてみよう
[移動ツール]で青枠のボックスの角の外にカーソルをおきます。カーブした両端矢印に変わったら右下にむけて、ドラッグします。すると、画像が斜めに傾きました。
![画像7](https://assets.st-note.com/production/uploads/images/71975776/picture_pc_f59e8b40ecfa555da2731c74692dbf1b.jpg?width=1200)
「ドーナツ.jpg」が調整できたら、画面の余白をクリックして画像の選択を解除します。
このように、ドーナツ惑星が誕生すれば完成です!
![画像8](https://assets.st-note.com/production/uploads/images/71975798/picture_pc_723f70e45d3a2ad832249cbe35e2b18d.jpg?width=1200)
9. 画像を保存しよう(独自保存形式)
AffinityDesignerの独自保存形式は.afdesign形式です。後で写真を編集したい場合は、次の方法でファイルを保存します。
メニューバー[ファイル]→[保存]を選択します。
![画像14](https://assets.st-note.com/production/uploads/images/72050217/picture_pc_3dc4a43df896b3ec9a782f0320addacd.jpg?width=1200)
[ドキュメントの保存]ダイアログより[名前をつけて保存]をクリックします。
![画像15](https://assets.st-note.com/production/uploads/images/72050230/picture_pc_8e4285fa5466f8f9f798e81995258e46.jpg?width=1200)
[名前をつけて保存]ダイアログが表示されました。保存先にデスクトップの「合成写真」フォルダを選択します。
名前の入力欄は、自動で現在のファイル名が「宇宙.afdesign」が入力されています。ファイル名を「合成」.afdesignと変更して[保存]ボタンをクリックします。
![画像19](https://assets.st-note.com/production/uploads/images/72547724/picture_pc_4b1f491112f680394b552d991d770be7.jpg?width=1200)
9. 画像を保存しよう(JPEG,その他の形式)
JPEG(ジェイペグ)形式は色数の多い画像に適している保存形式です。しかし、保存するたびに画質が劣化するので、元のデータ(.afdesign)を保管した上でJPEG保存することをおすすめします。
メニューバー[ファイル]→[エクスポート]を選択します。
![画像9](https://assets.st-note.com/production/uploads/images/71975814/picture_pc_5d2c8ba00c17adf4bbc5dcbcc324bd1b.jpg?width=1200)
[エクスポートの設定]ダイアログ上段の緑の[JPEG]アイコンをクリックし①[エクスポート]ボタンをクリックします②。
![画像10](https://assets.st-note.com/production/uploads/images/71975850/picture_pc_9091ad0779a1b9bb32d8c3a97e7595e6.jpg?width=1200)
[名前をつけて保存]ダイアログが表示されました。
名前の入力欄は、自動で現在のファイル名が「宇宙.jpg」が入力されています。ファイル名を「合成」.jpgと変更して[保存]ボタンをクリックします。
![画像19](https://assets.st-note.com/production/uploads/images/72547695/picture_pc_bf6bb3c4968f38fc48706f91b0511041.jpg?width=1200)
新たなファイルとして保存したいため.jpgの拡張子の前に「合成」.afdesignと入力します。
ファイル形式の違いについては、【ホームページ用アイコンを作ろう】8回目 画像をWeb用に保存しようの記事の最後をご確認ください。
10.画像を確認しよう
デスクトップに保存した「合成写真」フォルダを開きます。
.afdesign形式で保存した「合成.afdesign」
.jpg形式で保存した「合成.jpg」
2つのファイルが確認できれば完成です!
【補足】 「.afdesign」「.jpg」ファイルの違い
9.画像を保存しようで2保存した2つの形式のファイルを開くと、どのような状態になっているか確認してみましょう。
■ 合成.afdesign
ファイルを開き[レイヤー]パネルを確認すると、合成に使用した2つのレイヤーが確認できます。どちらも画像が1枚ずつ重なったままになっているので、画像の移動や調整ができるようになっています。
![画像18](https://assets.st-note.com/production/uploads/images/72051761/picture_pc_1eca54fff8a4881f9f4b58b6f4b549f7.jpg?width=1200)
■ 合成.jpg
[レイヤー]パネルを確認すると、レイヤーが1つになっています。1枚の画像になっているため、上のファイルのように、個別の画像の編集はできません。また、JPEG形式は画像を保存するたびに劣化します。
![画像19](https://assets.st-note.com/production/uploads/images/72051773/picture_pc_11aef075d8d68180e82ddfcfaef3474a.jpg?width=1200)
この記事が気に入ったらサポートをしてみませんか?