色塗りを始めましょう！

ステップ2:帽子に色を塗る

[{"selector":"#anim-ec9cc8f9-b2a2-41b2-82bc-a55d57409d05","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db64e02c-3563-4bcf-8a94-615a04264b4a","keyframes":{"transform":["translate3d(-129.60895%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4d7ac6c-2d27-49c9-bccd-1474299dbd5b","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7cd5f1d4-8b27-46b7-a3ef-d2bcb0f89b0d","keyframes":{"transform":["translate3d(-219.99999%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-21172db3-aaae-4f6e-bbec-5f2a59002fb4","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-8098c392-4144-4b34-ad17-07badb7be82e","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7b4bb3f-6b05-4abc-b258-5b6fb28df701","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-29278dd2-1d2c-40cb-864a-9ad465d92932","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-614ec932-aec5-4661-a77c-ef44d489fb3e","keyframes":{"transform":["translate3d(-116.85393%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2c157b4-b087-4c17-a8b7-1757dc51b85d","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-399a6e2c-8a6a-47fd-9834-ae803b9faebb","keyframes":{"transform":["translate3d(-113.6612%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] ステップ1: 塗りしたい絵を準備します

ステップ3: 髪を黒く染める

[{"selector":"#anim-c841e517-5d21-4bc6-a545-6fc83a30dd84","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4dc177e-7cf7-472a-8ebd-01ff8ab81e9a","keyframes":{"transform":["translate3d(-211.42857%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a69d9e0-113b-4b19-b94e-230255e60009","keyframes":{"transform":["rotate(-102deg) translate3d(-101.63934%, 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-e65f4a48-ffd1-4e47-8f75-54895700d5cc","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9de76f67-4fec-446c-aa45-f87059d07c22","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-c3ba591e-bddf-4cf6-bbd8-9d7d4874f997","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4d26ac2-d9ad-44cc-a8ef-4058d084ff9b","keyframes":{"transform":["translate3d(-118.02325%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2bdaa612-4e56-4a40-a663-1f5e01992d8b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4bc465c-c7bd-4fd3-91f2-43542eef5be2","keyframes":{"transform":["translate3d(-211.04651%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7676d2e8-39ee-42f8-b4c7-9f2d578a1413","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86f177fe-43ce-4596-8b1b-56300404410a","keyframes":{"transform":["translate3d(-228.04876%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

ステップ5: 靴に色を塗る

[{"selector":"#anim-ff29fe4c-8263-4ecf-9535-ba7d8a379e89","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c3b5c0f-bbbd-40ce-b6b0-4fd335fb3964","keyframes":{"transform":["translate3d(-112.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6bbed43-72b9-4870-8f70-48be64e23799","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb738d66-f72a-4110-8dbd-2f896371e68b","keyframes":{"transform":["translate3d(-233.75001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c039e89-9377-493c-951d-2e566f222d6e","keyframes":{"transform":["rotate(-88deg) translate3d(-152.2807%, 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-a7542485-f28b-4223-b344-880397ea263c","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f42e52e2-1ae5-4ae0-9734-9f87fff34e27","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-72cb99cf-8712-429f-9160-9bbacb4c5972","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89983af0-49f5-447e-bbc9-303e0ad7925e","keyframes":{"transform":["translate3d(-114.5631%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc9694f4-9295-4d30-9a41-4a4b465a5448","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-edf16429-9271-4704-a0b2-ebca0c657124","keyframes":{"transform":["translate3d(-110.69519%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

絵が完成しました！

[{"selector":"#anim-336c5500-8517-4b9d-92e9-813c33b601f6","keyframes":{"transform":["rotate(-181deg) translate3d(-170.7317%, 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-797031a9-41a7-4e3c-8bc0-d803d869ec50","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1a4fcc1-b00b-4a33-a9ad-2ac88ac4352e","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-80795450-31cc-4b23-b271-535c09fc943f","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03687f16-6c8d-4788-85b9-ac427ac00e1f","keyframes":{"transform":["translate3d(-131.20567%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d09c463c-4901-4354-911d-b2326173432f","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9eeab9f0-2bce-427d-89a6-0588e66a33b9","keyframes":{"transform":["translate3d(-250.34015%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] ここをクリック

色塗りを始めましょう！

ステップ2:帽子に色を塗る

ステップ3: 髪を黒く染める

ステップ4: ズボンを染める

ステップ5: 靴に色を塗る

ステップ6: 背景に色を塗る

絵が完成しました！