Comece preparando o creme de abacaxi: em uma panela, coloque o abacaxi, o açúcar e a água. Cozinhe em fogo médio por 15 minutos.
Adicione a gelatina aos poucos, mexendo bem até dissolver, retire os pedaços de abacaxi e bata no liquidificador a gelatina ainda quente com o leite condensado e o creme de leite.
Depois de batido despeja na travessa, coloque os pedaços de abacaxi por cima e leve para geladeira
Para o creme de coco, em outra panela, dissolva o amido de milho no leite. Adicione o leite condensado, o creme de leite, o coco ralado e a manteiga. Cozinhe até engrossar, mexendo sempre.
Transfira essa mistura na travessa por cima do creme de abacaxi, salpique coco ralado e leve à geladeira por 2 horas.