Illustratorで画像を切り抜く

Illustratorのドキュメントでラスター画像を使用する場合 画像の一部を切り抜く方法と、非表示にする方法があります 「画像の切り抜き」機能を使用して画像を切り抜くと 画像の一部が完全に削除されますが 「マスク」機能を使用すれば、後から画像の非表示部分を編集することも可能です 2つの方法の違いを確認しましょう まず「画像の切り抜き」から始めます アートボードの右外にある画像は、この部分に合わせて 必要な部分のみが表示されるようにトリミングします 必要な部分のみが表示されるようにトリミングします 切り抜く画像を選択し、目的の位置まで移動します コンテンツを見ながら切り抜く範囲を判断するため コンテンツを見ながら切り抜く範囲を判断するため 一時的に画像を半透明にします 一時的に画像を半透明にします プロパティパネルの「不透明度」を30％前後にします プロパティパネルの「不透明度」を30％前後にします このくらいドラッグして サーフボードの位置を整えます 次に、画像を切り抜くために プロパティパネルの「画像の切り抜き」をクリックします この方法で切り抜く画像は、埋め込まれている必要があります 切り抜き後は完全に削除されるからです リンク画像の場合は、警告ダイアログボックスが表示され リンク画像の場合は、警告ダイアログボックスが表示され 続行すると画像が埋め込まれます この画像はすでに埋め込まれているため警告は表示されません Illustratorの「コンテンツに応じる」機能により 画像の重要な部分が自動的に特定されます 画像上に切り抜きボックスが表示されるため ハンドルをドラッグすれば不要な部分を除去できます ハンドルをドラッグすれば不要な部分を除去できます ハンドルをドラッグして画像を切り抜く位置を指定します 切り抜き領域をドラッグして位置を変えることもできます 解像度を下げるにはプロパティパネルを使います 解像度を下げるにはプロパティパネルを使います PPI（ピクセル/インチ）で指定します ファイルサイズを小さくするには解像度を下げます あるいは、解像度を上げることはできないのでそのままにします 「適用」をクリックすると、画像が完全に切り抜かれます 不透明度を100％に戻して、完成です この画像は、一部を非表示にするために 長方形ではないシェイプで切り抜きます 長方形ではないシェイプで切り抜きます 今回は、マスクを使用します シェイプをマスクとして使用し、画像の一部を非表示にします シェイプをマスクとして使用し、画像の一部を非表示にします マスクは非表示にするだけで、元に戻せる点が便利です ひとつの方法を紹介します マスクを適用する画像を選択し プロパティパネルの「マスク」をクリックします 画像のサイズや形に合わせたシェイプが作成されます わかりにくいですが レイヤーパネルのタブをクリックして表示すると 画像とシェイプがクリップグループという 特別なグループにまとめられているのがわかります この矢印をクリックすると、クリップグループ内の クリッピングパスという名称の シェイプと元の画像を確認できます シェイプと元の画像を確認できます 選択ツールで、画像の外側をクリックし 再び画像をクリックすると プロパティパネルに、クリップグループが表示されます マスクと画像を一緒に編集したり 画像だけ、またはマスクだけを編集することもできます レイヤーパネルに戻ると、両方のオブジェクトが選択されています Shiftキーを押しながら画像のコーナーハンドルをドラッグすれば Shiftキーを押しながら画像のコーナーハンドルをドラッグすれば 比率を固定したままサイズを変更できます 元に戻すには、「編集／拡大・縮小の取り消し」を選択します 元に戻すには、「編集／拡大・縮小の取り消し」を選択します マスクまたは画像のみを編集するには どちらか一方を選択する必要があります そのためにはプロパティパネルに戻って 「オブジェクトを編集」をクリックして画像を編集するか 「マスクを編集」をクリックしてシェイプを編集します 「オブジェクトを編集」をクリックすると、画像が選択されます 画像を少し大きくします 下のハンドルをShiftキーを押しながらドラッグします シェイプの外側の画像は非表示（マスク）領域です 反転するには、「水平方向に反転」をクリックします マスクシェイプを編集するには プロパティパネル上部の「マスクを編集」をクリックします マスクシェイプが選択されます 様々な変形方法があります 左または右のハンドルをドラッグして、Option（Mac）または Alt（Windows）を押すと、両サイドの幅が狭くなります 上のハンドルも下にドラッグします 下部は傾斜をつけましょう ダイレクト選択ツールを選択します ダイレクト選択ツールを選択します このアンカーポイントをクリックしてから 下にドラッグします 反対側は上にドラッグします 完成です 画像をスペースに合わせたり 必要な部分だけを表示したりするには 画像を切り抜く方法と、マスクで非表示にする方法があります 目的に応じて使い分けてください