みちこ 「イラスト素材」でセットになっているのはどうやって使うんですか？
セットの中から1枚だけ使いたいんです。
専用のソフトやアプリがなくても、ブラウザだけで切り抜きできますか？
- セットイラストを1枚ずつにバラす簡単な方法がわかります
- 無料ツール「デザインAC」を使った具体的な手順を解説
- アプリ不要！ブラウザ上だけで完結するから初心者でも安心
- 背景の余分なところを消して切り抜きする方法がわかる
- フリー素材の中の文字を消して切り抜きする方法がわかる
こんにちは、あけみんです！
「イラストAC」などで素材を探していると、かわいいイラストがセットになっていて「この中の1つだけが欲しい！」と思うこと、よくありますよね。でも、専用の画像編集ソフトを持っていないと諦めてしまっていませんか？
実は、デザインACを使えば、初心者の方でもたった数分で、お気に入りの1枚だけをきれいに切り出すことができるんです！
今回は、ソフトのインストール不要で、誰でも今すぐ試せる「イラストセット素材の切り出し術」をステップバイステップでご紹介します。これさえ覚えれば、資料作りやブログの装飾がもっと自由になりますよ！
イラストACを登録していれば、デザインACも無料で使えるので安心です。
イラストセットをバラして使うメリット
イラストや写真がセットになっている素材は、統一感があって使い勝手が良い反面、そのままでは画像が大きすぎて使いにくいという悩みがあります。
「デザインAC」という無料の編集ツールを使えば、これまでは難しかった「特定の部分だけのトリミング」が驚くほど簡単に！まずは、全体の流れを確認しましょう。
- STEP1： イラストセット素材をダウンロードする
- STEP2： デザインACで使いたい部分を切り抜く
- STEP3： 1枚の画像として保存（ダウンロード）する
あけみん まずは、使いたい素材を準備しましょう！
イラストACは商用利用もOK。まだ登録していない方は、こちらから無料で登録できます。
＼ まずは1分で無料登録！ ／
イラストACの素材をダウンロードするには、無料会員登録が必要です。
イラストACでダウンロードしたセットになったフリー素材を切り抜く方法
では、さっそく実際にやってみましょう。
【準備】イラストACでセット素材をダウンロード
まずは、切り抜き元の画像を手に入れましょう。
❶ 「イラストAC」で好きなセット素材を選びます。
今回は、こちらの「矢印セット」を使って解説していきますね。
❷ PNGを選択し「ダウンロード」をクリックします。
ダウンロードしたフリー素材は、ダウンロードフォルダに保存されます。
編集ツール「デザインAC」へ切り替える方法
素材が用意できたら、いよいよ切り抜き作業です！
❶ イラストAC上部にある「点が9つのアイコン」をクリック。
❷ 表示されたメニューから「デザインAC」を選択します。
デザインACが開いたら、「デザインを作る」ボタンをクリックして編集画面に進みましょう。
デザインACに素材を読み込んでサイズ調整
❶ 左メニューの「アップロード・インポート」をクリック。
❷ 先ほどダウンロードした画像を枠内にドラッグしてアップロードします。
❸ 読み込まれた画像をクリックすると、右側のキャンバスに表示されます。
次に、キャンバス（土台）のサイズを画像に合わせます。
❶ 画面上の「サイズ変更」を選択。
❷ 「サイズをオブジェクトに合わせる」にチェックを入れ「更新」をクリック。
トリミング機能で使いたいイラストだけを切り抜く
ここが一番のポイントです！
❶ 画面下のパーセント表示（縮小ボタン）をクリックして、全体が表示されるように縮小させます。
❷ 画像を選択し、メニューの「トリミング」をクリックします。
❸ 切り抜きたいイラストの周りを囲むように枠線を動かし、範囲を指定します。
❹ 最後に［画像トリミング］ボタンをクリックして確定させます。
これで、欲しかった1枚だけの状態になりましたね！
切り抜いたイラストを保存（ダウンロード）する
最後に、バラしたイラストを画像ファイルとして保存します。
❶ 画面右上の「ダウンロード・共有」ボタンを選択します。
❷ 続けて表示される「ダウンロード」ボタンをクリックします。
❸ 保存の設定画面が出たら、以下の点を確認しましょう。
- ファイル名： わかりやすい名前（例：青の矢印）に変更
- 種類： PNGを選択（透明な背景を維持するため）
- チェック： 「透明な背景」「サイズをオブジェクトに合わせる」の両方にチェック！
最後に「ダウンロード」をクリックして完了です！
ダウンロードフォルダを確認すると、きれいに切り抜かれた画像が保存されています。
切り取りしたけれど、まわりに余分なものが入っている場合はどうするの？
セット素材は、いろいろな素材がぎゅっと詰まっているので、他の余分なものが入り込んでしまっている場合があります。
その場合は、消しゴムツールを使って、余分なところを消してください。
トリミングの消しゴムツールを選択
例えば、トリミングした時に、吹き出しだけ使いたいのに、まわりに文字が入っている場合。
トリミング横の3点をクリック。
「消しゴム」を選択します。
「消しゴム」で文字や余分な背景を消して、［消しゴムの実行］をクリック
余分な背景が消えました！クリックすると、枠線が出ます。
右上の「ダウンロード・共有」→「ダウンロード」で次の設定をして保存すれば、背景の余分なところが消えた画像が保存できます。
文字を消すにはどうしたらいい？
フリー素材の中に文字が入っていて、消したい場合は、白く塗りつぶします。
図形を色指定して塗りつぶす
例えば次の画像の真ん中に、「SAMPLE」という文字が入っているので、消してみましょう。
あらかじめトリミングで、使いたい画像を選択しておきます。
❶次に、左のメニューから「素材」を選択。
❷図形から、塗りつぶすカタチを選びます。ここでは、四角を選んでください。
❸四角が画面に配置されます。
❹グレーになっているので、上のグレーの四角をクリックして色を変更します。
塗りつぶしの色選択の画面がでます。
塗りつぶしたい色、ここでは白をクリックします。
そうすると画面の四角の色が白に変わります。
この四角を文字の上に重ね、枠線を動かして文字を見えないようにします。
背景色が白以外の場合は、スポイトツールを使います。
❶のスポイトをクリック。❷画面の背景色をクリック❸背景色になりました。塗りつぶし色設定の利用中の色としてパレットに保存されます。
これを四角の色に設定してください。
四角を移動して文字の上に重ね文字が消えました。
全体を選びます。
右上の「ダウンロード・共有」→「ダウンロード」で次の設定をして保存すれば、文字が消えた画像がダウンロードされます。
あけみんの個人的な感想
イラストセットって、お得感はあるけれど「加工が面倒そう…」と避けていた時期がありました。でもこの方法を知ってからは、お気に入りの一部だけをサクッと取り出せるので、素材選びの幅がぐんと広がりました！
特に「デザインAC」は、同じACグループのアカウントがあれば切り替えもスムーズ。他の重いソフトを起動しなくていいのが、ズボラな私には最高に嬉しいポイントです。
まとめ：ブラウザ完結！イラストセットの活用術
今回は「デザインAC」を使って、イラストセットから1つだけを切り出して使う方法を解説しました。
- デザインACなら専用ソフト・アプリがなくても無料で加工できる
- トリミング機能で必要な部分だけをピンポイントで切り抜きOK
- 背景透過（PNG）のまま保存できるから、すぐにデザインに使える
初心者の方でも、一度やってみれば次からはあっという間にできるようになります。ぜひ活用して、素敵なデザインを作ってみてくださいね！
ここまでお読みいただき、ありがとうございました。この記事がお役に立てば幸いです！
もっと自分だけの、オリジナルデザインが欲しいときは
フリー素材は便利ですが、他の人と被ってしまうこともありますよね。
もし「オリジナルデザイン」を作りたいなら、
ココナラでプロのクリエイターに依頼するのも一つの方法です。
1,000円からという手軽さで、制作してもらえます。
時短時なるし、クオリティも高いものができますのでこちらもオススメです。
