Advertisement
  1. Design & Illustration
  2. Designing

Desenhe um Controle Remoto Brilhante Fotorrealista da Apple

Scroll to top
Read Time: 6 min

() translation by (you can also view the original English article)

Apple tem tantos produtos tão bonitos. Os designs de seus produtos consistentemente atingem um status de muito desejado, que os distinguem como uma empresa inovadora. Neste tutorial, vou ensinar a você como fazer um novo controle remoto brilhante da Apple.

Passo 1

Primeiro de tudo, crie um novo documento e preencha-o com preto.

Step 1Step 1Step 1

Passo 2

Faça uma nova forma como a próxima imagem usando a Ferramenta Rounded Rectangle com um Raio de 5px ou assim. Você decidi. Nomeie "Remote shape".

Step 2Step 2Step 2

Passo 3

Faça uma seleção deste Remote Shape. Crie uma nova camada, e usando a Ferramenta Gradient, arraste da esquerda para a direita. Use as configurações na imagem abaixo, com a cor da esquerda (#ffffff) e a cor da direita (#e4e4e4). O gradiente não é muito forte, mas é necessário para se destacar um pouco.

Step 3Step 3Step 3

Passo 4

Agora vamos adicionar alguns tons simples para a forma para torná-la mais real. Faça uma forma branca similar à imagem abaixo. Certifique-se de que ela é mais alta do que a forma do controle. Vá para Filter > Blur > Gaussian Blur e use um Radius pequeno.

Step 4Step 4Step 4

Passo 5

Agora usando a mesma técnica, faça uma forma mais escura. Torne ela mais fina do que a forma branca. Aplique um Gaussian Blur usando as configurações abaixo.

Step 5Step 5Step 5

Passo 6

Agora pegue as formas branca e cinza mais perto. Mova-os para o lado esquerdo da forma do controle remoto. Em seguida, duplique-os, gire-os e mova-os para o lado direito.

Step 6Step 6Step 6

Passo 7

Agora você precisa fazer a parte de cima do controle remoto. Para fazer isto, você precisa fazer uma nova forma usando a Ferramenta Rounded Rectangle. Preencha-a com preto. Depois coloque-a atrás da forma do controle remoto.

Step 7Step 7Step 7

Passo 8

Precisamos mascarar as formas branca e cinza para o controle remoto. Ctrl-clique (MAC: Comando + Clique) na camada do controle remoto para fazer uma seleção. Depois Ctrl + Shift + Clique (MAC: Comando + Shift + Clique) para adicionar a parte principal do controle remoto para a seleção. Certifique-se de que você tem selecionada uma das camadas de tom na Layer Pallete. Vá para Layer > Layer Mask > Reveal Selection. Faça isto para cada tom.

Step 8Step 8Step 8

Passo 9

Agora diminua a opacidade das formas cinza e branca até que elas se pareçam com alguma coisa assim. 

Step 9Step 9Step 9

Passo 10

Você pode fazer o fundo com uma cor cinza clara porque agora podemos ver o produto melhor. A forma do controle remoto está finalizada. Agora precisamos adicionar alguns botões para ele.

Primeiro vamos fazer o botão MENU. Comece a fazer um círculo usando a Ferramenta Elipse e as configurações abaixo.

Step 10Step 10Step 10

Passo 11

Agora precisamos fazer os botões Play, Pause, Avançar Rápido, Voltar Rápido, Volume + e Volume - . Comece a fazer um novo círculo acima do primeiro, certificando-se de que ele é maior.

Em seguida, precisamos subtrair um círculo deste aqui. Para fazer isto, segure Alt e Menos (MAC: Option e Menos). Neste ponto, um Menos vai aparecer perto do cursor. Isto indica que você vai subtrair um pedaço da sua forma. Clique e subtraia um círculo começando do meio deste círculo grande enquanto segura o Alt e Menos (MAC: Option e Menos) e arraste um círculo (pressione o shift para fazer um círculo perfeito). Dê uma olhada nas imagens abaixo para ver o resultado.

Step 11Step 11Step 11

Passo 12

Preencha esta forma com (#f6f6f8) e adicione as configurações abaixo para as Blending Options.

Step 12Step 12Step 12

Passo 13

Agora faça o último botão, que vai ser usado como o botão Play/Pause. Você precisa fazer isso exatamente onde você acabou de subtrair um círculo. Depois de fazer isto, preencha-o com (#f6f6f8) e use as configurações abaixo.

Step 13Step 13Step 13

Passo 14

Precisamos adicionar o texto que vai nos botões agora. Use Arial Black para a fonte e esta cor: (#c4c4c4). Para as formas, use a mesma cor. Faça elas usando a Ferramenta Rectangle e a Ferramenta Custom Shape. Faça a mesma coisa para os botões Volume e Avançar/Voltar.

Step 14Step 14Step 14

Passo 15

Agora é hora de fazer os botões mais brilhantes. Fazemos isto simplesmente fazendo uma seleção do botão Play/Pause através de Ctrl + Clique no botão. Depois subtraia desta seleção com a Ferramenta Elliptical Marquee. Segure Alt e arraste um círculo sobre a seleção. Faça uma nova camada. Mova-a para cima das outras camadas. Preencha a seleção com branco.

Step 15Step 15Step 15

Passo 16

Em seguida repita o Passo 14, mas desta vez faça este efeito brilhante para o botão de volume.

Step 16Step 16Step 16

Passo 17

O controle remoto está finalizado. Agora precisamos completar um passo muito importante. O modo como apresentamos os produtos é muito importante, por isso precisamos fazer um fundo simples e atrativo.

Faça uma nova camada e coloque-a atras do controle remoto. Usando a Ferramenta Gradient, defina o Radial Gradient do preto para o branco. Certifique-se de que o Reverse está selecionado. Agora clique e arraste do meio para fora. Em seguida, diminua a Opacity desta camada para 33%.

Step 17Step 17Step 17

Passo 18

Agora duplique a pasta do controle remoto. Faça a fusão deste controle remoto copiado em uma única camada. Faça isto clicando com o botão direito do mouse a pasta do controle remoto copiada e depois selecionando Merge Group. Em seguida, rotaciona o controle remoto copiado de cabeça para baixo. Mova a camada de gradiente que você acabou de fazer sobe ela. Depois selecione a camada do controle remoto de novo. Vá para Filter > Blur > Gaussian Blur. Defina o Blur para 2%. Em seguida, mova o controle remoto copiado para baixo.

Step 18Step 18Step 18

Passo 19

Faça uma seleção. Crie uma nova camada. Faça um chão brilhante para o controle remoto refletir sobre ele, usando a Ferramenta Gradient. Clique e e arraste de cima para baixo. Mova esta camada sobre a cópia do controle remoto.

Step 19Step 19Step 19

Passo 20

Agora faça a sombra que o controle remoto vai refletir sobre este chão. Faça uma forma similar à minha. Mova-a para cima dos gradientes. Depois vá para Filter > Blur > Gaussian Blur. Use 8%. Em seguida, diminua sua Opacity para 7%. Muito bem! Você acabou de terminar o design.

Step 20Step 20Step 20

Bônus

Abaixo é um bônus para vocês. Ele abrange como é simples mudar a cor do controle remoto em alguns segundos.

Vá para dentro da pasta do controle remoto e busque pela camada Remote Shape. Acima dela é a camada Gradient que você precisa torná-la invisível. Agora volte para a Remote Shape. Escolha uma cor para a cor de primeiro plano. Depois pressione Alt + Backspace. Tadaaa! Você tem um controle remoto vermelho.

Faça a mesma coisa para a camada do botão play e a camada do botão volume. Por fim, diminua a opacidade do botão brilhante de volume e do botão brilhante de play. E, é claro, faça o reflexo para este como você fez para o primeiro controle remoto. Boa sorte!

Step 21Step 21Step 21

Conclusão

Step 22Step 22Step 22
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads