色塗りを始めましょう！

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

[{"selector":"#anim-29081891-6355-40a7-a1e5-15b0eb52481b","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc9bd75e-79c9-4ce4-9bf6-fbe1eeea5c2c","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-cf050ea8-7705-450a-bde8-b715a295ca53","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-27bca15f-b871-40ba-9c4e-67bdbfc860f3","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-5a70793d-aa19-4c4f-8dd0-23029bf29410","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-f495c430-baf9-418f-a60f-23e579d10128","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-453db7ab-f5e4-4783-a920-ee2e9b5c8f9b","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-6d5ea76e-c10d-420a-ad72-b7c163c5796e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e286ab5c-93a5-4a35-b145-d05cf23a3e11","keyframes":{"transform":["translate3d(-120.51282%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-00a5e307-c2ac-4195-a007-e2b408a99d55","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4d5e5455-e99f-47c7-a063-211010f157ab","keyframes":{"transform":["translate3d(-117.85713%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] ステップ2: キャラクターの肌を薄いピンク色に染める

ステップ4: 帽子を青く塗る

[{"selector":"#anim-ec4a5d8d-8cf0-4cf7-9af1-5974e6b601ad","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-208830bd-7cf4-4a88-a018-3d6372177e8a","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-991be54b-0ef4-46b9-8928-df4e33f556b4","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-0c2cde93-2739-43b9-ace8-118c86817140","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-503c61ea-3035-42bf-9cde-8de9a01d4c71","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-ebfded27-370a-4b57-b3f9-9eaec6137324","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-23954f7f-b67e-49f8-9471-f29d22d20e8a","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-bc90e56c-41b4-4989-aeb5-270a5e771620","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e0d01886-beef-4a81-8584-a37a7782c6b9","keyframes":{"transform":["translate3d(-174.16267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8286828b-b73c-42ba-aa2d-0c0fa0b415e3","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2d6d2d3a-86ca-4199-ad2e-efb52e8a4e8a","keyframes":{"transform":["translate3d(-257.24141%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] ステップ3: 毛皮を茶色に塗る

ステップ5: 服を青く塗る

[{"selector":"#anim-326978b5-4e47-41ea-9504-2aff6d5b61b5","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2eff3649-8227-4995-a5cc-182ce7d7ee21","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-615e3d77-4b62-448d-87dc-55ed6d9b563b","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5140f9b4-b4c3-4fed-a653-c917b7605d6f","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-52f758ae-26d8-4f98-8693-cb4f1b62696f","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-aa4a2e65-c1d2-47b9-ab67-79b3ab6bdf5a","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-710026df-c830-4b01-9afd-77fe9d402a39","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-0e579ea6-d76c-46dc-bf7a-31b779e14da5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e086a26d-e5b3-4d79-9a88-cd01c3d84f57","keyframes":{"transform":["translate3d(-114.07766%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0be48512-b4c4-4824-9c80-6bc26baf6a6f","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b76bbb48-6cc7-49a3-904e-63dc3ace635b","keyframes":{"transform":["translate3d(-107.26257%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

絵が完成しました！

[{"selector":"#anim-03ccab3e-337d-413d-8604-74e5709263d3","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-57c2f917-1e0c-42d9-88eb-a7a807564b65","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f350376-5026-49a6-92ed-7651bbff3a43","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-73569f42-12d5-442d-ac40-56073d9fa03c","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b4fda9cb-c1fa-4574-945b-48b079065ee5","keyframes":{"transform":["translate3d(-136.17021%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-066b6f2a-e801-45bc-b00c-f4b804cd023e","keyframes":{"opacity":[0,1]},"delay":1900,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9bde955-9ccb-4b40-8b86-56b8cfcc54c8","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: 塗りしたい絵を準備します

ステップ4: 帽子を青く塗る

ステップ5: 服を青く塗る

ステップ6: テキストに色を付ける

絵が完成しました！