お気に入りの色を用意しましょう！

[{"selector":"#anim-18633963-e8df-408f-a46a-977c5ad47dec","keyframes":{"transform":["scale(1)","scale(1.4)","scale(0.96)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":5}] [{"selector":"#anim-47c2367d-6ff5-45c9-9674-743f2252f8d1","keyframes":{"transform":["translate3d(-859.09102%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d982ed2-447e-4fe0-90e8-8e1cfaa80452","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53ce7c7c-4428-4133-a8b0-5d659abf25b5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

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

[{"selector":"#anim-6ff27f30-a8ca-4157-95ef-05ebf5516008","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4015746a-f50d-4395-a959-18262c6f00c7","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-898a0269-a807-4a1b-a5fc-39d740ae24c9","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48ce76f4-3cef-4a05-bed5-7dd2fe9f41ba","keyframes":{"transform":["translate3d(-111.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-044ed89e-c432-4bce-8386-45be5016a6f3","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d80321f1-caec-40e5-9628-f0c84aacb33b","keyframes":{"transform":["translate3d(-164.01673%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b47f7549-4578-411b-870d-6843c07f2bf2","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c9fc639-3cc5-4e48-9423-f20472fc361c","keyframes":{"transform":["translate3d(-103.40135%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-813e1baa-0009-4de7-b9d5-948600a656aa","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-191f390c-4c4d-4cdd-a018-05ded9fe33da","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0e51f37-66a6-45ce-9342-b2c20ced43d4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

ステップ3: かぼちゃに色を塗ります。

[{"selector":"#anim-52d835ea-c96c-42a5-99e1-8ccc143ab998","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9491922-442a-4d01-841c-2365d95b2010","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-f41ce294-999d-421b-a5bd-62bcb0784e9f","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df378375-e01d-40cc-bcaa-9f37fef365c0","keyframes":{"transform":["translate3d(-160%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3d5b70c-2845-49b7-878f-f29a282060c5","keyframes":{"transform":["rotate(-102deg) translate3d(-86.06557%, 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-bd0d65d2-5621-4fa8-878c-16e282d5b614","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-573283d1-afcb-4c70-b652-35a99c631d7d","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-d948d80c-7770-4cd8-a908-33a612c28aff","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f7a331a9-45ae-4634-b234-c11258ee6c98","keyframes":{"transform":["translate3d(-105.85774%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-325ff2ce-170c-4eb7-bc8a-bf691d5feec7","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8468ece8-6e34-45c5-a9cd-57e2122d39da","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"}]

ステップ5: 雲に色を塗ります。

[{"selector":"#anim-b76d1258-2f5b-4435-9493-71e71e185347","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9fff2da9-39b8-4f7f-87a8-b2fcc5986260","keyframes":{"transform":["translate3d(-109.81819%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e823914f-8144-4e72-99dc-a37342963cab","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8239deec-7080-4b40-bf8b-d58b1c8cdd2e","keyframes":{"transform":["translate3d(-111.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-638bdbb1-2caa-4e11-8a18-f425284ad6ce","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-e751ee30-cfea-4655-96a4-572b4faa9c03","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c9b2ac41-e7a7-40eb-ac60-34f95018855d","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-734c4054-d79b-4a20-9ee6-d479eeaaef90","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1ce0e9b0-bc61-4a62-8ee0-3c687dcaf51e","keyframes":{"transform":["translate3d(-164.01673%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1db8c0e1-0a7a-44e0-a82b-20d992f9cce7","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81a8b27b-39d7-4dd9-a43f-f6d6013e7dbb","keyframes":{"transform":["translate3d(-108.63309%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

ステップ7: 背景を軽く塗り、明暗を整えて完成。

[{"selector":"#anim-a5687409-2797-4c43-993c-2b812a28a6ee","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e701cdc9-46e2-4975-8e7d-1970b6e915bd","keyframes":{"transform":["translate3d(-110.95101%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e118caa5-bce8-4622-a879-92d195e8b329","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2787d84d-4241-4e9a-91ea-17c12dd37dcb","keyframes":{"transform":["translate3d(-106.66666%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

色を塗る準備はできましたか？

[{"selector":"#anim-25d78c7b-6f7f-4480-ac05-595e23dfe0d6","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d2ecd2c-e256-4f70-9d01-129c32e3f045","keyframes":{"transform":["rotate(-8deg) translate3d(0px, 76.88703%, 0) rotate(8deg)","rotate(-8deg) translate3d(0px, 0px, 0) rotate(8deg)"]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5edcc842-9e14-448f-9725-30f7bc31c4b9","keyframes":{"opacity":[0,1]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-33759075-9a43-4ec5-b546-1881868d333e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-71db47e2-a409-4099-89e4-14b381d8e3d9","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-26c0f3f2-46d0-48d1-a8d4-c50f449948a9","keyframes":{"transform":["translate3d(0px, 381.36211%, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7b66a973-0d94-481b-bf4f-1989ad88a78d","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-bc3d3f83-0173-43f8-94ae-1564ff4a87b8","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e833a484-2287-49ab-b017-097495347b99","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-8922f1b9-0ebb-4089-8775-b67d67f82e2b","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6783ae80-edf2-4d40-99c6-85e9a89db1a1","keyframes":{"transform":["translate3d(-104.06092%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b4fd9d5-a94c-475d-a9a5-601949ac524e","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-778010d1-339e-45bd-bdf6-8c638662c6b9","keyframes":{"transform":["translate3d(-210.41667%, 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: 魔女の帽子に色を塗ります。

ステップ5: 雲に色を塗ります。

ステップ6: 小さな星に色を塗ります。

ステップ7: 背景を軽く塗り、明暗を整えて完成。

色を塗る準備はできましたか？