📘 BLOG – TUTORIAL COMPLETO

NEXUS 3000 · Tutorial Completo

👉 Para começar, clique no botão acima e explore a ferramenta!

📑 SUMÁRIO

1. Visão geral 2. Proporção da arte 3. Imagem de fundo 4. Logo 5. Textos 6. Estilos & fontes 7. Overlay 8. Molduras 9. Arrastar elementos 10. Formatos & download FAQ

✅ Tudo no seu navegador — nenhuma imagem é enviada a servidores. A NEXUS 3000 Cover Maker é uma ferramenta profissional de criação de capas que combina remoção de fundo, redimensionamento inteligente, camadas e mais de 100 combinações tipográficas em uma única interface. Siga este tutorial para dominar cada recurso.

👉 Clique no botão "COMEÇAR A USAR" acima para abrir a ferramenta e começar a criar agora mesmo!

1. 🧭 Visão geral da interface layout

A tela é dividida em três painéis principais: Controles (esquerda), Pré‑visualização (centro) e Barra lateral (direita).

1.1 Painel de Controles

Concentra todas as ferramentas de edição: proporção, upload de fundo e logo, textos, cores, estilo tipográfico, overlays, molduras e formato de exportação. Todos os ajustes são aplicados em tempo real na pré‑visualização.

1.2 Pré‑visualização (Canvas)

Exibe a arte final com todos os elementos aplicados. Você pode arrastar o título, o subtítulo e a logo diretamente sobre o canvas — a posição é salva automaticamente. Clique e arraste com o mouse ou toque e arraste em dispositivos touch.

1.3 Barra Lateral

Oferece navegação rápida e dicas úteis. Use os links para acessar o blog Mozinfo24h ou outras seções do app.

2. 📐 Proporção da arte redimensionamento

Defina o tamanho exato da sua capa com um clique. O canvas é recalculado e todos os elementos se ajustam proporcionalmente.

2.1 Predefinições inteligentes

O menu suspenso "Proporção da Arte" oferece os formatos mais usados:

Vídeo / Padrão (16:9) – 1200×675 px (YouTube, apresentações)
Instagram Quadrado (1:1) – 1080×1080 px (feed)
Stories / Reels (9:16) – 1080×1920 px (vertical)
Blog / Facebook (1.9:1) – 1200×630 px (posts)

Basta selecionar e a tela se adapta instantaneamente.

💡 Dica: A proporção afeta também o crop da imagem de fundo. Sempre defina a proporção antes de enviar a imagem para obter o melhor enquadramento.

3. 🖼️ Imagem de fundo upload + crop

Envie qualquer imagem para usar como plano de fundo. A ferramenta inclui um cortador profissional para ajustar o enquadramento exato.

3.1 Enviar imagem

Clique no botão "🖼️ Imagem de Fundo" e selecione um arquivo do seu dispositivo. Suporta JPG PNG WEBP BMP GIF (estático) e SVG.

3.2 Cortador (Cropper)

Após selecionar o arquivo, um modal de corte é aberto automaticamente. Você pode redimensionar a área de recorte arrastando as bordas. O cropper mantém a proporção da arte definida, garantindo que a imagem preencha todo o canvas sem distorção.

Clique em "Cortar e Aplicar" para finalizar. A imagem cortada aparecerá no canvas e o botão "⬇️ BAIXAR ARTE" será habilitado.

💡 Dica: Use imagens com resolução igual ou superior à proporção escolhida para evitar pixelização. O cropper permite ajustar o enquadramento mesmo em imagens maiores que o canvas.

4. 🏷️ Logo remoção de fundo

Adicione uma logo sobre sua arte e remova o fundo dela diretamente na ferramenta, com controle de tolerância e suavização.

4.1 Carregar logo

Clique em "🏷️ Logo" e selecione o arquivo. A logo aparecerá no canvas com um tamanho inicial proporcional à imagem original. Você pode arrastá‑la para qualquer posição.

4.2 Remover fundo da logo

Clique em "🔧 Remover fundo da logo". Um painel será aberto com a logo exibida em um canvas auxiliar.

Clique na cor de fundo que deseja remover (ex: branco, verde, etc.).
Ajuste a Tolerância – controla quantos tons semelhantes serão removidos.
Ajuste a Suavização das bordas – cria uma transição suave entre a logo e o fundo transparente.
Clique em "✅ Aplicar remoção" para atualizar a logo no canvas.

O processo é 100% local — nenhuma imagem é enviada a servidores.

💡 Dica: Para logos com fundo branco, use tolerância baixa (10‑20). Para fundos gradientes ou com sombras, aumente para 30‑50. A suavização entre 2 e 4 geralmente dá os melhores resultados.

5. 📝 Título e subtítulo camadas de texto

Adicione até duas camadas de texto sobre a imagem. Cada uma pode ter cor, fonte e estilo independentes.

5.1 Inserir texto

Digite o Título e o Subtítulo nos campos correspondentes. O texto aparece automaticamente no canvas, com posição inicial pré‑definida (canto superior esquerdo). Você pode arrastar cada texto para qualquer lugar da arte.

5.2 Cores personalizadas

Use os seletores de cor "🎨 Cor título" e "🎨 Cor subtítulo" para escolher qualquer tonalidade. A mudança é refletida em tempo real.

6. 🎨 Estilos tipográficos 100+ combinações

Mais de 100 estilos pré‑definidos que combinam fonte, tamanho, cor e sombra em um único clique. Perfeito para encontrar rapidamente a identidade visual ideal.

6.1 Selecionar estilo

No menu "🎨 Estilo do texto (+100 combinações)", escolha entre dezenas de variações. Cada estilo define fonte, tamanho, cor e sombra do título. O subtítulo herda a mesma fonte e uma cor ligeiramente ajustada.

6.2 Fonte manual

Se preferir, use o seletor "🔤 Fonte" para escolher individualmente entre Orbitron Inter Arial Georgia Impact Verdana Courier New Times New Roman. A alteração é aplicada ao título e ao subtítulo simultaneamente.

💡 Dica: Estilos com sombra são ideais para fundos claros ou com muitos detalhes, pois melhoram a legibilidade. Experimente diferentes combinações até encontrar a que melhor comunica sua marca.

7. ⬛ Overlay (escurecimento) gradiente

Aplique um gradiente preto na parte inferior da arte para destacar textos e elementos. Ideal para capas com imagens claras ou muito detalhadas.

7.1 Intensidade do escurecimento

O slider "⬛ Escurecer base (intensidade)" controla a opacidade máxima do gradiente no final da imagem. Valores entre 0,4 e 0,7 são ideais para a maioria dos casos.

7.2 Altura do degradê

O slider "↕️ Altura do degradê" define em que altura da imagem o gradiente começa a aparecer. Quanto maior o valor, mais vertical ele se estende. Use valores baixos (0,3‑0,5) para um efeito sutil na borda inferior, ou valores altos (0,7‑1,0) para cobrir boa parte da arte.

💡 Dica: Combine o overlay com textos brancos ou neon para um contraste poderoso. Em capas escuras, reduza a intensidade para 0,2‑0,3 para não perder os detalhes da imagem.

8. 🖼️ Molduras 10 estilos

Adicione uma moldura ou efeito de borda à sua capa. São 10 opções que vão desde bordas simples até efeitos cinematográficos e cyberpunk.

8.1 Selecionar moldura

No menu "🖼️ Moldura", escolha entre:

Sem moldura – layout limpo
Borda Simples – contorno branco de 10px
Golden Border – borda dourada com contorno interno branco
Neon Glow – brilho ciano ao redor da arte
Cinematic Bars – faixas pretas superior e inferior (letterbox)
Polaroid – bordas brancas estilo foto instantânea
Vinheta Dark – escurecimento suave nas bordas
Cyberpunk Glitch – bordas duplas ciano e magenta
Câmera Gravação – elementos de interface com ícone REC
Linha Dupla – dois contornos concêntricos

A moldura é aplicada sobre todos os outros elementos, como uma camada final.

💡 Dica: Molduras com elementos gráficos (como "Câmera Gravação") funcionam muito bem para thumbnails de vídeo. Já "Polaroid" é ótimo para posts com estética retrô.

9. ✋ Arrastar elementos interação direta

Posicione o título, subtítulo e logo exatamente onde desejar, clicando e arrastando diretamente sobre a pré‑visualização.

9.1 Como arrastar

Desktop: clique sobre o elemento (título, subtítulo ou logo) e arraste com o mouse.
Mobile: toque sobre o elemento e deslize o dedo.

A posição é atualizada em tempo real e persistente durante a sessão. Não há necessidade de salvar manualmente.

9.2 Limites de arrasto

Os elementos só podem ser movidos dentro dos limites do canvas. O cursor muda para "mover" quando você está sobre um elemento arrastável. Solte o clique/toque para finalizar o posicionamento.

💡 Dica: Para um layout equilibrado, posicione o título no terço inferior da arte (especialmente em capas verticais) e a logo em um dos cantos. Use o subtítulo como suporte abaixo do título principal.

10. 💾 Formatos de saída download

Exporte sua arte nos formatos PNG, JPG ou WEBP com apenas um clique. A qualidade é ajustável automaticamente para cada formato.

10.1 Escolher formato

No painel de controles, clique em um dos botões:

PNG – com transparência (se houver), sem perda, ideal para web e impressão.
JPG – sem transparência, tamanho reduzido, qualidade ajustável (padrão 95%).
WEBP – com transparência, altamente compacto, ótimo para performance.

O botão ativo fica com gradiente neon; os outros permanecem escuros.

10.2 Baixar a arte

Após ajustar todos os parâmetros, clique no botão "⬇️ BAIXAR ARTE" (que aparece automaticamente após o upload da imagem de fundo).

O arquivo será baixado com o nome capa-nexus.png (ou .jpg, .webp) na resolução exata da proporção escolhida.

💡 Dica: Para capas de redes sociais, prefira PNG para manter a nitidez dos textos e elementos gráficos. Para thumbnails de vídeo, WEBP oferece excelente qualidade com tamanho muito menor.

🚀 COMEÇAR A USAR

❓ Perguntas Frequentes FAQ

Tire suas dúvidas sobre o funcionamento da NEXUS 3000 Cover Maker.

▶ A ferramenta envia minhas imagens para a internet? ▶

Não! Todo o processamento — upload, crop, remoção de fundo, sobreposição de textos, molduras e exportação — ocorre localmente no seu navegador, utilizando a API Canvas do JavaScript. Nenhum arquivo é transmitido para servidores externos. Suas imagens permanecem apenas no seu dispositivo.

▶ Posso usar imagens com fundo transparente? ▶

Sim. A ferramenta respeita o canal alfa (transparência) de imagens PNG e WEBP. Se a imagem de fundo já tiver transparência, ela será mantida durante todo o processo de edição. A logo também preserva a transparência original, a menos que você utilize a ferramenta de remoção de fundo.

▶ Qual o tamanho máximo de imagem suportado? ▶

Não há um limite rígido, mas recomendamos imagens de até 4096×4096 pixels para garantir desempenho fluido, especialmente em dispositivos com menos memória. Arquivos muito grandes (acima de 20 MB) podem causar lentidão devido ao processamento local no navegador.

▶ Como funciona a remoção de fundo da logo? ▶

A ferramenta analisa pixel por pixel da logo e identifica aqueles que possuem cor semelhante à cor que você clicou (a cor alvo). Com base na tolerância definida, ela torna esses pixels transparentes. A suavização cria uma transição suave nas bordas do recorte, evitando serrilhado. Tudo isso é feito em tempo real no seu navegador.

▶ A NEXUS 3000 funciona em dispositivos móveis? ▶

Sim! O layout é totalmente responsivo e otimizado para telas pequenas. A interface se adapta automaticamente ao tamanho da tela, e os controles sensíveis ao toque permitem arrastar elementos com o dedo sem dificuldade. A ferramenta é compatível com os principais navegadores móveis (Chrome, Safari, Firefox).

▶ Posso usar a NEXUS 3000 offline? ▶

A ferramenta requer conexão com a internet apenas para carregar as fontes do Google (Inter, Orbitron, JetBrains Mono) e a biblioteca CropperJS via CDN. Após o carregamento inicial, toda a lógica de edição funciona offline no seu navegador.

▶ Como faço para resetar o layout? ▶

Para resetar posições de texto e logo, basta recarregar a página. As posições voltarão aos valores padrão. Para remover a imagem de fundo ou a logo, utilize os campos de upload novamente — eles substituem o arquivo anterior.