Como fazer um site 3D com a VECTARY

Queres um elemento 3D apelativo no teu website? Ou talvez uma imagem hero ou de cabeçalho única para o teu fantástico website ou blog? Que tal um objeto 3D completo que podes incorporar tão facilmente como um vídeo do YouTube.

Não precisas de ser um designer gráfico profissional para fazer nada disto. Usa o 3D Studio do Vectary para criares designs 3D para o teu website como quiseres. Arrasta e solta objetos 3D da nossa biblioteca e personaliza-os com um duplo clique.

Cria um website 3D facilmente

Neste artigo, vais aprender:

1. Como criar uma imagem hero 3D com o Vectary
2. Como criar elementos 3D parallax com o Vectary
3. Como adicionar design 3D interativo ao teu website

1. Como criar uma imagem hero 3D com o Vectary

1. Abre o Vectary - é online.
2. Arrasta e solta objetos da biblioteca, importa os teus próprios ficheiros 3D ou cria o teu próprio design 3D do zero.
3. Ajusta materiais, luz, estilo, adiciona texto ou fundo.
4. Renderiza o teu design em tempo real.
5. Guarda e exporta o teu design 3D como um ficheiro PNG.

2. Como criar elementos 3D para o teu website

Os elementos 3D parallax estão muito na moda no web design atual. Podem dar aquele toque especial ao teu website. Espreita este premiado design da Niika como exemplo:

Podes exportar os elementos 3D como ficheiros PNG estáticos e adicionar a animação no editor web, como o Framer, ou podes exportar o elemento como uma incorporação 3D interativa. No Vectary isto é possível nas definições de 'Publish'.

Como criar um website parallax com elementos 3D do Vectary

Dependendo da plataforma web que estás a usar, aqui tens alguns recursos:

Wix: Como criar um website parallax multicamadas

Squarespace: scroll parallax

Weebly: Como criar um banner parallax em movimento no teu site Weebly

Wordpress: scroll parallax

3. Como adicionar design 3D interativo ao teu website

No Vectary, podes incorporar o teu design 3D no teu website tão facilmente como um vídeo do YouTube. Os teus visitantes podem rodar ou fazer zoom no design 3D ou vê-lo na vida real, graças à realidade aumentada suportada em iPhones e Androids.

1. Abre o Vectary, é online.
2. Importa um ficheiro 3D para o Vectary (suportamos mais de 60 formatos de ficheiro) ou cria o teu design 3D do zero.
3. Acede ao separador Publish e clica no botão Generate.
4. Copia o código de incorporação do iframe e cola-o no editor do teu website.
5. Podes alterar o teu design a qualquer momento e voltar a gerar a incorporação. O design será atualizado automaticamente em todas as tuas incorporações web.

Sabe mais sobre o Vectary Viewer

Exemplo de visualizador 3D/AR

Abre este site no iPhone com o Safari ou no Android com o Chrome e clica no badge de AR.

https://www.vectary.com/embed/viewer/v1/viewer.html?model=fcd1e6c3-100f-4f80-93cf-ea6905a1298e&env=studio1&envRotation=0&autoplay=1&turntable=0.5&showPreloader=1

O que mais podes fazer com o editor de design 3D do Vectary

Impulsiona o teu portefólio de design gráfico com banners e imagens de cabeçalho 3D

As formas 3D divertidas são a próxima tendência visual na publicidade. Mantém o teu portefólio de design gráfico atualizado e impressiona os teus clientes com visuais incríveis criados com a nossa ferramenta 3D online.

Colabora no teu design 3D com colegas de trabalho e clientes

Partilha o teu design com o teu colega ou cliente e criem tudo juntos. Um pode trabalhar no modelo 3D, outro pode mexer nos objetos, enquanto outros adicionam os seus comentários. O 3D Studio do Vectary apoia o trabalho em equipa criativo.

Usa as Google Fonts para criares uma tipografia 3D incrível

O Vectary é a primeira ferramenta 3D online a implementar mais de 1200 tipos de letra da biblioteca Google Fonts. Escolhe o teu tipo de letra favorito do Google e transforma-o em 3D no Vectary com apenas um clique. Para personalizares ainda mais o teu design, basta fazeres duplo clique para entrares no modo de edição do Vectary e acederes a outras ferramentas poderosas de modelação 3D.

Termina o teu design 3D noutras ferramentas

Exporta facilmente a tua imagem 3D como PNG e termina o teu projeto em ferramentas de design gráfico como Photoshop e no Canva, ou continua noutras plataformas de web design como o Wix, Wordpress ou Weebly. O céu é o limite!

FAQ

Como posso descarregar o Vectary para criar um design 3D para o meu website?

O criador de imagens 3D do Vectary é online, por isso não precisas de descarregar nada. Funciona em qualquer browser moderno, como o Chrome, Firefox e Safari. Basta registares-te ou iniciares sessão e começares a criar.

Como posso descarregar o meu design 3D?

Clica no menu no canto superior esquerdo e passa o cursor sobre Project. Em seguida, clica em “Export as image” para descarregares o teu design 3D como um ficheiro PNG ou escolhe entre uma variedade de outros formatos 3D: STL e OBJ (usados em impressão 3D), glTF (formato 3D universal), DAE (formato do Sketchup e de arquitetura) ou FBX (um formato de ficheiro proprietário desenvolvido pela Kaydara e propriedade da Autodesk.)