色を用意して、色を塗る準備をしましょう!

ステップ1：塗り絵にしたい絵を準備します

[{"selector":"#anim-e3f8778e-8946-4def-8390-af64258cba22","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b76ef2b2-4a5b-4656-8cc4-70261de8fe58","keyframes":{"transform":["translate3d(-102.68457%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e14b41fa-25c4-425d-8cbd-64e232e6a696","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b4dabdc-b46d-424c-a453-2aa4c7cf0421","keyframes":{"transform":["translate3d(-129.54545%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4fcb23d-d15f-46ea-8eb9-6495ae690b91","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f4102056-1361-4d3c-9d84-0ecefc09ea0d","keyframes":{"transform":["translate3d(-103.28947%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-823f7bf3-ee3a-4721-a0db-33c6dd8aae7a","keyframes":{"transform":["rotate(-88deg) translate3d(-159.99999%, 0px, 0) rotate(88deg)","rotate(-88deg) translate3d(0px, 0px, 0) rotate(88deg)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cee10111-7675-40f1-aae5-c4062f590869","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ae7078f2-eabd-4129-a309-21a8fa38bcca","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d6fd6110-336f-490e-96da-6f104fcf6ce9","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-33a2a428-a13e-45a0-afbc-2749deab304f","keyframes":{"transform":["translate3d(-204.54544%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

ステップ3: ドレスを赤く染める

[{"selector":"#anim-6a33ed82-c320-4e13-a548-b03abd5fbae3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1da4dad0-91e0-4bf5-a655-86629e7223a3","keyframes":{"transform":["translate3d(-153.96227%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb014cea-0a5d-458e-9b52-a990b904f5be","keyframes":{"transform":["rotate(-102deg) translate3d(-98.36066%, 0px, 0) rotate(102deg)","rotate(-102deg) translate3d(0px, 0px, 0) rotate(102deg)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-87a2c6a2-bf06-45ff-b71d-3c705dddb77e","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-017e99a8-fd27-4b17-9cf1-462b9ca7eb52","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-a9941a4f-f8ea-4583-bf7b-7c5083fd2970","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5bce6fea-fde2-42b5-933c-d30dd8519dc8","keyframes":{"transform":["translate3d(-273.8255%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-88461488-43bf-4fe9-8f02-4b025224ca01","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a81554b-b642-47bf-9d18-c71a5542b0bc","keyframes":{"transform":["translate3d(-206.81818%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-704b2a7e-f661-45ed-ae7c-748cd64321a1","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b6133d7-2237-4c3b-99fd-bc5c4c3f1b07","keyframes":{"transform":["translate3d(-125.56818%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

絵が完成しました。

[{"selector":"#anim-6cb7c489-32de-4717-af40-8fcd141ed01e","keyframes":{"transform":["rotate(-181deg) translate3d(-194.03972%, 0px, 0) rotate(181deg)","rotate(-181deg) translate3d(0px, 0px, 0) rotate(181deg)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d05cb163-4cc9-4862-a337-9b8b5b6d37e2","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-376a5ece-dafb-4308-a299-2feb6e78eff5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-a2268461-3e0c-445a-af21-dcafb2871b32","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2083e49-9fd0-4ce8-a0cc-5e5c9b47e130","keyframes":{"transform":["translate3d(-111.93182%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-081f16eb-4988-4eb5-baa0-ccd6203ba0bc","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-764a14da-3143-40fe-bac2-36c9b7bab1cb","keyframes":{"transform":["translate3d(-217.04545%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] ここをクリック

色を用意して、色を塗る準備をしましょう!

ステップ1：塗り絵にしたい絵を準備します

ステップ2: ペッパの顔をピンク色にする

ステップ3: ドレスを赤く染める

ステップ4:スイカを赤と緑に塗る

絵が完成しました。