[グラバー]と[バウンディングボックス]

![2コマ目 チップくん「まず[選択ツール]の矢印を[フレーム]に重ねてみよう!矢印を重ねるだけでいいよ!」ジミー「あれ? チップくん? 真ん中になんか白っぽい 円が出てきたよ?」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiga0o2i0iexj66mWFiD4cQnpkPiNxpRcH0vBNvNGzeSUqQ_mFBEfheULT6qIRcF0B7WUbBeywxCsBWuXTzYJ61EXbmwnA1ikZB2nYEfkGtbnV3LcJUe7xzP6rLfcr4mgQx1cwqQdhp38o/s1600-rw/jim_0011_2.png)
![4コマ目 チップくん「真ん中の白い円が [グラバー]、オレンジの四角は[バウンディングボックス]だよ!」ジミー「へー![ハンドル]っていうのをドラッグすれば大きさを 自由に変えられるんだね!」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMcebroBQmgMaA7sbDJD4ujEYpRTOOiOk9U3KkxY83cotrhbMFsbwwp0Z4T4BGtx_NX2KWIFKsi4gnyxBNAOm9Gxn-yqA_EGhyphenhyphen7qVkFDOUBI2cUe6QqTM4Ifz-QaIWdG7QnHnOTI6QHuY/s1600-rw/jim_0011_4.png)

画像を配置した[フレーム]にマウスのポインターを重ねると中央に出てくる薄い円は[コンテンツグラバー]だよ!普通に選択するとフレームしか選べないんだけど、[コンテンツグラバー]をクリックすれば、フレーム内の画像を選択できるんだ!
選択された画像の周りには、配置画像の選択範囲をあらわす[バウンディングボックス]が表示されるんだ![バウンディングボックス]の周りにある白抜きの四角形[ハンドル]をドラッグすれば画像の大きさを変形できるよ!
選択された画像の周りには、配置画像の選択範囲をあらわす[バウンディングボックス]が表示されるんだ![バウンディングボックス]の周りにある白抜きの四角形[ハンドル]をドラッグすれば画像の大きさを変形できるよ!

ちなみに、[ツール]パネルの白い矢印[ダイレクト選択ツール]で画像をクリックしても、同じようにフレーム内の画像だけを選択できるんだけど、[コンテンツグラバー]を利用するとツールを変更しなくても画像を編集できるからとっても便利なんだ!用途に合わせてツールを使い分けてみてね!
[更新履歴]
10/4…1コマ目を更新
10/8…2コマ目を更新
10/13…3 コマ目を更新
10/18…4 コマ目を更新
10/21…ポイントを更新



![MacOSでのマウスの副ボタンの設定画面 システム環境設定を起動して[マウス]をクリック!表示された画面で「副ボタン」をオンにすると「コンテキストメニュー」を使えるようになるよ!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxr-5cV0M2vPBsD4M-0QRqDi7BV78jeaV_5st5bnHRTdGtvQpa9h59ryJU0t-zLdXzpq_A_kDzTCG9KZGf7ZKoov9ahsEP3Ls5tZ4YNfd6c3lIbniFDd4-xMPCWYXzAXkoRXfFTc49FI/s1600-rw/jim_0010_column_2.png)
![1コマ目 チップくん「[フレーム]内の画像は今こんな感じの状態になってるんだよ」ジミー「そっか!![フレーム]で画像がトリミングされてるんだね!!」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIF6iUpQWLdn22QghNN-E0f9h_640av4DgFFR91xxOOf_nt4CAUOzAALcS9oOXZ9yJS7owG9m9qjvGx6F8QCV47BUuVqsGz7VQAkmXiSripX36s94QHUdpOtfh6IU1n7M-I8whS__U1g/s1600-rw/jim_0009_1.png)
![2コマ目 ジミー「でも今のままだと商品もトリミングされてて全体の形が見えないね?」チップくん「 うん、そうだね。[フレーム]内に画像全体を表示してみよう!」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEishs_evu6fb4LvgrI3vKNA9Sdnxf4NGCwcrC6xp1Rik5QeVlAQfCSJSP26JRxmrz4OLWwu6W6V2nxrE896oQFqv2D06_B-k7bjmr2g9Ck-EcdfYNXJmLSaEY2dOO38mZb-SgIVlTSA-yI/s1600-rw/jim_0009_2.png)
![3コマ目 チップくん「[フレーム]を選択状態にしてから、右クリックでメニューを表示してみよう!メニューの中から[フレームに均等に流し込む]を選んでみて!」ジミー「え〜っと…こういうこと?」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbQh6Q4TqIG_4NFjPxWdZAuiPYV9HYZNJ9YgEOja8M4D1UqLNwl04WrHfdukW1_QhgpIcavk3qjfTUV7fm-uB_ih_X488ANOOf48uitfGd3drfzvQu3Om77vWHMF0w8BAv0aufzzABHYc/s1600-rw/jim_0009_3.png)
![4コマ目 ジミー「へ〜っ!商品の全体が見えるようになったね!」チップくん「[フレーム]に 合わせて自動的に縮小されたんだよ!」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieRwVSh1ei_VCy3u9hzFV16R-VkRWaXTjH3HXVanqGDwn1guRhpVIdKgZzs9kjndKgjY_SWih9TiZuTq2SP1xNvZOCdpG0LJgefbQV4FhueKjRP8t2HBhTOOas8l1tXHljRb84ihkvYxQ/s1600-rw/jim_0009_4.png)



