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.
____
Смотрите видео Create a GAMES/GAME button in Figma (interface, illustration, vector, UI). онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Flamb Design 24 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 388 раз и оно понравилось 39 людям.