色塗りを始めましょう！

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

[{"selector":"#anim-e6bac69c-9ae6-4ce2-9fdc-ae773735c6c1","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d161cf48-3f1e-4c4d-8e65-75ce6cc3cb7e","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-141b8d39-5ed1-4541-b6ca-cb3626cb7652","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f9901493-3a5f-4ae2-8e42-e0a89ce197c0","keyframes":{"transform":["translate3d(-217.14285%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55cbce85-330c-41b0-ab3d-c350b4e58b37","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-46841fdb-9a92-4c1a-9d48-604dc8e4ccc9","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9d88c0f-2e05-4356-95cd-ac450b70be86","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-2a51226c-6b02-4613-b650-aea42dcff035","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b6d559a-c12d-4f79-9ce8-73613d5cdfb5","keyframes":{"transform":["translate3d(-106.46552%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0443ae86-37dc-4fba-8178-10301a29f04c","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-574e037b-2bc4-410a-b010-56b5ce1018be","keyframes":{"transform":["translate3d(-105.23257%, 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-9d64480a-0e52-454e-9fcc-15800c43db7d","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa87e569-b138-4884-97dd-42a69110d979","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-2515d765-23df-4617-93f8-8c04944055d4","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-6247d862-944f-43ad-8007-96b808c1dca7","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-33c38165-0098-44a0-a6e8-a6ec529e6aa0","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-d1c069d6-2dd3-4c9e-81bf-ae2b19e8830b","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d7ef0b1f-7b91-442b-9b5d-a280eda6a837","keyframes":{"transform":["translate3d(-120.34885%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5287d4b1-b214-4687-87db-5ec3401b2e20","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-590ee918-6e59-480d-be17-351ccb3a1b25","keyframes":{"transform":["translate3d(-149.7992%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84f29321-f21a-478f-9daf-3a51c0812a88","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f1430147-a6b4-4b89-b2ba-84ebf596d0de","keyframes":{"transform":["translate3d(-215.46962%, 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-673bb063-7524-4cfb-9747-64e064c27a24","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-beb8cb28-0221-48f8-83c3-4a7fb7cf8b53","keyframes":{"transform":["translate3d(-131.81817%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1297ba4f-9d0c-4332-be12-9be97dca672b","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5b61aa5d-fb4c-4003-b78e-ccc95a22027a","keyframes":{"transform":["translate3d(-217.14285%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-047f0d25-e96e-412f-87ff-ed76f9e61fff","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-f76af495-a432-47bd-a0a2-3d0da32dc5f9","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6592a61d-2505-41f5-af5a-a11f5b2db5a3","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-8fbbea1e-a467-48a6-a76a-19cee57783f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70e9bffe-7cbf-48b7-8743-a3ce48b10629","keyframes":{"transform":["translate3d(-106.46552%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e124613f-f19b-40c9-9ce1-5c4fd6068643","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-080e8142-b62e-4f77-9ac4-e451507fe955","keyframes":{"transform":["translate3d(-105.23257%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

絵が完成しました！

[{"selector":"#anim-a5598d69-6238-4148-89c6-84e6348a0a94","keyframes":{"transform":["rotate(-181deg) translate3d(-174.99999%, 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-5de516b9-a7ad-4af6-9ab5-c41dec8459a0","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-13cfbc66-e85a-4820-b01e-5996ca698503","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-435529db-b2ae-4f80-8fd3-f1b7b21c7e2e","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98632a7f-7dd1-42bc-828d-9ce2a51447f9","keyframes":{"transform":["translate3d(-129.99999%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-808c8bd5-ae89-4503-8192-10c1ee9f828a","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4c5d1b44-9a2b-4580-bb30-aa5eb58b7741","keyframes":{"transform":["translate3d(-248.32215%, 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: 空を青く塗る

絵が完成しました！