クリスタの「画像素材をラスタライズして使う」
![画像素材をラスタライズして使う](https://nonkatsu.com/wp-content/uploads/2021/09/rasterizing-image-material.webp)
クリスタには便利な「画像素材」がたくさんあります。
服に簡単に模様をつけたり、イラストに質感を持たせたり…。
何かと便利な画像素材ですが、
画像素材レイヤーは消しゴムツールや選択範囲ツールが使えません。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
画像素材をイラストの形に合わせて使うにはどうしたらいいの?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
方法は2つあるよ。
画像素材をイラストの形に合わせて使う方法
- 下のレイヤーでクリッピングする
- 画像素材をラスタライズする。
この記事のタイトルイラストは、ラスタライズした画像素材を3つ使いました。
![タイトルイラストに使った画像素材](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material001.webp)
![タイトルイラストに使った画像素材](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material001.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
イラスト全体に「コルク」で質感を持たせて、インナーに「水彩チェッカー」、上着は「ハニカム構造」で模様をつけました。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
クリッピングしなかったのは何で?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
今回のイラストはレイヤーが1枚だからだよ。上着もインナーも同じレイヤーだから、クリッピングすると同じ模様になっちゃうの。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
なるほど。
パーツごとにレイヤーを分けて描いたイラストの場合は、クリッピングが簡単かつ便利です。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
今回は、画像素材をラスタライズして使う方法を紹介します。
画像素材をラスタライズする方法
まず、画像素材の使い方を説明します。
素材のメニューはレイヤーパレットとキャンバスの間にあります。
![素材のメニュー](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material2.webp)
![素材のメニュー](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material2.webp)
アイコンをクリックしてカテゴリを表示します。
![画像素材の選び方](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material3.webp)
![画像素材の選び方](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material3.webp)
①メニューアイコンをクリック
②カテゴリを選ぶ
③素材を選ぶ
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
クリックするメニューアイコンは、上から2番目以降ならどれでも良いです。1番上のメニューは「クイックアクセス」(よく使う機能を登録してショートカットできるメニュー)です。
![素材をキャンバスにドロップ](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material4.webp)
![素材をキャンバスにドロップ](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material4.webp)
①画像素材をキャンバスにドラッグ&ドロップします。
②素材の右上に雲のマークがついている場合は、ダウンロードの確認メッセージが表示されます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
「はい」をクリックします。
画面がPAINTからクリスタに切り替わりますが、PAINTに戻ると素材の右上の雲マークが消えます。
PAINTに戻って、もう一度素材をキャンバスにドロップします。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
次は素材の大きさを変えます。
![素材の大きさを変える](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material5.webp)
![素材の大きさを変える](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material5.webp)
青い四角の丸いポインタをドラッグすると、素材の大きさが変わります。
![素材の大きさを変えた](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material6.webp)
![素材の大きさを変えた](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material6.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
良い感じの大きさに調整しましょう。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
作業していたら青い四角が消えちゃった!
青い四角が消えてしまったら、操作ツールの「オブジェクト」をクリックすると復活します。
![操作ツールの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material7.webp)
![操作ツールの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material7.webp)
素材の大きさの調整が終わったら、ラスタライズします。
まず、画像素材レイヤーを右クリックします。
![画像素材レイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material8.webp)
![画像素材レイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material8.webp)
メニューから「ラスタライズ」を選びます。
![ラスタライズの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material9.webp)
![ラスタライズの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material9.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
これで画像素材をラスタライズする手順は終わりです。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
服の形に合わせる方法も知りたいな。
ラスタライズした画像素材を服の形に合わせる方法
まず、人物のシルエットの選択範囲を作ります。
![シルエットの選択範囲を作る](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material10.webp)
![シルエットの選択範囲を作る](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material10.webp)
①イラストのレイヤーを選択して、
②自動選択ツールで背景部分をクリックします。
③選択範囲を反転します。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
これでシルエットの選択範囲ができました。
次に、作成した選択範囲をストックします。
画面上部の「選択範囲メニュー」から、
選択範囲をストックを選びます。
![選択範囲をストックの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material11.webp)
![選択範囲をストックの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material11.webp)
レイヤーの左にある目のアイコンをクリックして、ストックした選択範囲を非表示にします。
![ストックした選択範囲を非表示にする](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material12.webp)
![ストックした選択範囲を非表示にする](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material12.webp)
ストックした選択範囲を非表示にしたら、
緑の四角をクリックしてから、素材のレイヤーを選択します。
![緑の四角をクリックしてから素材のレイヤーを選択](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material13.webp)
![緑の四角をクリックしてから素材のレイヤーを選択](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material13.webp)
選択範囲外を消去します。
![選択範囲外を消去](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material14.webp)
![選択範囲外を消去](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material14.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
一瞬でキレイになった!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
次は、素材の形を整えよう。
消しゴムツールや透明色で素材の形をととのえます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
細かい部分を消すときは「透明色のGペン」が便利です。
![素材の形を整える](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material15.webp)
![素材の形を整える](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material15.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
素材が浮いて見えるね?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
不透明度を調整してなじませよう。
素材の模様が浮いて見えるので、
レイヤーパレットで不透明度を調整します。
![不透明度を変更](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material16.webp)
![不透明度を変更](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material16.webp)
今回は不透明度を10%にしました。
![不透明度のビフォーアフター](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material17.webp)
![不透明度のビフォーアフター](https://nonkatsu.com/wp-content/uploads/2021/09/img-rasterizing-image-material17.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
素材がイラストになじんだね!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
残り2つの素材(コルク、水彩チェッカー)も同じように作業したよ。
これで画像素材をラスタライズして使う方法の説明は終わりです。
ではまた!