cricut ものづくり

Cricut Design Spaceに画像をアップロードする方法|PNG・JPGの読み込みからカットまで

Cricut(クリカット)の利用時に自分のイラストや写真を使いたいときは、画像をDesign Spaceへアップロードします。

ただ、初めてだと

「PNGとJPGはどちらがいい?」
「単一レイヤーとフラットグラフィックは何が違う?」
「読み込んだあと、どうやってカットするの?」

と見慣れない単語も多く、色々と迷いやすいですよね。

結論からいうと、画像の輪郭どおりに素材を切るなら背景が透明なPNGが扱いやすく、写真や背景付き画像はJPGでも読み込めます。読み込み後は、単色素材を切るなら「単一レイヤー」、家庭用プリンターでカラー印刷してから輪郭を切るなら「フラットグラフィック」を選びます。

この記事では、パソコン版Design Spaceの公式画面を見ながら、PNG・JPGの読み込み、背景の処理、保存、キャンバスへの追加、カットへ進むところまで順番に解説します。スマホ版の違いと、アップロードできないときの確認点もまとめました。

画像について
操作画像は基本的にデスクトップ版の画面です。
Design Spaceは更新されるため、配置や表記が一部異なる場合があります。

先に結論|PNG・JPGは目的に合わせて選ぶ

作りたいものおすすめの画像アップロードの種類その後の工程
単色の紙・ビニール文字・シルエット背景が透明なPNGシングルレイヤー
(単一レイヤー)
基本カット
フルカラーのシール・ラベル背景が透明なPNG平面的なグラフィック
(フラットグラフィック)
印刷して切る
写真や背景込みの四角いカードJPGでも可平面的なグラフィック
(フラットグラフィック)
印刷して切る
色ごとに素材を分けて切るデザインPNG/JPG複数のレイヤー
(マルチレイヤー)
レイヤーごとに基本カット

PNGとJPGはどちらもDesign Spaceへアップロードできます。
ただし、JPGは透明な背景を保存できません。

JPGなど背景が残った画像をCricut Design Spaceへアップロードすると、背景も画像の一部として読み込まれ、そのままでは背景を含む四角形の外周がカットラインになる場合があります。


花や人物など画像の輪郭に沿ってカットしたい場合は、アップロード時に背景を削除するか、あらかじめ背景透過PNGで用意しましょう。

現在のDesign Spaceでは、アップロード後の変換方法として「スタイルを適用」「複数のレイヤー」「シングルレイヤー」「平面的なグラフィック」などが表示されます。

「複数のレイヤー」(公式ヘルプでは「マルチレイヤー」と表記される場合があります)は、色ごとに分けた複数のレイヤーを作成するCricut Access向けの機能です。

初めて画像をアップロードする場合は、単色の素材をカットする「シングルレイヤー」(単一レイヤー)か、カラー印刷してから輪郭をカットする「平面的なグラフィック」(公式ヘルプでは「フラットグラフィック」)の2択で考えると迷いません。

画面に「スタイルを適用」が表示される場合がありますが、この記事で解説する通常の画像アップロードでは使用しません。

画像の権利にも注意:
Design Spaceへ入れるのは、自分で作った画像、購入して利用条件を満たしている素材、または使用許可を得た画像に限ります。インターネットで見つけた画像を、そのまま作品や販売物へ使えるとは限りません。

Cricut Design Spaceへ画像をアップロードする手順【パソコン版】

1.キャンバスから「アップロード」を開く

Design Spaceで新しいキャンバスを開き、左側のデザインパネルにある「アップロード」を選びます。アップロード画面が開いたら「画像をアップロード」へ進みます。

chicchi

自由にデザインしたいので、TOP画像では「無地のキャンバス」を選ぶことが多いです。

iphoneの場合は、画面右側の丸い緑の+ボタンからアップロードができます。
・写真を撮る
・フォトライブラリから選択
・ファイルの参照
・アップロードした画像を開く
から選択できました。

2.PNGまたはJPGファイルを選ぶ

「参照」ボタンを押し、パソコン内のPNGまたはJPGファイルを指定します。点線の枠内へ画像ファイルをドラッグ&ドロップしても読み込めます。

PNG・JPGのほか、BMP・GIF・HEICなども読み込めます。

プレビューに目的の画像が表示されたら「続ける」ボタンを押します。
iPhoneでは、画面右上の「適用」ボタンを押します。

別の画像が出た場合は、この時点で戻って選び直しましょう。

chicchi

iphoneで画像をアップロードした場合、背景がある、背景がなし(背景透過)に関わらず「背景削除ツール」の案内画面がでてきます。
この機能を利用せずとも、アップロードは可能ですので、不要なら画面上の「×」で閉じてください。

3.背景を削除し、カットラインを整える

パソコン用は感覚的にクリックで編集できる。
chicchi

パソコン用画面ではiphoneと同じ画面が探せない・・・と思ったのですが、同じ操作できました!
クリックで感覚的に操作できて便利!!

白い背景を残したままシングルレイヤー(単一レイヤー)にすると、絵柄ではなく白い四角の外周がカットラインになることがあります

画像の周囲をクリックしてチェック柄に変え、細部は「消去」と「復元」で整えます。

自動背景削除はCricut Access加入者向けですが、「選択」「消去」「復元」などの手動ツールは未加入でも使えます。すでに背景が透明なPNGは、輪郭が正しく出ていれば大きく手直しする必要はありません。

4.仕上がりに合わせてアップロードの種類を選ぶ

背景を整えて「貼り付けて続ける」ボタンを押すと、「スタイルを適用」「複数のレイヤー」「シングルレイヤー」「平面的なグラフィック」が表示されます。

chicchi

公式日本語ヘルプと実際にみた画面では表記がことなる箇所がいくつかありました。そのため、「実際の画面表示 (公式日本語ヘルプ表記)」として書いています。

シングルレイヤー(単一レイヤー)を選ぶ場合

単色の紙やビニールを、画像のシルエットどおりに切りたい場合に選びます。元画像の色やグラデーションは保持されず、1枚の単色レイヤーとしてキャンバスへ追加されます。

平面的なグラフィック(フラットグラフィック)を選ぶ場合

画像の色を家庭用プリンターで印刷し、その輪郭をCricutで切る「印刷して切る(Print Then Cut)」に使います。

複数のレイヤー(マルチレイヤー)を選ぶ場合

色ごとに分かれた複数レイヤーへ変換したい場合に使います。この変換機能はCricut Access加入者向けです。PNG・JPGを一度アップロードして使いたいだけなら、無理に選ぶ必要はありません。

5.画像名を付けてアップロードする

用途がわかる画像名を入力し、必要ならタグやコレクションを設定して「アップロード」を選びます。

chicchi

iphoneでは名前をつけた後に、コレクションに追加できるような画面が出てきました。

アップロードが終わると画像はキャンバスへ追加され、アップロード済み画像ライブラリにも保存されます。

あとから使う場合は、「私の作品」→「画像」→「アップロード済み」から探せます。

6.キャンバスでサイズとカット方法を確認する

画像がキャンバスへ入ったら、作品に合わせて幅と高さを調整します。比率を変えたくない場合は、縦横比のロックを保ったままサイズを変更してください。

ここから先は、選んだアップロードの種類で流れが分かれます。

シングルレイヤー(単一レイヤー)なら通常カットへ

レイヤーパネルの処理が「基本の切り取り(基本カット)」になっていることを確認し、「つくる」ボタンで進みます。画面の案内に沿ってマットの有無、素材、圧力を選び、素材をマシンへ読み込ませてカットします。

初めてCricut本体を動かす場合は、先にExplore 5の初期設定から最初のテストカットまでを終えておくと、素材のセット方法まで迷いません。

平面的なグラフィック(フラットグラフィック)なら「印刷して切る」へ

「つくる」ボタンで進むと、家庭用プリンターで印刷する工程が入ります。
印刷した用紙をマットへ貼り、Cricutがセンサーマークを読み取ってから画像の輪郭をカットします。

シールの作り方として、シール紙の選び方、印刷設定、キスカットの実機結果まで続けて確認したい方はこちらを参考にしてください。

参考Cricutでシールを作る方法|オリジナルシールの作り方を画像付きで解説

Cricutでオリジナルシールを作る方法を、実際に作ったときの画面と写真を使って紹介します。 今回は、あらかじめ用意した花の画像をCricut Design Space (cricutを使うためのアプ ...

続きを見る

上記記事は光沢シール用紙で作成しています。
普通紙タイプのシール用紙を使った流れは、こちらの記事が参考になります。

参考Cricut Explore 5「印刷して切る」のやり方|普通紙シールでキスカットしてみた

Cricut Explore 5「印刷して切る」のやり方普通紙シールでキスカットしてみました。 ※キスカットとは、ステッカーやシールなどの表面の素材(一層目)だけに切り込みを入れて、台紙は切断せずに残 ...

続きを見る

スマホ・タブレットで画像をアップロードする方法

iPhone・iPad・Androidでも、基本の考え方は同じです。

  1. キャンバス下部の+ボタンで「アップロード」をタップ
  2. 写真を撮る、フォトライブラリから選ぶ、ファイルを参照、またはアップロードした画像を開く
  3. 必要に応じて、不要な背景を削除してカットラインを確認
  4. 「適用」ボタンをタップ
  5. シングルレイヤー/平面的なグラフィックなどを選ぶ
  6. 名前を付けて「アップロード」をタップ

保存後は画像が自動でキャンバスへ追加されます。スマホ版は端末やOSによってファイル選択画面が異なる場合があるかもしれませんが、「画像を選ぶ→背景を整える→種類を選ぶ→アップロード」という順番は共通です。

PNG・JPGをアップロードできないときの確認点

画像が四角くカットされそう

シングルレイヤー部分が四角になっています。

背景が残っています。背景削除画面へ戻り、残したい絵柄以外がチェック柄になるように削除してください。
「シングルレイヤー(単一レイヤー)のプレビュー」で黒く残る部分がカット形状です。

「アップロード」が見つからない、途中で進まない

画像のアップロードにはインターネット接続が必要です。Design Spaceをオフラインで使っている場合は接続を確認し、アプリを再起動してから試します。

大きな画像の処理が終わらない

高解像度または大きな画像は、アップロードやキャンバスへの追加に時間がかかる場合があります。しばらく待っても進まないときは、画像を必要な範囲へトリミングするか、Design Spaceの外で寸法・解像度を下げてから再度読み込みます。

複数のレイヤー(マルチレイヤー)を使えない

色分けされた複数レイヤーへ自動変換する機能はCricut Access加入者向けです。
未加入でも、単一レイヤー、フラットグラフィック、手動の背景削除ツールは利用できます。

ファイル形式エラーが出る

パソコン版で読み込める主なラスター画像はJPG、PNG、GIF、SVG、DXF、HEIC、BMPです。SVGやDXFはベクター画像として別の流れで読み込まれます。この記事はPNG・JPGを対象にしているため、SVGのレイヤー構造やエラー対処は今は扱いません。

よくある質問

Design Spaceへ画像を入れるのは無料ですか?

自分のPNG・JPGをアップロードし、シングルレイヤー(単一レイヤー)または平面的なグラフィック(フラットグラフィック)として使う基本操作にCricut Accessは必須ではありません。自動背景削除と複数のレイヤー(マルチレイヤー)への自動変換など、一部機能はCricut Access加入者向けです。

Canvaで作った画像もアップロードできますか?

PNGまたはJPGで書き出せばアップロードできます。輪郭に沿って切りたい場合は、背景透過PNGにすると後の調整が少なくなります。

複数の絵柄の位置関係を保ちたい場合は、1枚の画像として書き出すとキャンバスでも一体の画像として扱えます。

chicchi

Canva側で、必ずしも1枚の画像にまとめておく必要はありません。
複数の絵柄は、Design Space内でも「アタッチ」や「平坦化」を使ってまとめられます。

Canvaであらかじめ配置を整えて1枚の画像として書き出す方法は、操作しやすくする選択肢のひとつとしてお考えください。

PNGとJPGはどちらがきれいに切れますか?

形式だけで切れ味が決まるわけではありません。カットラインが滑らかで、背景と絵柄の境界が明確かどうかが重要です。ただしPNGは透明背景を保持できるため、輪郭どおりに切りたい画像では作業しやすい傾向があります。

アップロードした画像はどこにありますか?

デスクトップ版では「私の作品」→「画像」→「アップロード済み」から探せます。
画像名やタグを付けておくと、再利用するときに見つけやすくなります。

画像をアップロードしただけでカットできますか?

アップロードだけではカットは始まりません。

キャンバスでサイズと処理を確認し、「つくる」ボタンで進み、マット、素材、圧力を設定してマシンへ送ります。平面的なグラフィック(フラットグラフィック)の場合は、その前に家庭用プリンターで印刷する工程が入ります。

まとめ|PNG・JPGのアップロードからカットまで

Cricut Design Spaceへの画像アップロードは、次の順番で進めます。

1.「アップロード」→「画像をアップロード」を開く
2. PNG・JPGなど、アップロードしたい画像ファイルを選ぶ
3. 用途に合わせて「シングルレイヤー」または「平面的なグラフィック」などを選ぶ
4. 画像に名前を付けてアップロードする
5. キャンバス上でサイズと処理方法を確認する
6. 「つくる」ボタンを押し、画面の案内に沿ってカットへ進む

単色素材を切るなら「シングルレイヤー(単一レイヤー)」、画像の色を印刷してから輪郭を切るなら「平面的なグラフィック(フラットグラフィック)」と覚えると迷いません。背景透過PNGを用意できる場合は、背景削除の手間も減らせます。

-cricut, ものづくり