色塗りを始めましょう！

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

[{"selector":"#anim-aaed402b-5345-437d-9180-8c6223835a0f","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a6a77b61-14d9-4d89-8165-c55c42c32695","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-4cc7c1fb-cbfd-4e09-9b62-ef87fc1de769","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb8e6d49-e857-46ae-bd75-2f2c208f11f7","keyframes":{"transform":["translate3d(-218.18182%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-99d65b99-d4f9-41e7-8337-c9c8274fc7de","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-f8192d0b-6060-4610-b0a5-be0baa7f476c","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a5fe3981-6073-4746-b061-0aa985045893","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-26795e1d-b4ba-49f9-be9e-e3e092ac6ad9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0406ee55-03a9-4259-b899-41322977f159","keyframes":{"transform":["translate3d(-112.38095%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-07ba6e6f-7113-41ef-8d4d-64b58cb6e99e","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-776569c8-e95f-44b6-b113-0804b2498bcc","keyframes":{"transform":["translate3d(-121.31147%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

ステップ3: マイメロディをピンクに塗る

[{"selector":"#anim-63f9eaef-7d38-4ade-8be1-c4f6fec6129f","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0f294ee3-a908-4317-a119-e8779a1cc94a","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-d52b149a-d6ff-4f06-ad33-c235e32e7d97","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-74e37da3-e285-4709-a909-a280e7254824","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bd2d62ee-54ce-4e0f-8ab8-173ed92bbf9d","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-59a66cd5-8be0-48e5-a36e-f717b37c5b5c","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-669cc57e-6ecb-4f99-9425-6b2fd19b89bc","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-d3815704-c3d7-492a-a22a-255e345f4995","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-390d5c99-f44e-4a3d-bfed-86c574fb4ba7","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-e2b6fa56-3447-4421-8d3c-e9132ccae1e5","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c4d5ec8-c9a9-42e9-9599-3c866a2b6a80","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-dc7cedef-fe5a-4afd-ad02-57c513b9070d","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7f534941-06e9-45bc-867e-f1b955588f89","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-b29819ee-759b-4128-8036-866bc2d5838a","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a93da6d-020a-4126-bebf-8ac6a7e07c41","keyframes":{"transform":["translate3d(-222.98851%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6cee46b4-7fb0-4774-b214-a3db90477ec9","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-09072bf5-08a0-490e-bfa5-c4de72defbc6","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afa23d15-9b8d-4d14-b3fd-912a5a5db6ec","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-0a9b56b7-eae0-4415-8c95-f2ecdcba3353","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e9496eff-680c-48ff-8dd9-8b26763eb23c","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-3b0c3b0a-6a14-4474-bb04-f048a78f4076","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ad5ac9a7-f6c3-4e88-80cf-875439bfb446","keyframes":{"transform":["translate3d(-112.83422%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

絵が完成しました！

[{"selector":"#anim-7df726fe-0b8c-4047-9760-d19ba299c06c","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-bab1fbbf-b6e2-4902-8cf6-0698a2731d41","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7d3aef6-4d20-4fe5-8e0f-f5ad59718691","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-900d013f-330e-4054-a4c5-41427ef96cf5","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cfb95326-aec5-438d-afbe-107072087ef5","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-b95ade71-97de-4b85-8b47-0fcc2c70332b","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75136401-8d84-4308-b0e7-c01e46c3e263","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"}] ここをクリック

色塗りを始めましょう！

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

ステップ2: クロミの帽子を紫に塗る

ステップ3: マイメロディをピンクに塗る

ステップ4: コウモリ2匹を塗る

ステップ5: カボチャの着色

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

絵が完成しました！