- Horizontes Artificiais
- Posts
- Essa é a melhor forma de criar mockups (do zero) para seus projetos de design
Essa é a melhor forma de criar mockups (do zero) para seus projetos de design
Usando inteligência artificial, vou mostrar duas maneiras práticas de como você pode criar imagens realistas para melhorar a apresentação dos seus projetos
Bruno Corazza
June 19, 2024
Olá! 👋
Nunca foi tão fácil criar seus próprios mockups do zero.
Eu trabalhei alguns anos com criação de marcas e sei que uma das dores dos designers é encontrar mockups exclusivos para seus projetos (sem gastar um caminhão de dólares).
Vamos ao que interessa:
Vou te mostrar duas formas de criar imagens ultra-realistas para aplicar seus projetos de marca e embalagem.
Usando o Adobe Firefly
Usando o Midjourney
Claro que ambas as ferramentas vão fornecer apenas a imagem, e não a aplicação. Mas com uma pitada de Photoshop você resolve o problema.
Usando o Adobe Firefly
Criei um mini briefing fictício para mostrar como é o meu processo.
Uma embalagem de suco de maçã em lata.
1. Começando no ChatGPT
Criei um assistente e solicitei alguns prompts com ideias de cenas para as aplicações. Vale ressaltar: peça para que ele mantenha a mesma estrutura (usando palavras-chave) a fim de garantir que suas imagens serão consistentes.
Aqui você acessa toda minha conversa com ele.
2. Criando os esboços no Figma
Para cada cena, fiz um exercício de imaginar como ela seria, utilizando formas geométricas e cores básicas.
3. Utilizando o Firefly
Finalmente, depois de todos os rascunhos e prompts finalizados, é hora de abrir a ferramenta da Adobe e iniciar a execução.
Primeiro, eu colei o prompt na área de solicitação.
Depois, selecionei uma iluminação "Hora Dourada" e fiz o upload da imagem que será a referência da estrutura, e coloquei intensidade média.
Aqui você tem liberdade total para brincar com outras referências estéticas e de estilo.
Apreciando os resultados
Lembre-se: se for criar mais de um mockup para um mesmo projeto, é ideal que você seja coerente nas solicitações a fim de manter as imagens parecidas entre si, como eu fiz:
Usando o Midjourney
Com essa ferramenta temos vantagens e desvantagens se comparado com o Firefly:
Desvantagem: menos controle sobre a estrutura da foto
Vantagem: resultados muito mais próximos do mundo real
Para exemplificar, vou mostrar como gerei as imagens para um projeto real: GoForth.
1. Escolhendo os parâmetros
Para manter consistência, sugiro que você teste diferentes palavras-chave utilizando prompts aleatórios, antes de mais nada. No meu ebook você encontra uma lista com todos os parâmetros que você precisa saber.
Para essa marca, utilizei em todos os prompts as seguintes palavras-chave:
cinematic scene
highly realistic
modern architecture
cinematic light
luxury vacation home
gold and dark blue tones
sunset light
Sony Alpha a7 III camera
Sony FE 16-35mm f/2.8 GM lens
highly realistic blue notepad with pen mockup close view, cinematic still, cinematic light, featured on behance mockup, luxury home, gold and dark blue tones, extreme details, sunset, sunset light, diffuse light, modern architecture, minimalistic architecture, mansion, Sony Alpha a7 III camera, Sony FE 16-35mm f/2.8 GM lens --ar 16:9 --style raw --v 6.0
2. Testando variações
Uma vez que eu descobri quais palavras-chave me levam ao resultado que estou buscando, basta solicitar outras cenas e se divertir encontrando as imagens perfeitas para apresentar seu projeto.
Deixo aqui os resultados encontrados depois do toque mágico do Bruno Cortes no Photoshop.
Se você nunca usou o Midjourney, veio ao lugar certo.
Eu lancei um ebook completo sobre a ferramenta, 100% gratuito, onde te explico desde como instalar até como gerar imagens complexas e avançadas.
Se você leu até aqui, você é meu amigo.
Então, faz o seguinte:
Ou, você pode compartilhar essa newsletter para outros amigos.