この記事はAdobe XDで画像をトリミングする方法について書いています。
アドビソフトでは「マスクをかける」といい、オフィスソフトとはトリミングのやり方が違います。
以下、画像を添えて手順を解説します。
Adobe XDで画像をトリミングする方法
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming1-900x547.jpg)
上図の画像をトリミングしていきます。
①トリミングしたいサイズを指定する
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming2-1-900x570.jpg)
左側のメニューから「描画ツール」を選択して、画像のトリミングしたい部分に重ねて描画してください。
描画ツールは四角でも丸でもOKです。
②「シェイプでマスク」を選択する
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming9-900x644.jpg)
「選択ツール」を選択して、描画した図形と、画像を両方選択してください。
(図形をクリックした後、シフトを押しながら画像をクリックすると両方選択できます。)
両方が選択された状態で、画像を”右クリック”し、「シェイプでマスク」を選択してください。
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming4-900x571.jpg)
これで画像をトリミングすることができました。
③トリミングした画像のサイズを調整する
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming5-900x561.jpg)
画像をダブルクリックしてください。
描画した図形のサイズや角度など調整することができます。
また、クリックした状態で上下左右に動かすと、画像の表示される部分を変更することができます。
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming6-900x563.jpg)
こんな感じです。
Adobe XDで画像をトリミングする方法【応用編】
シェイプでマスクは重ねて利用することができます。
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming7-900x564.jpg)
前項でトリミングした画像にさらに描画ツールで円を重ねます。
![](https://hoshino-wp.com/wp-content/uploads/2020/11/adobe-xd-trimming8-900x561.jpg)
さっきと同じように「シェイプでマスク」をすると、このように半円の画像になりました。
1回でうまくトリミングできないという時は、描画ツールを重ねて希望する形をつくりましょう。
以上、Adobe XDで画像をトリミングする方法でした。