Procreate アプリには、閉ざされた線で囲まれた図形を一瞬で塗りつぶしできる「塗りつぶし機能」があります。
今回は、塗りつぶしした後からでも編集がしやすいように
・図形の”線”のレイヤー
・図形の”塗りつぶし”のレイヤー
それぞれ別のレイヤーで作成する方法を紹介します。
CONTENTS
ドラッグ操作で簡単に塗りつぶしする
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2700.jpg?resize=880%2C612&ssl=1)
今回は↑このイラストのコーヒーカップを塗りつぶしします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2701.jpg?resize=880%2C612&ssl=1)
「レイヤー」をタップします。
レイヤーの構成を確認します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2702.jpg?resize=880%2C612&ssl=1)
今回はコーヒーカップに塗りつぶしするので、コーヒーカップ(枠)のレイヤー1つ下側に塗りつぶし用のレイヤーを1つ追加します。
1.追加したい場所の1つ下のレイヤーをタップ(選択状態にする)
2.レイヤーの「+」をタップ
します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2703.jpg?resize=880%2C612&ssl=1)
コーヒーカップ(枠)の1つ下に新規レイヤーが追加されました。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2704.jpg?resize=880%2C612&ssl=1)
塗りつぶしの基準となるイラストに「基準」の設定をします。
今回の基準である「コーヒーカップ」のレイヤーをタップして選択します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2705.jpg?resize=880%2C612&ssl=1)
もう1度タップすると選択肢が表示されます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2706.jpg?resize=880%2C612&ssl=1)
選択肢の中から「基準」をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2707.jpg?resize=880%2C612&ssl=1)
レイヤー名に「基準」と表示されました。
これで塗りつぶしの「基準の設定」は完了です。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2708.jpg?resize=880%2C612&ssl=1)
塗りつぶしを行うレイヤーをタップして選択状態にします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2709.jpg?resize=880%2C612&ssl=1)
画面右上の「カラー」を塗りつぶしの対象までドラッグします。
対象物にカラーを放り込む感じです。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2710.jpg?resize=880%2C612&ssl=1)
コーヒーカップ本体に塗りつぶし出来ました。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2711.jpg?resize=880%2C612&ssl=1)
コーヒーカップの持ち手部分にも同様に塗りつぶしします。
先程と同様の操作を行ったところ、持ち手の細い部分に塗り残しが出来てしまいました。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2713.jpg?resize=880%2C612&ssl=1)
カラーをドラッグしたペンを画面から離さないまま、左右にドラッグします。
左右にドラッグすると しきい値が変動して、塗りつぶしの境界線が変化します。
ちょうど良い塗りつぶしになったところでペンを画面から離します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2714.jpg?resize=880%2C612&ssl=1)
境界線ピッタリに塗りつぶしが出来ました。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2715.jpg?resize=880%2C612&ssl=1)
「レイヤー」をタップして、レイヤーの状態を確認します。
コーヒーカップの「枠線のレイヤー」と「塗りつぶしのレイヤー」が別々になっていることが確認出来ます。
レイヤーが別々だと、後からいろいろな編集がしやすいです。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2716.jpg?resize=880%2C612&ssl=1)
塗りつぶしの操作以外でも、「1つのレイヤーで操作する」か?「別々のレイヤーで操作する」か?迷ったら、まずは別レイヤーで操作することをオススメします。
描いたイラストを販売してみる
らっぽるではprocreateで描いた絵をLINEスタンプ、LINE絵文字、LINE着せ替え、iPhone iconで販売しています。
もし良かったら みなさんもprocreateで描いた絵を販売して、ますますお絵描きを楽しんでみてください^_^
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/04/img_6734-2.jpg?resize=880%2C320&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/02/img_2677.jpg?resize=880%2C280&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/04/img_6851.jpg?resize=750%2C422&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/04/img_6856-9.jpg?resize=750%2C422&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/04/img_5589-1.jpg?resize=750%2C422&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/04/img_6853-11.jpg?resize=880%2C491&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2021/04/img_6854-10.jpg?resize=880%2C369&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4123-40.jpg?resize=880%2C352&ssl=1)
Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。