Create a GAMES/GAME button in Figma (interface, illustration, vector, UI).
English subtitle
_______USO E RECOMENDO: 🔥🔥🔥_______
🖱️ Mouse [ Ergonomia muito boa!] https://amzn.to/3nEz6ji
✍️ Mesa digitalizadora [Barata e boa!] Melhor preço: https://s.click.aliexpress.com/e/_99nxGj
OU https://amzn.to/2ZewfnS
👨🎨 GOSTARIA DE MELHORAR SUAS TÉCNICAS NO PHOTOSHOP?
CURSO Ilustração realista com foco no marketing do produto.
https://flambdesign.com/curso/
📚Sugestão de LIVROS PARA MEHLORAR SEU DESEMPENHO PROFISSIONAL📚:
📕 https://amzn.to/3HJwPLK Leitura fácil, boa narrativa e dá uma "chacoalhada" na sua procastinação mental. Um dos melhores livros que li.
📙https://amzn.to/3nESPzr Melhore a defesa de seus projetos e até sua apresentação pessoal/profissional.
FREE download 🤩🎁⬇️ (mockup e protótipos):
https://www.figma.com/@flambdesign
Apoie nosso canal 😊 👍
--------------------
⬇️ ⏱️ #figma #uiux #designer
00:00 Elementos
00:28 Criando o estilo do botõ de games.
08:30 Interação/ protótipo
_____________
Botão de JOGOS/GAME no Figma: Tutorial de Ilustração e Vetor para Iniciantes
"**Criando um Botão Estilo Interface de Jogos | Tutorial com Flávio Cordeiro**
E aí, galera! Aqui é o Flávio Cordeiro, e hoje vou te mostrar como criar um botão com estilo de interface de jogos usando o Figma. Além disso, vamos adicionar uma interação para deixá-lo ainda mais legal. Vamos lá!
*Passo 1: Cores e Elementos Básicos*
Para começar, vamos precisar de um círculo, um triângulo e duas cores. Vou deixar as cores aqui para você pegar. Agora, é só seguir o tutorial para atingir esse resultado.
*Passo 2: Criando o Botão*
Primeiro, crie o círculo com o tamanho desejado. Depois, crie o triângulo que vai representar o ícone de "Play". Ajuste as curvas do triângulo para um estilo mais solto, como um cartoon.
*Passo 3: Estilizando*
Agora, aplique um gradiente radial no círculo para criar um efeito de luz. Isso vai dar um toque mais realista e dinâmico. Em seguida, adicione um stroke ao redor do círculo para simular uma borda em relevo.
*Passo 4: Adicionando Sombras*
Use o efeito de sombra para criar uma ilusão de profundidade e realismo. Adicione uma sombra mais clara em um dos lados e uma sombra mais escura ao redor do botão para dar um toque de 3D.
*Passo 5: Detalhes Finais*
Para dar um efeito de botão pressionado, ajuste ligeiramente a posição do círculo para baixo. Isso vai simular um efeito de pressionar o botão. Também, você pode mudar a cor do ícone de "Play" para criar uma transição sutil.
*Passo 6: Criação da Interação*
Agora, vamos adicionar uma interação para simular o clique no botão. Crie uma cópia do botão e posicione-a abaixo do original. Ajuste o tamanho para simular o efeito de pressionar o botão.
*Passo 7: Configurando a Interação*
Agora, vamos configurar a interação. Selecione os dois botões e vá para a guia "Prototype". Clique no botão para adicionar uma interação. Defina o "Smart Animate" para um clique, com "After Delay". Deixe o "Smart Animate" com 50% para ambos os lados.
*Passo 8: Testando a Interação*
Agora, você pode testar a interação clicando no botão "Preview" no canto superior direito. Você verá o efeito de clique no botão e o ícone de "Play" se movendo um pouco para dentro.
E aí está! Agora você sabe como criar um botão estilizado de interface de jogos e adicionar uma interação para deixá-lo mais dinâmico. Espero que tenha curtido esse tutorial! Curta o vídeo e compartilhe nas redes sociais para ajudar o canal a crescer. Nos vemos na próxima!"
Quer sugerir um tema sobre o Figma? É só deixar nos comentários.
A ideia do canal é fortalecer a comunidade de criativos, seja: designer, UI/UX designer, Product designer, deisgner gráfico, publicitários, etc.
_______
💻 https://www.FLAMBdesign.com
💼 Linkedin: / cordeiroflavio
📷 Instagram: / flambdesign
🕹Artstation: https://www.artstation.com/flambdesign
👨🎨Behance: https://www.behance.net/flaviocordeiro
_____
Quem sou eu:
Flavio Cordeiro, designer entusiasta com mais de 9 anos de experiência profissional.
Já trabalhei em agências de publicidade, escritórios de design e departamentos de marketing. Fui líder de equipe de designers numa empresa global americana. Já trabalhei e fiz projetos para fora do país.
Tive a oportunidade de trabalhar em vários ramos do design. Photoshop é minha ferramenta favorita.
Atualmente estou migrando para o UI/UX design, mas também estudo sobre o mundo 3D. No final eu tento juntar tudo e criar uma solução.
____
Watch video Create a GAMES/GAME button in Figma (interface, illustration, vector, UI). online without registration, duration hours minute second in high quality. This video was added by user Flamb Design 24 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 388 once and liked it 39 people.