ProCreate

プロクリエイトで背景透過の保存!【初心者講座】

プロクリエイト背景透過アイキャッチ

眼鏡くん
プロクリエイトで背景透過したままでイラスト保存は、どうやるのかな?
帽子ちゃん
背景透過は、PNGで保存しよう。

この記事では、プロクリエイトの保存方法について解説しています。

プロクリエイト背景透過アニメ

プロクリエイトで描いたキャラクターをアニメーションにしてみました。

背景透過保存すると、背景を変えたり、アニメーションで動かしたり出来ますよ。

この記事はこんな方におすすめ

  • プロクリエイト初心者の方
  • イラストを背景透過で保存する方法を知りたい。
  • instagram、Twitterなどにアップしたい時のサイズは?
帽子ちゃん
記事の序盤は解像度について少し説明しています。

背景透過保存だけ知りたい人は目次から飛んでくださいね!

はてな

漫画の背景.xyzは、元漫画アシスタントのNはしが発信・制作に関して発信しているサイトです。

【背景透過前に】解像度の知識について

プロクリエイトでイラストを描き始める時、最初にするのがイラストのキャンバス作成です。

 

どんな紙に描くかを決めるのですが、ここでサイズと一緒に解像度を決める必要があります。

解像度は

・WEBアップロード用のイラスト

(72dpi)

・印刷用のイラスト(300〜350dpi)

で選ぶ必要があります。

初めにWEBアップロード用のイラストで描き始めると、印刷は出来ないので、サイズ作成の段階で気をつけましょう!

 

350dpi→72dpi ◯下げる事は出来る

72dpi→350dpi ×上げる事は出来ない

 

pixivサイズ早見表
【Pixiv投稿はこのサイズでOK!】画像サイズ早見表【初心者向け】

眼鏡くんpixivとか、イラストSNSに僕も絵をアップしてみたい! アップする時に、画像サイズとか、決まりはあるのかな? 帽子ちゃんSNSなどのwebページに絵をアップロードする時は、webに合わせた ...

続きを見る

アップロード先がpixivや、通常のwebサイトであれば上の記事で紹介しているサイズで問題ありません。

SNS投稿サイズ一覧

イラストを作る際には、アップロードする媒体のサイズを理解して作る必要があります。

 

主要なSNSのサイズを確認しましょう。

Twitter
プロフィールアイコンサイズ(推奨)

400x400pixel

ヘッダーサイズ(推奨)

1500x500pixel

 

instagram

アイコン

1:1

推奨

320×320pixel

正方形

1:1

1080×1080pixel

横長

1.91:1

1080×566pixel

縦長

4:5

1080×1350pixel

ストーリーズ/リール

(リールは動画のみ)

16:9

1080×1920pixel

4GB以下

推奨されているものはあくまで推奨なので、絶対にそのサイズでないといけない訳ではありません。

 

多少大きいものでも綺麗に表示してくれる事もあります。

サイズ比率は推奨と同じだと用意された場所に合わせられやすいです。

背景透過での保存形式はPNGを選ぼう

プロクリエイト背景透過保存3

例えば、キャラクターだけ背景がない状態で保存して、いくつかの背景で使いたい事もありますよね。

背景を抜いて保存する事を「背景透過」と言います。

 

実は、一般的によく使われる画像保存形式の「jpeg」では背景を透過したまま保存が出来ません。

背景がない状態で保存しても、jpegだと自動的に白い背景に変換して保存されてしまいます。

背景透過が出来るのは「PNG」という保存形式です。

 

jpegかPNGか。

どちらで保存するかは、イラストを書き終わった保存の画面から簡単に選択する事が出来ます。

 

次項から、プロクリエイトで背景透過で保存する方法を手順に沿って紹介します。

キャラクターを通常通りに描く

まず、描画画面で通常通り絵を描きます。

イラストは、背景の白レイヤーとは別レイヤーで作成しましょう。

プロクリエイト背景透過保存1

レイヤー背景色のチェックを外す

イラストが完成しました。

キャラクターと分けた白の背景レイヤーのチェックを外します。

プロクリエイト背景透過保存2

チェックを外すと非表示になり、白背景が消えます。

プロクリエイト背景透過保存3

そうすると、背景がプロクリエイトの黒い背景になります。

これが背景がない状態です。

PNGで保存

このまま保存していきます。

左上の設定(工具のマーク)をタップ

プロクリエイト背景透過保存5

「共有」に色がついています。

下に出ている部分が、保存形式の一覧です。

保存形式が、背景透過は「PNG」である必要があります。

PNGをタップ。

 

「画像を保存」をタップするとiPadの写真に保存が出来ます。

プロクリエイト背景透過保存6

透過出来てないように見えても、大丈夫

写真では、背景が白に表示されて見えますが…これで大丈夫です。

プロクリエイト背景透過保存png

実際はちゃんと背景透過で保存出来ています。

他の背景に乗せてみましょう!

他のソフトで背景の上に乗せてみる→◯

flipaclipというアニメーションアプリで開いて、別背景に乗せることが出来ました。

プロクリエイト背景透過保存7

背景を用意したイラストソフトで、先程準備したPNGデータを「開く」事で背景画像の上に別レイヤーで載せる事が出来ます。

 

動かしてみた

プロクリエイト背景透過アニメ

眼鏡くん
背景透過とflipaclipを使えば、プロクリエイトで描いた質感鮮やかなイラストでアニメーションを作る事も出来るんですね!
【FipaClip】初心者向け!手描きアニメーションアプリ使い方【iPad】

眼鏡くんipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ 帽子ちゃんそれならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニメーション ...

続きを見る

プロクリエイト サイズ/解像度確認方法

自分が描いたイラストのサイズや解像度が何だったか、分からなくなる事もあるかもしれません。

 

プロクリエイトで描いたイラストのサイズや解像度が確認したい時は、描画画面で左上の工具マークをタップ。

プロクリエイト情報確認1

出てきたメニューの「キャンバス」をタップして、「キャンバスの管理」をタップします。

 

画面が切り替わるので、左側メニューの「大きさ」をタップ。

プロクリエイト情報確認2

右側画面の

・ピクセルの幅

・ピクセルの高さ

この2つが画像サイズです。

 

DPI は解像度の単位です。

画像のDPIの値は72なので、この場合72dpiだという事が分かります。

 

ここでサイズと解像度の変更も出来るので、印刷用のサイズで描いた後にアップロード用に作り変える事も可能です。

【背景透過も】プロクリエイト保存方法 まとめ

眼鏡くん
プロクリエイトで背景透過が出来るようになった!

色々な背景に乗せ変えて使っちゃおう〜

帽子ちゃん
皆さんも背景透過でいろんなところにキャラクターを移動させて楽しんでくださいね♪
多彩なブラシが魅力! Procreateの使い方を解説【初心者向け】

眼鏡くんiPadを手に入れたし、ペイントツールのPro Createを使いたいな! 初心者だから、ちょっと不安だ。 帽子ちゃんこの記事では、初心者にも分かりやすいように、ProCreateで絵を描くた ...

続きを見る

【パラパラ漫画】初心者も上手に出来る描き方講座

眼鏡くんパラパラ漫画を作りたいけど、何枚もイラストを描くのってタイヘン…。 初心者でもそれっぽくパラパラ漫画をつくる事って出来るのかな。 帽子ちゃん初心者の人は、まずは「難しくないネタを選ぶ」事と「中 ...

続きを見る

人気記事

pixivサイズ早見表 1

眼鏡くんpixivとか、イラストSNSに僕も絵をアップしてみたい! アップする時に、画像サイズとか、決まりはあるのかな? 帽子ちゃんSNSなどのwebページに絵をアップロードする時は、webに合わせた ...

iPad液タブ化アイキャッチ 2

眼鏡くんせっかくiPadがあるし、PCと繋いで液タブみたいに使えないのかな。 どうやってやるんだろう? 帽子ちゃんこの記事では、Mac、WindowsごとにiPadを液タブ/ペンタブとして使う方法を紹 ...

3

眼鏡くんipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ 帽子ちゃんそれならflipa clipがオススメだよ。無料でパラパラ漫画みたいにアニメーション ...

ipadメモリオススメアイキャッチ 4

眼鏡くんイラストを描きたいからiPadが欲しい。 メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ 足りないと困るから、512GB買った方が良いのか?! 帽子ちゃんちょっと待っ ...

5

眼鏡くんデジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 帽子ちゃんこの記事では、iPadを利用して3年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えしてますよ。 ...

100均タッチペンオススメ 6

眼鏡くん100均にタッチペンが売ってるけど、どれが1番使いやすいんだろう? 性能的にイラストは描けるのかな。 帽子ちゃんこの記事では、元アシの管理人が ・ダイソー ・セリア ・キャンドゥ のタッチペン ...

7

眼鏡くんLINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? 帽子ちゃん自分だけでスタンプを使う ...

アイビスペイント配布ブラシ使い方アイキャッチ 8

眼鏡くん憧れの絵師さん達が配布してくれてるブラシを使えば、あんな風に描けるのか・・! 今すぐ使いたい! どうすれば使えるんだろう? 帽子ちゃんこの記事では、ブラシを配布してくれている人気youtube ...

iPadアニメーションおすすめソフト 9

眼鏡くんipadでアニメーションを作りたい!でもあまり自信がないんだよね・・ 初心者でも作れるアプリってあるんだろうか? 帽子ちゃんこの記事では、初心者でも楽しんでアニメーション制作ができるアプリを5 ...

アイビスペイント-厚塗り-アイキャッチ 10

眼鏡くん厚塗りって、なんか格好良いよね〜。 どうやったらあんな風に描けるようになるんだろう。 帽子ちゃんここからは、元漫画アシスタントでほとんど色塗りをやってこなかった管理人が、厚塗りが出来る様になる ...

Copyright© 漫画の背景.xyz , 2022 All Rights Reserved Powered by AFFINGER5.