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

[{"selector":"#anim-da344882-3473-4fea-95d9-b62cf5c1c1fc","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-64a66391-70bb-40ba-ae55-5d4b204f0a62","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-248135e3-7a02-4099-914b-da8367f2604a","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0479fd87-d523-4418-af32-130ab2ab5e14","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-56ba9f34-fd96-4495-97f8-8f3c3a4136c8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ceeeef91-feec-4278-b684-620daea3e107","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-ec824c91-9847-4579-a051-62a30d371c9f","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0072143a-3684-4e4e-8a77-12fd4294a823","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-1ea28d68-00e4-4f88-b626-719e01826b6b","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-50597e17-9867-41b9-8fc8-2f8d3ebb251a","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-1cfbcccc-be14-4c78-b7d6-458e1745d618","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9fa9a55-d779-431e-ab3b-4cf6e32f967b","keyframes":{"transform":["translate3d(-103.4965%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8c5983f4-49b3-4a13-b692-9ba3cdf7cdab","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-bcd1cdc1-e178-459a-8929-64d54ab51beb","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89355715-2610-4b2e-ba3a-d8d6734e9386","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-1a254683-3b26-4486-acf5-828347659640","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc148129-b502-4e72-bc27-1215150ab074","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-7cba4b52-1a57-4f39-9cb7-5bcb4615f26b","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cf900585-c365-47f5-85cc-84a40d93e336","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-87b56a2e-b38e-4852-b6e1-d911626f3ffb","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-2aa79462-9796-4abc-9ca2-e87fb18182a0","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ffc0768-ed80-481a-9437-f11fd992d117","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-c77ccea0-77de-477d-af6e-b6afcf475312","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12c67fb3-ab86-4901-b4ee-6039d2e9f777","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-516402ce-e3ff-41ee-8a81-7a0ba3af6842","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-235ec1a1-fcef-4afc-bc54-71bab0382c84","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-1569e096-4211-4c71-85e1-6428d88da4d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0df88a2e-15c9-492f-ad70-e8dcae4a2ac9","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-3852a8d9-3a9b-4dce-ba30-289190a310ac","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9476a01a-9478-4c2e-9c2e-398a4018f78f","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-8a2f541e-0354-4166-ad35-741b2f5d57c1","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-f1c7253d-5978-4df6-8027-7a75ab1cc358","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a640bfc8-23a5-4580-a4c8-c766f7f961cb","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-e603a3e2-aa52-4f1b-987f-c38fa68c623c","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fcd70849-f8e4-4f7e-ba0f-635798bb1645","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-e12efe19-966f-419e-8584-b2ccfdd4b124","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-147ae421-559b-4863-85c9-b8521207f909","keyframes":{"transform":["translate3d(-107.85713%, 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-3a243229-05c5-4c1b-aef3-3b398cbb4e0a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c77ef412-bbb8-40c2-8ba9-22b619fec628","keyframes":{"transform":["translate3d(-165.94827%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9c0d1779-a2b1-4046-9255-a766090daaba","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0f1aa82-82ac-462c-b026-965c3d57c10d","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-c0835125-f529-48de-b25c-8a404945e2d2","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-21666e47-7b8e-48d3-8296-fbac32d23afb","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1dc31760-4c48-4bb5-b136-21fa7dc29a81","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-d0282170-f2b3-4ca8-9115-9421e6a34427","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb13f7e6-8e48-49ff-9e36-6e6b9c0bae76","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-5a23ce83-9a57-47da-877c-77bd376c8a82","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a64a190-eed5-40b3-88b6-5daca4bfdb1c","keyframes":{"transform":["translate3d(-266.01309%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

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

[{"selector":"#anim-061138e9-ca1b-49d5-ab57-adb766f645c2","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7cb16d9f-192f-49a1-b32c-c5e56a8e8381","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-741b36d4-5cbb-4c2a-a7e3-dab7e21e2b45","keyframes":{"opacity":[0,1]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-d8a8d0b8-0d21-4b49-9acf-5835116a20d5","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":1600,"duration":1600,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-41ce3fd2-fb04-4373-8db0-6619244d385e","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-445f91ef-9380-4096-a7ac-fa6cf1e55388","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-54ad0add-dcba-440b-a14f-ba46b3464b20","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-a1b16026-5de5-41b5-827b-f9b0e4d4373a","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e0bd1f0c-090f-4eda-a24e-a8e37cb4b394","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-7e3f0733-0663-43b2-8072-183562e10eb7","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2cb6d7e-abc9-4778-a3a0-ec8a48d24782","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-7d7f6f0d-6f60-4c72-a04d-f73156b96d24","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-936be09d-1b3a-41c7-a485-55ac0dae7963","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: 星を塗り、点できらめきを足す。

ステップ8: 背景を薄くぼかして完成。

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