Como criar ícones animados com IA no estilo Airbnb usando ChatGPT e Midjourney

Com ajuda da IA, qualquer pessoa pode criar ícones animados no estilo Airbnb de forma rápida e criativa.

Use o ChatGPT para gerar imagens no estilo desejado com descrições detalhadas e depois leve essas imagens para o Midjourney ou ferramentas de animação compatíveis para dar vida aos ícones.

Designers ou curiosos podem explorar esse processo sem precisar de habilidades avançadas em design. A IA tornou possível transformar ideias simples em elementos visuais sofisticados com poucos cliques e muita imaginação.

Você vai precisar fazer isso em dois passos.

Primeiro, verifique se a versão do ChatGPT está marcada como 4o. A seguir, copie e cole o seguinte prompt:

generate a [idea] icon with this json style
{
“icon_style”: {
“perspective”: “isometric”,
“geometry”: {
“proportions”: “1:1 ratio canvas, with objects fitting comfortably within margins”,
“element_arrangement”: “central dominant object, with supporting elements symmetrically or diagonally placed”
},
“composition”: {
“element_count”: “2–4 main objects”,
“spatial_depth”: “layered to create sense of dimension and slight elevation”,
“scale_consistency”: “uniform object scale across icon set”,
“scene_density”: “minimal to moderate, maintaining clarity and visual focus”
},
“lighting”: {
“type”: “soft ambient light”,
“light_source”: “subtle top-right or front-top direction”,
“shadow”: “gentle drop shadows below and behind objects”,
“highlighting”: “mild edge illumination to define forms”
},
“textures”: {
“material_finish”: “semi-matte to satin surfaces”,
“surface_treatment”: “smooth with light tactile variation (e.g., wood grain, soft textures)”,
“texture_realism”: “stylized naturalism without hyper-realistic noise”
},
“render_quality”: {
“resolution”: “high-resolution octane 3D rendering”,
“edge_definition”: “crisp, no outlines; separation achieved via lighting and depth”,
“visual_clarity”: “clean, readable shapes with minimal clutter”
},
“color_palette”: {
“tone”: “naturalistic with slight saturation boost”,
“range”: “harmonious muted tones with gentle contrast”,
“usage”: “distinct colors per object to improve identification and readability”
},
“background”: {
“color”: “#FFFFFF”,
“style”: “pure white, flat”,
“texture”: “none”
},
“stylistic_tone”: “premium, friendly, clean with lifestyle or service-oriented appeal”,
“icon_behavior”: {
“branding_alignment”: “neutral enough for broad applications”,
“scalability”: “legible at small and medium sizes”,
“interchangeability”: “part of a cohesive icon system with interchangeable subject matter”
}
}
}

PASSO 2

Com o ícone gerado, faça o download e salve-o como uma imagem no seu computador.

Abra o Midjourney e vá para a seção Create.

Arraste a imagem que você salvou até a barra superior, onde está escrito “Starting Frame”. Depois, abra as opções de vídeo no lado direito e defina Motion como “Low”.

Em seguida, copie o prompt abaixo e substitua os parâmetros pelo que você quiser. Seja específico sobre o que você gostaria que o ícone fizesse:

Create a seamless loop animation of a soft 3D [object or icon] performing a simple motion. The animation should include [describe the specific movement or action, e.g. gentle rotation, slow bounce, pulsing glow]. All other elements must remain completely still. The background, lighting, and camera angle should match the reference image exactly. The motion should be smooth, subtle, and optimized for web or UI use. The animation must loop perfectly with no visible start or end.