Designer de afinidade: curso de rebatendo em design de maquete de tecnologia | Warrior Sound Media | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Designer de afinidade: curso de rebatendo em design de maquete de tecnologia

teacher avatar Warrior Sound Media, Apple & Adobe Certified Trainers

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Trailer de introdução

      0:46

    • 2.

      Ferramenta de gradiente

      3:11

    • 3.

      Como criar o corpo

      8:06

    • 4.

      Como adicionar o logotipo

      2:07

    • 5.

      Criando profundidade

      4:40

    • 6.

      Câmera e sombreamento

      6:28

    • 7.

      Sombreamento de logotipo

      5:05

    • 8.

      Design de lente

      6:18

    • 9.

      Detalhes finos

      8:11

    • 10.

      Detalhamento de câmera

      5:28

    • 11.

      Base de câmera

      2:10

    • 12.

      Detalhes do módulo da câmera

      8:41

    • 13.

      Design de botão

      6:17

    • 14.

      Antena

      1:13

    • 15.

      Como criar um segundo dispositivo

      11:59

    • 16.

      Reflexões e fundo

      4:03

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

43

Estudantes

--

Sobre este curso

Design gráfico de arte vetor e arte de tecnologia de conceito pode ser um processo difícil. Como dominar técnicas e ferramentas para criar design de produtos físicos convincentes pode ser um desafio real. É no entanto uma habilidade procurada.


O que vamos fazer juntos neste curso é tirar do tipo de saber o que fazer, para criar este design de conceito iPhone do zero. Vamos mostrar as técnicas e ferramentas muito simples e como usá-las para grande efeito.

No final deste curso, você vai ser capaz de entender totalmente quais são as ferramentas mais prctile para design gráfico conceito de tecnologia. E quando e por que usar cada

tool.You vai ser capaz de criar seus próprios desenhos vetoriais com Affinity Designer para um nível onde está pronto para fins comerciais, e até mesmo alugar seu novo conjunto de habilidades para trabalho cliente também.

Em Design de afinidade: Masterclass em design de maquete em tecnologia

  • Sombreamento de gradiente

  • Máscaras de recorte

  • Técnicas de perspectiva

  • Criação de forma de tala

  • Como criar nós

  • Como criar reflexões

  • E muito mais

Se você é novo em usar o Affinity Designer ou já esteve aqui, há algo aqui para você enquanto cobrimos novas técnicas de design de vetor para uso prático.

Conheça seu professor

Teacher Profile Image

Warrior Sound Media

Apple & Adobe Certified Trainers

Professor

Scott Robinson aka Unders

Electronic music artist & Content creator for Waves Audio, IK Multimedia & Music Tech Student and Founder of Warrior Sound.
Scott has produced well over 1000 music production videos for a variety of company brands all in the niche of audio. Alongside this he produces music under the alias of "Unders" and "Warrior Sound" and has produced a number of artist as well as mixing and mastering duties. Having a deeper understanding of the multiple ways to monetize music he is able to create multiple income streams from a single track.

You can find lot of content over at youtube around various music production subjects

JP

An loop based performance artist for 20 years. Has a huge range of experience in music production as well and audio eng... Visualizar o perfil completo

Habilidades relacionadas

Affinity Designer Design Design gráfico
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Trailer Introdução: Criar este conceito de tecnologia impressionante no Affinity Designer juntos criará esse conceito exato mostrado aqui, perfeito para usuários iniciantes a intermediários. E você pode criar esse projeto na versão de afinidade para desktop ou iPad. Vamos ensinar-lhe os princípios fundamentais para construir um dispositivo a partir do zero, mostrando todas as técnicas ao longo do caminho e, se você se sentir perdido, o projeto para o dispositivo criativo está incluído. Este curso começará com algumas ferramentas básicas de desmistificação, mas dentro muito rapidamente, passando para a criação de seu novo dispositivo a partir do zero, guiado junto com você. Então, venha se juntar a nós e crie seus primeiros conceitos tecnológicos com afinidade. 2. Introdução à ferramenta de gradiente: Antes de começarmos, eu só queria rever uma ferramenta e uma ferramenta que vamos usar muito nesse design, e é a função de gradiente. Agora, se você está familiarizado com funcionamento do gradiente e como usar o talk, sinta-se à vontade para pular isso com você, mas acho que é realmente importante mergulharmos em como usá-lo porque vamos utilizar em quase todas as partes individuais da construção aqui para criarmos qualquer tipo de forma. Então, vamos desenhar um retângulo aqui. Por exemplo, vamos para as opções de cor de preenchimento. Temos Amostras Cor e, em seguida, gradiente como opção. O controle deslizante aqui no meio do gradiente nos permite aplicar como esse gradiente afetará em toda a forma ou elemento específico que desenhamos. Você pode ver aqui que acabamos de ter branco a preto e puxar o controle deslizante mais em direção ao preto, ficamos mais brancos e vice-versa. Agora temos diferentes tipos de gradiente, seja elíptico, por exemplo, o que pode nos dar mais como uma fonte de luz, brilho ou rádio. Efeito semelhante. E é mais útil, adicionamos vários pontos. Que tipo de legal? Assim como uma fonte de luz de um ângulo diferente. Slide que eles estavam ajustando. Aqui está o ponto médio, mas também temos opacidade e podemos trazer a opacidade para mim como 50. Aqui podemos ver mesmo que o gradiente esteja realmente desaparecendo em vez de apenas a cor, temos um gradiente de opacidade. Isso nos permite ter um desvanecimento que poderia ser incrivelmente útil se você quisesse desaparecer uma sombra em invisibilidade ou algo mais que possamos fazer com um clique duplo é adicionar mais pontos em nosso gradiente. Aqui agora podemos ir de branco para cinza para preto, mas podemos clicar em qualquer um desses pontos e alterar sua referência de cor também. Poderíamos pegar esse ponto do meio aqui, por exemplo, e dar-lhe uma tonalidade vermelha. Então, vamos de branco para vermelho para preto. Isso é muito importante que entendamos. Podemos adicionar vários pontos porque se tivermos branco, como dizer nosso ponto mais leve como fonte de luz, poderíamos adicionar outro ponto branco mais tarde. Para imitar uma espécie de duas fontes de luz se unindo. Temos um reflexo real da luz ali e ali, por exemplo, podemos ficar excessivamente complexos com isso. Agora, quando também pegamos a ferramenta de gradiente, que é esta aqui, podemos arrastar isso diretamente sobre uma fonte também e podemos aplicar a direção. E como você vê aqui, temos os pontos que os inserimos antes. Ainda podemos mover esses controles deslizantes e pontos onde podemos escolher o ângulo e a direção do gradiente para simular a luz e outros movimentos. Temos todos esses controles deslizantes e podemos ajustá-los conforme necessário, porque vamos usar isso tão extensivamente ao longo desta conta É importante que usemos essa ferramenta, entendamos a facilidade com que ela funciona, salve como explicando várias vezes. E é assim que somos capazes de mudar o ângulo e a aparência do nosso gradiente e como podemos desaparecer entre as diferentes fontes. Alinhe-os exatamente onde queremos cada um. 3. Criando o corpo: Ok, então agora configuramos nosso modelo com afinidade e o abrimos. O que vamos começar é um modelo visual que temos na área de trabalho e que será fornecido para você. Ele deve estar nos downloads. Ao lado desta lição, vamos trazer isso em afinidade. Podemos fazer isso acessando File Place, selecionando a imagem em si e clicando em Abrir. E então precisamos arrastar nosso modelo e esticar para que ele preencha o espaço assim. O modelo foi criado usando o Procreate e, essencialmente, você apenas traçou em torno de uma imagem de um iPhone e nos dando as dimensões para trabalhar. Então, temos uma ajuda visual para nos ajudar em nossa criação no Affinity Designer usando o mesmo método para trazer o modelo, vou trazer uma imagem que será nosso objetivo para nossa final padrão. Como podemos ver, podemos arrastar isso da mesma maneira adicionando outra imagem. Agora nos demos duas camadas. Podemos vê-los do lado direito aqui. Há um carrapato disponível ao lado de cada um, se você quiser desligar ou em uma camada, você pode simplesmente clicar nisso e ocultá-lo por enquanto. Agora, para continuar preparando, o que vamos fazer é traçar algumas diretrizes. Podemos ir até as medidas do lado esquerdo e simplesmente arrastar. E isso nos apresentará as diretrizes que queremos usar usando o Command Plus, podemos ampliar a imagem para melhor precisão, onde eles nos darão uma diretriz logo abaixo a borda do primeiro telefone aqui, que é aproximadamente o centro da imagem aqui. E os dois pontos Command nos permitem ver esses guias e ativá-los e desativá-los não é quando precisamos deles. Vamos passar agora e configurar uma série de diretrizes. Eu gostaria que você acompanhasse seu projeto também. Se você está seguindo ou não junto com o mesmo projeto ou projetando o seu próprio. Vale a pena configurar esses guias, torna a colocação de suas formas vetoriais muito mais fácil mais tarde, vamos utilizar a ferramenta retângulo para criar nossa primeira forma. Usaremos essa ferramenta retangular e bloquearemos completamente a forma do primeiro iPhone. Com a Ferramenta Mover selecionada, podemos clicar com o botão direito do mouse em nossa forma recém-criada. Podemos usar o menu para converter em curvas. Agora, quando usamos nossa Ferramenta de Nó aqui da esquerda, os pontos não mudarão mais o tamanho, mas eles mudarão a perspectiva e a curva da forma, permitindo-nos combiná-la com ângulo e posição em que o iPhone é apresentado. Se mantivermos a barra de espaço enquanto movemos os nós, eles encaixarão duas diretrizes criadas, o que torna muito mais fácil fazer um alinhamento muito fino. Para facilitar a visualização das coisas, se você selecionar sua camada, temos uma configuração de opacidade acima e podemos ajustar a opacidade. Então podemos ver que são criadas formas e o que está acontecendo por baixo, tornando muito mais fácil alinhar as coisas se você estiver lutando, para alinhar suas formas com sua referência. Com nossa camada de forma selecionada. Vamos fazer uso da ferramenta de canto do lado esquerdo aqui. A ferramenta de canto nos permitirá mudar essencialmente a forma de um ângulo sólido para um canto curvo clicando e arrastando. E, como você pode ver, ele cria um círculo que nos dá aproximadamente a modelagem de canto que precisamos clicar e arrastar até que o círculo corresponda à curvatura que queremos que apareça nessa forma. Se você agora colocar a opacidade de volta ao máximo. Então, temos uma forma sólida. Vamos clicar em nossa camada, arrastá-la para baixo para movê-la para baixo do nosso modelo e, em seguida, desligar nosso modelo. Diminuir o zoom. Também desativaremos nossos guias com dois pontos Command para que possamos ver a forma que criamos até agora. Se ativarmos a camada da nossa imagem de referência, queremos ter certeza de que esse tipo de se parece a forma e o desempenho semelhantes que temos acontecendo até agora. Esta é nossa primeira parte fundamental. A primeira coisa que notamos olhando para nossa referência é que há um gradiente de cor em todo o telefone. Vamos tomar nossa forma, ir para as ferramentas de cores no canto superior esquerdo. E em vez de clicar em Preencher, altere-o para gradiente. E podemos então começar a aplicar nosso gradiente clicando nos nós em cada extremidade, podemos escolher as cores para definir entre elas. Então, aqui podemos escolher um cinza muito, muito escuro e um cinza muito, muito claro. Como você pode ver, isso está nos dando uma mistura entre os dois. Assim que tivermos nosso conjunto de cores gradiente, utilizaremos a ferramenta de preenchimento do lado esquerdo. Com isso, podemos ajustá-lo para que o ângulo do gradiente ocorra. E ao estendê-lo estende o alcance do gradiente ou mudando sua direção, ele muda a direção do efeito gradiente, como podemos ver aqui. Se precisarmos ajustar nossas cores para obter os efeitos desejados, podemos voltar para a ferramenta de cor de gradiente e ajustar as cores também. Se você está lutando para obter as cores do gradiente corretamente, podemos usar a ferramenta de seleção de cores, arrastá-la sobre nossa imagem de referência e escolher as cores que vamos transformar o modelo volte e veja como nossa forma e gradiente recém-criados se alinham com nosso modelo original. Ele se encaixa nesse espaço? Bem, você notará que há uma borda chanfrada ao redor do site do iPhone. E podemos ver que lá e nossa referência, vamos olhar para criar isso em seguida. Vamos criar isso duplicando nossa camada com nossa Camada de Forma selecionada pressione Command J. E isso copiará a camada exatamente como está com a camada abaixo selecionada. Vamos voltar à nossa ferramenta de cores e mudá-la do gradiente, de volta para um sólido. Podemos fazer algo como preto neste caso. Em seguida, vamos selecionar algo chamado ferramenta de contorno. Depois de selecionarmos isso, podemos ver que agora temos alças de nó em toda a nossa forma. E se o arrastarmos um pouco, ele criará uma versão maior dessa forma com todas as curvas e contextos e tudo o que tinha antes de preencher nossa borda chanfrada lá. Agora, com nossa nova camada de moldura selecionada, vamos colocar o gradiente novamente. Fui puramente para as cores sólidas. Podemos ver facilmente o que estávamos fazendo. Vamos usar nosso filtro e aplicar um preenchimento gradiente semelhante à camada superior, mas vamos usar cores um pouco mais escuras para que a borda chanfrada se destaque um pouco. Selecionando a ferramenta de movimentação e a camada novamente, vamos aplicar um traço à nossa nova borda chanfrada, em algum lugar entre zero 0,8. Então, deve-se ajudar a nos dar essa pequena definição entre as duas partes. Na próxima seção, continuaremos apresentando o logotipo da Apple em nossa forma. 4. Adicionar o logotipo: Agora vamos procurar adicionar o logotipo ao nosso modelo aqui. E este vai ser um iPhone da Apple, então será o logotipo da Apple. Seguimos para a Ferramenta de Texto e arrastamos uma caixa para qualquer lugar em nosso modelo, ela criará uma nova camada para nós. E se usarmos o Shift Command K no Mac, isso inserirá o logotipo da Apple em um formato de texto. Usaremos o controle de tamanho de pixel de texto na parte superior aqui e mudaremos para 144, dando-nos uma imagem maior para trabalhar. Voltando para a ferramenta Mover, podemos mover o logotipo da Apple de texto para nossas camadas originais. Precisamos dimensioná-lo e obter o ângulo correto. Para perspectiva, vamos usar esse menu novamente de converter os cantos. Quando fizermos isso, muitos pontos aparecerão ao redor da nossa maçã porque ela é selecionada a ferramenta de nó. Voltamos à nossa ferramenta de movimentação. Os pontos da curva ainda são aplicados. Acabamos de ter nossos mesmos nós in a box antes e agora podemos mudar a perspectiva. Nós mudamos nossa opacidade sempre tão ligeiramente. Tente alinhá-lo aproximadamente com onde queremos que ele esteja no modelo que fizemos e podemos ajustá-lo facilmente assim para corrigir essa perspectiva. Agora, se você precisar refinar as posições uma seta um pouco mais pesada sobre os nós aqui e você vê que ela se transforma para essa configuração de seta dupla. Você pode fazer esses pequenos ajustes conforme necessário. Agora, se ocultarmos nossa camada em seu modelo que fizemos antes e trouxermos o logotipo da Apple. Então, agora está em cima de nossas duas formas. Fizemos essa base e a moldura que acabaram de abrir nossa referência novamente e dar uma olhada em onde estamos. Podemos ver que nosso logotipo da Apple precisa ser mais leve. Então, vamos entrar na cor e mudar isso. Não precisamos necessariamente dar um gradiente aqui. Vamos aplicar o sombreamento e esse reflexo de uma maneira um pouco diferente. 5. Criando profundidade: Vamos criar a borda do iPhone agora e dar a ele a aparência de ter profundidade e ser um objeto físico com algumas profundidades. E é relativamente simples de fazer. E mostraremos as técnicas agora que usaremos para fazer isso. Antes de começarmos isso, no entanto, já criamos três camadas e vamos começar a criar muito mais ao longo do projeto. Então, vamos começar a nomeá-los para não nos perdermos entre todas as nossas camadas. Para fazer isso, basta clicar duas vezes no nome de uma camada e você pode dar a ela um nome apropriado. Assim que fizermos isso, usaremos o comando J Comando a novamente na camada externa maior. Então, aquele que criou nosso painel frontal e criar mais versões dele, vamos nomear esses recortes como um e cortar dois. E essas serão as camadas que usamos para criar a profundidade do dispositivo. Vamos mudar nosso modelo e voltar a ligar. Desative nossa referência. Adicione algumas novas diretrizes na memória, basta arrastá-las para o lado. Em seguida, podemos usar dois pontos Command para ativá-los e desativá-los. Agora temos nossa camada mais inferior selecionada aqui. E se segurarmos a tecla Shift, podemos mover isso ao longo de nossas guias sem que ela se mova para cima e para baixo. Assim, podemos simplesmente movê-lo para a posição mais ou menos com nosso modelo. Agora, nas duas camadas que criamos, vamos para essa cor e mudaremos a cor. Então, temos uma cor base e uma cor de camada superior. Isso é só para que possamos definir facilmente o que estamos trabalhando e a separação de dois segurando o comando, agora podemos selecionar ambas as camadas aqui. Em direção ao topo aqui temos uma ferramenta chamada interceptar. Intercept nos permitirá cortar uma forma com base no suficiente. E clicar aqui nos permitirá cortar a camada inferior. Por que a forma da camada superior nos deixa apenas com a forma da borda aqui. Agora podemos ver que temos a forma cortada corretamente. Podemos procurar reaplicar nosso gradiente se você precisar carregar a imagem de referência aqui. Mas vamos aplicar um gradiente semelhante ao que estava na camada traseira, mas com uma cor ligeiramente mais clara. Lembre-se, você também está criando seu próprio renderizador. Você pode experimentar se você tiver feito um plano de fundo colorido diferente, pode parecer que as bordas pareçam metálicas ou coloridas. Você pode realmente experimentar criar seu próprio cabelo. Quando desligamos nossos guias aqui, podemos ver o topo da nossa camada está começando a desaparecer. Só quer dizer que fomos um pouco leve demais em nosso gradiente, podemos apenas ajustar isso conforme necessário. Agora, a perspectiva que queremos não é perfeita. E a coisa que o dá, ou as bordas superiores, apenas uma duplicação completa da camada anterior. O que vamos fazer é usar nossa opção Converter em pontos novamente. E usando a ferramenta Node, vamos apenas nivelá-los um pouco. Colocamos diretrizes. Então, se você segurar espaço e você pode usar seu comando de dois pontos para trazê-los de volta se precisar deles. Isso nos ajudará a achatá-lo precisamente nessas bordas. Se necessário. Você sempre pode fazer outro guia também e trazer isso. Até agora estamos fazendo isso e por eu dois, damos uma ideia de como tudo funciona. Mas se trouxermos nosso guia de volta, podemos ver que estamos um pouco fora usando nosso cara e também de camada de transparência, você usaria essas notas e apenas alinhá-lo exatamente ao modelo de hardware onde é necessário. E podemos ajustar cada bit individual até que ele se encaixe e pareça certo. Agora, em nossa referência, as bordas, claramente um tipo metálico de Material e eles têm um passo de gradiente diferente. Em nossa ferramenta de gradiente, vamos adicionar um nó extra. E podemos fazer isso clicando duas vezes. E isso nos dá um passo extra no gradiente. E você pode ver quando o ajustamos, ele está ajustando o passo do meio do gradiente para que possamos ir escuro para claro a escuro, por exemplo. Olhando novamente para nossa referência, podemos decidir se precisamos ou não que ela seja escura ou mais clara também. Olhando para nossa referência, existem algumas camadas extras e reflexos acontecendo e vamos enfrentá-los um pouco mais tarde usando algumas técnicas diferentes. 6. Câmera e sombreamento: Em seguida, vamos resolver a adição da interface da câmera. Então, se trocarmos nossa camada novamente para trazer nosso modelo, usamos dois pontos Command para trazer nossas diretrizes de volta. Definimos as diretrizes aqui no local mais apropriado para criarmos este módulo de câmera. Podemos ampliar mais de perto usando o Command Plus. E assim como antes, para adicionar novas diretrizes. Basta arrastar da medida superior ou do local e podemos apenas trazer nosso revestimento final aqui. Não precisamos de todas as camadas aqui, para que possamos desligar essas camadas de cores. Se ainda os tivermos engajados. Nós nos dirigimos para o lado esquerdo aqui podemos usar nossa ferramenta de seleção de formas. Vamos arrastar uma forma selecionada sobre nossas diretrizes, que encobrirão esse módulo de câmera para nós. Agora, como antes, quando mudamos algumas das cores, é apenas um indicador visual rápido simples para nós qual área é essa. Nesse caso, vamos mudar isso para verde. E então vamos arrastá-lo para baixo e soltá-lo com o resto das camadas. Dessa forma, ainda podemos ver nosso modelo acima dele também. Ao selecionar nossa ferramenta de seta, podemos fazer coisas como distorcer a imagem. Podemos ajudá-lo a alinhar o módulo da câmera, assim como fizemos antes. Aproveite o tempo para que eles se alinhem com nossas diretrizes também. Além de alinhá-lo com nossa imagem modelada. Usaremos o menu converter em curvas, apenas para esse detalhe fino lá. Agora vamos selecionar nossa ferramenta de canto, assim como arredondamos as bordas dos cantos antes. Vamos fazer exatamente a mesma técnica arredondar as bordas do nosso quadrado que acabamos de alinhar aqui para caber no módulo da câmera em nosso modelo. Agora vamos desligar nossas camadas é codon Command para desligar nossos guias. E vamos diminuir o zoom novamente com o comando menos. E o que estamos procurando é apenas garantir que a perspectiva pareça correta ao observar o que acabamos de criar. Podemos ajustar nossa cor para dar a ela um gradiente semelhante para nos ajudar a ver essa perspectiva. Significar como uma cor mais clara e relevante para nossa imagem de referência também pode ser realmente útil. Agora nossa maquete tem profundidade e uma borda chanfrada. Então, vamos olhar para criar isso agora como a próxima parte. E faremos isso muito da maneira que criamos profundidade no próprio dispositivo. Para criar a profundidade e a moldura, precisaremos de três cópias. Portanto, se selecionarmos nossa camada, podemos clicar com o botão direito do mouse e selecionar Duplicar quem usou o comando teclado, comando J para criá-los. Certifique-se de tomar um tempo para nomear essas camadas à medida que vamos. Como os projetos só ficarão mais complexos a partir daqui. E ter um bom administrador e boa nomeação o ajudará à medida que você progride. No momento, vamos colorir cada camada individual para que possamos, com uma referência visual muito rápida, ver em qual camada estamos trabalhando. Sabemos qual camada cortaria em outro vermelho e verde. Obviamente, um contraste perfeito enquanto segura o comando selecione sua segunda camada. Em seguida, vamos para o menu superior e usar subtratos e subtrair. Cortaremos essa camada superior da abaixo, deixando-nos apenas com nossa borda chanfrada no vermelho lá. Agora, se selecionarmos nossa nova borda chanfrada, podemos olhar para ajustar sua cor, quem a traz de volta para um cinza mais escuro agora, ou até mesmo um preto que ajudará a criar esse tipo de visão de sombra e profundidade que nós estão procurando. É, qualquer cor que você tenha atribuído ao rosto superior. Basta usar o controle deslizante visual e você pode ver quando ele parece certo e começa a dar esse efeito de sombra aqui. Assim como fizemos para o corpo do dispositivo, vamos aplicar um gradiente a essas camadas agora para dar essa sensação de mortes e três dimensões, além de ajudar na iluminação efeito de ser um objeto 3D. Novamente, você pode fazer essa preferência de iluminação como quiser, ou copiar a referência aqui. Vamos apenas aplicá-lo das mesmas cores e pode haver luz no mercado em diferentes áreas para dar uma sensação de mudança de material. Mas queríamos ter certeza de que os ângulos também são relativamente os mesmos para que o reflexo e a fonte de luz pareçam vir do mesmo lugar usando cores mais claras ou permitir que uma parte mais vibrante do gradiente brilhe dá uma impressão de um material diferente. Por exemplo, o metal de alumínio precisa ser mais escuro passando para a luz, enquanto a base da câmera aqui que pode de fato ser de vidro ou outro material brilhante precisará ser um pouco mais leve e tem mais disso, um gradiente mais leve mostrando para dar essa impressão. E podemos ver que o invisível na referência aqui também. Agora, para adicionar alguma profundidade extra à nossa camada basal que criamos antes, vamos adicionar um efeito a ela que ajuda a dar uma espécie de sensação de sombra como se a luz estivesse bloqueada, mas não exatamente porque é um objeto translúcido. Se tivermos nossa camada selecionada apenas na parte inferior do menu Camadas, existe o ícone de efeitos. Vamos usar o efeito desfoque gaussiano. E à medida que apresentamos esse controle deslizante, podemos ver que ele aplica mais um efeito de desfoque à nossa camada aqui. E nós só queremos um pouco disso apenas para difundir ligeiramente as bordas dessa camada de Bezos, dando aquela sensação de objetos translúcidos e luz passando e criando um tipo de sensação de sombra natural está utilizando efeitos como este em pequenos detalhes que dão a sensação de uma renderização ser um objeto físico real. É importante prestar atenção a esses detalhes menores porque eles afetam sua percepção geral da imagem final. 7. Logo Shading: Então, vamos continuar com nosso gradiente e sombreamento, bem como alguns dos sombreamentos e detalhes. A primeira coisa que vamos fazer é adicionar um pouco de sombra e moldura ao módulo da câmera aqui. Como antes, vamos criar mais duas cópias do módulo da câmera. Então vamos mudar suas cores para vermelho e verde, respectivamente. O que queríamos fazer, vamos alinhar essa camada superior. Então, temos apenas uma lasca do fundo com as curvas e tudo no lugar certo para nós. É para fazer isso conforme precisamos. Vamos movê-lo um pouco para cima. E então vamos precisar ajustar a camada superior até obtermos a curva desejada e a aparência de sombra que queremos na camada vermelha abaixo. Assim como antes, vamos manter o comando, selecionar essas duas camadas e queremos subtrair. Então, o topo corta a parte inferior, deixando-nos com apenas aquela pequena lasca lá. Agora só precisamos arrastar isso de volta em nossa ordem de camadas para que possamos vê-lo. Agora vamos ajustar a cor. Vamos torná-lo um pouco mais leve aqui para dar a impressão da luz brilhando. Vamos usar o borrão gaussiano novamente, apenas para dar aquele pouco confusão ao redor das bordas porque uma sombra e algo que tem uma luz obscurecida por ela nunca é tão preciso borda definida. Queremos um pouco de sombra natural e desvanecimento acontecendo lá. Gaussiano desfocado nos dá exatamente o que precisamos. Em seguida, vamos prestar um pouco de atenção ao nosso logotipo da Apple. Como obteríamos esse tipo definido de gradiente de metal escovado. Para fazer isso, vamos usar uma técnica chamada máscara de recorte. Então, vamos criar duas formas para mostrar como isso funciona. Criaremos um quadrado vermelho e vamos criar um círculo também. Vamos mudar essa cor para verde. Então, isso é um visual agradável e fácil de ver. Agora, em nossas camadas, vamos arrastar a verde a caixa da vermelha que você vê logo abaixo dela. Então, agora está lá. E ele desaparece da nossa visão quando nos soltamos, agora temos uma máscara de recorte. Ainda está lá. Somos capazes de movê-lo e podemos movê-lo para qualquer posição no quadrado, mas só será mostrado através do próprio quadrado. Isso é chamado de máscara de recorte, e é uma técnica muito útil para criar formas e efeitos específicos. E vamos usá-lo em um segundo para criar o efeito de avaliação no logotipo da Apple. Também podemos aplicar isso a alguns dos detalhes mais finos também. Então, vamos apenas excluí-los rapidamente. O que faremos, procuraremos criar uma máscara de recorte com a parte sob sombra que acabamos de fazer também. Então, podemos pegar isso e arrastá-lo para baixo abaixo da nossa seção principal aqui. E agora, só será visível abaixo do pedaço de vidro principal que fizemos. Por causa dessa máscara de recorte, vamos bater essa borda dura, mas depois ficamos borrados nas bordas gaussianas que colocamos lá antes. E podemos ajustar o gradiente para o que precisamos dele. Os melhores visuais que estamos atrás. Isso não há parâmetros definidos aqui. Basta olhar visualmente para ele e decidir o que você acha que realmente combina com ele e se senta melhor. Mas ao usar essa máscara de recorte, ela apenas faz essas bordas borradas. E o truque gaussiano que fizemos um pouco mais fácil. Então, vamos selecionar o logotipo da Apple. Fará isso um pouco diferente, mas usar as mesmas técnicas torna o logotipo mais leve. Isso vai ser mais fácil para nós ver o que está acontecendo. Então vamos desenhar uma forma. Podemos apenas pegar a ferramenta caneta e desenhar algo de forma muito simples que passe pelo logotipo como uma forma de triângulo. Desde que seja um cheque fechado, vai ficar absolutamente bom. Triângulo sendo o mais simples que podemos fazer. Então vamos mudar a cor disso para ser muito mais escuro, como você pode ver no momento, é apenas colocar em cima da maçã é muito, muito simples. Lembre-se do que acabamos de aprender com a máscara de recorte. Uma vez que fizermos isso, a Apple definirá a forma disso. Vamos derrubá-lo. E lá vamos nós com muita facilidade. Temos esse gradiente cortado quente e muito duro usando o modelo da Apple ali mesmo. Estamos quase dando a impressão de um reflexo e aquela parte realmente brilhante do metal escovado. Mas, como antes, podemos usar gradiente ou podemos até usar o desfoque gaussiano e muito, muito levemente definir e moldar isso de acordo com a forma como achamos melhor. Por exemplo, fizemos isso muito mais duramente do que no exemplo, mas podemos ajustá-lo e discar o quanto precisarmos. Mas também não se limita a quantas vezes fazemos isso. Poderíamos criar várias camadas ou várias imagens dentro desse tipo de reflexão clicada. 8. Design de Lentes: O próximo ativo que vamos analisar a criação são as lentes para o dispositivo. Se começarmos trazendo nosso guia, usando nossas linhas de guia também, podemos garantir que apenas adicionemos todos os que nos ajudarão a alinhar corretamente com as três lentes, como mostrado em o dispositivo. Para começar a criar as lentes, a primeira coisa que vamos fazer é escolher a ferramenta de reticências. E então comece desenhando nosso primeiro círculo dentro de nossas diretrizes aqui, é útil mudar a cor para algo que facilmente definível apenas escolheria preto por enquanto como ele não é usado e podemos facilmente alinhar isso então, se você achar o vermelho ou verde mais fácil para você, vá por esse caminho. Como antes, ter nossa ferramenta de seta selecionada nos permite ajustar as formas para que ela se encaixe em nossa diretriz. Isso nos ajudará a ter essa perspectiva consistente. Uma vez que tenhamos isso totalmente alinhado, vamos duplicar essa forma como fizemos antes ao criar o manjericão da câmera em si. Você acha útil aqui adicionar algumas diretrizes extras para os outros círculos na câmera. E vamos mover nossa segunda camada para cima novamente, criar essa perspectiva e profundidade. Na segunda camada, vamos torná-la um tom mais escuro primeiro. Uma vez que tenhamos feito esse tom mais escuro, basta movê-lo para as novas diretrizes assim. Quando desligamos nossos guias, podemos realmente ver que, muito simplesmente mesmo essas duas cores nos deram a aparência de profundidade na câmera estão prontas por causa da perspectiva e a maneira como percebemos como eles se parecem. Então, já está funcionando para nós. Agora vamos duplicar nossa camada mais alta novamente, que é essa camada cinza. E vamos enxaguar e repetir para criar os outros elementos circulares da câmera tem exatamente a mesma técnica, fará uso da perspectiva do guia a cada vez. E o que faremos aqui quando começarmos a obter várias camadas é atribuir algumas cores diferentes. Então, apenas um olhar rápido, podemos ver onde estamos, em que camada estamos trabalhando. Por causa de todos esses Bezos, camadas , círculos, se eles são cinza, pode ser muito difícil ver rapidamente onde você está trabalhando e que tipo de perspectiva você realmente tem que usar o vermelho e verde novamente, para que possamos ver o que estamos trabalhando lá. E podemos cortá-los da mesma forma que temos para as outras camadas também. Agora temos a base do primeiro módulo de câmera feito. Vamos olhar para obter cor e a textura atribuídas corretamente. E trabalharemos do anel externo para o mais interno. Começaremos com o mais externo, o que podemos ver em nosso exemplo. Tem um bom brilho ao redor do site. Então, precisamos emular isso usando nossa ferramenta de gradiente, assim como fizemos antes. Então, precisamos escolher nosso cinza. Podemos fazer isso com nossa própria escolha visual, porque lembre-se, poderíamos estar criando qualquer coisa aqui. Poderíamos escolher cores. Poderíamos estar criando um dispositivo totalmente verde, se você assim desejar. O importante é garantir nossos ângulos de reflexão da luz do gradiente permaneçam consistentes com a sensação de luz direcional sempre consistente e, portanto, são reais. Se você achar útil, desativou algumas das camadas superiores também. Pode ser mais fácil ver e ajustar seu gradiente quando você está apenas olhando a única área com a qual você está trabalhando, em vez de ter todas as camadas empilhadas sobre ela. Agora, esse elemento realmente se destaca é descobrir que tem arestas duras. Então, vamos usar a ferramenta de traçado para garantir que a camada correta seja selecionada. Suba o topo. Aqui vamos para Stroke e vamos introduzir um traço enquanto você puxa o controle deslizante aqui, você pode ver em tempo real o efeito. Tem algo que você pode escolher por olho, mas bastante estreito apenas para adicionar algumas linhas duras por lá. Vamos ao nosso menu Efeitos novamente. E desta vez vamos usar algo chamado sombra externa. Isso nos permitirá criar uma sombra com base na forma que criamos. E precisamos definir o ângulo semelhante ao nosso gradiente. Então, isso nos dá um efeito de sombra. Naturalmente, dependendo da fonte de luz falsa que criamos usando o guia de gradiente. E você pode ver que, à medida que trazemos esse controle deslizante, eu adiciono cada vez mais sombra ao redor. Precisamos do ângulo para decidir o ângulo correto disso. Então, obtemos mais sombra na parte inferior, como se as fontes de luz vinham do topo lá que você pode ver fazendo isso de repente nos dão muito mais profundidade nessa parte. Agora vamos trabalhar na camada vermelha aqui. Então, essa segunda pista interna, se selecionarmos isso, e vamos dar sua cor, fará preto por enquanto, para que possamos ajustar isso à medida que avançamos. Por exemplo, nossa referência mostra que ele é um tipo de cor cinza mais escura. Agora, parte do problema de perspectiva aqui vem do traçado que foi aplicado à camada inferior. Se selecionarmos isso novamente, estamos analisando a seção de gradiente para o traçado. Queremos que o gradiente também se aplique ao traçado. Portanto, é mais intenso para uma parte do que a outra. E isso nos ajudará nessa mudança de perspectiva porque está adicionando esse acariciamento em um lugar que não queremos que seja. Só precisa ajustar isso casualmente até que pareça certo. Não há configurações específicas que sempre o tornem perfeito. Mas se seguirmos aqui e percebermos que estamos apenas ajustando, dando uma olhada e vendo como isso muda visualmente. E você notará que quando colocarmos esse gradiente lá no traçado, ele é mais definido em digamos, a esquerda, a parte inferior do que na parte superior. E isso ajuda a dar mais perspectiva disso ser uma forma que se destaca. Lá vamos nós. Criamos a primeira parte do módulo da câmera. 9. Detalhes da lente fina: Agora vamos criar a íris da câmera. Agora, é indiscutivelmente onde a maior parte dos detalhes entra nesse design. E teremos que criar muitas camadas e muitas partes detalhadas diferentes. Então, o que vamos fazer é criar isso em um arquivo separado e depois trazê-lo. E faremos isso apenas para maior clareza para possamos ver tudo o que está sendo feito. E vamos trazer nosso modelo de exemplo para que possamos ver isso e usá-lo como referência, apenas o Command N para criar um novo arquivo. E então só temos guias no topo aqui. E quaisquer elementos que quisermos trazer, podemos selecionar essas camadas ou o grupo. Pressione Command C e , em seguida, guia para nosso novo arquivo e Comando V para trazê-los. Então, como você pode ver aqui, temos referência e trouxemos a parte do baixo da lente que construímos. E vamos criar a íris dentro disso e depois transformá-la em grupo e trazê-la de volta ao nosso projeto original. Agora vamos criar essa lente aqui. E já temos círculos e tudo criado em perspectiva. Queremos mudar a cor e o tamanho, etc. Então, vamos usar esse comando J para duplicar. Em seguida, ajustaremos a luz de cor antes para que possamos sempre ver a camada em que estamos trabalhando. Novamente, pode ser útil fazer uma cor contrastante realmente brilhante, se você precisar. Vamos ficar pretos por enquanto, porque isso se destaca entre o cinza muito facilmente. E agora vamos aplicar nossos gradientes. Já temos o gradiente lá medida que adicionamos mais camadas e ajustamos as cores. Assim que fizermos isso, parecerá um pequeno ícone de alto-falante. Agora, as duas principais ferramentas que vamos usar aqui serão as ferramentas de copo como usamos antes para cortar uma forma, você está usando outra com a máscara. Então vamos usar a ferramenta de mesclagem. Isso é o que nos ajuda a obter essas camadas translúcidas de vidro diferente. Não vamos analisar o que todo modo de mesclagem faz. Mas mostraremos os que vamos usar e como utilizá-los para obter esse efeito de vidro aqui na lente da câmera. Agora vamos trabalhar sistematicamente o melhor que pudermos na criação e na construção das camadas trabalham na parte de trás mais para isso, vou começar com aquela pequena curvatura verde aqui. A primeira coisa que vamos fazer é copiar a nova camada que acabamos de fazer usando o comando J, e desativaremos a camada abaixo dela. Não precisamos disso no momento. Agora é uma forma crescente complexa que precisamos criar aqui. Mais uma vez, vamos cortar isso usando essa ferramenta de mascaramento. Então, vamos criar a nós mesmos uma nova forma vai torná-la vermelha para que possamos ver exatamente o que estamos usando e o que estamos cortando a largura. E vamos colocar isso para obter algo próximo do tipo de referência que precisamos, aquela pequena lasca lá. Agora, se movermos nossa camada vermelha para baixo, podemos ver o tipo exato de corte que teremos. Então, como antes, se mantivermos Command e selecionarmos ambas as camadas, poderemos cortar uma da outra. Nesse caso, queríamos usar o intersect em vez de subtrair para nos dar essa forma. Só lá. Temos nossa forma cortada. Ele precisa de algum ajuste e ajuste finos. Uma coisa que vamos fazer é derrubar a opacidade dessa camada vermelha. Podemos ver sua relação com as outras camadas abaixo dela. Enquanto o ajustamos, só queremos obter esse tipo de curva, essa borda do anel como podemos ver no exemplo. Faremos isso usando o teste de opacidade para obter essas curvas mostrando uma curva. Então, agora, nesta íris da câmera, há um pouco de reflexão verde acontecendo. Vamos mudar a cor agora dessa camada. E como antes, queremos aplicar um gradiente para que possamos usar o branco e o verde usando o branco para ser o reflexo realmente alto e, em seguida, o verde desaparecendo lentamente, apenas dando esse tipo tonalidade que você vê na lente da câmera. E novamente, é algo que podemos definir as cores. Esqueça aproximadamente como queremos um verde escuro, branco realmente brilhante. E, em seguida, defina como o gradiente refletirá apenas usando os controles aqui e ajuste até que pareça correto. Não há ditos ou ângulos perfeitos para colocá-lo fora. É realmente uma escolha de preferência e design feita por você mesmo. Essa camada combina com uma camada mais escura abaixo dela e conseguimos o brilho do gradiente. Vamos mudar nossa camada de mistura para fixar a luz. Isso deve funcionar bem assim que começarmos a adicionar mais dessas camadas reflexivas sobre ela, vamos descer para nossa camada preta cinza novamente e duplicar esse comando J novamente. E desta vez estamos procurando criar esse crescente no lado direito. Então, nossa segunda camada de reflexão lá, e vamos usar exatamente as mesmas técnicas que já usamos. Então vamos desenhar uma forma e fazer as interceptações, mas estamos apenas procurando obter aquela pequena fatia crescente no lado direito desta vez. Então, podemos criar essa reflexão, adicionando mais profundidade. Agora é hora de usar nossa ferramenta de gradiente novamente. Agora, nesta parte da lente, tendemos a obter um reflexo azul e acinzentado mais escuro reflexo azul e acinzentado que a escolha da cor pode ser com você, mas precisamos ir entre essa cor e pico absoluto branco da reflexão. E então vamos discar isso como antes. Selecione para aproveitar este momento para lembrá-lo de que, se você estiver lutando com isso, se você tiver esse arquivo de projeto, então abra-o absolutamente. Sinta-se à vontade para copiar uma das lentes em seu próprio projeto e trabalhar nela lado a lado. Dê uma olhada ou as camadas acabadas e todas as configurações finalizadas se você deseja emular com precisão e, em seguida, tente recriá-la você mesmo, Ele está lá como um recurso para você usar. Agora, com nossa reflexão aqui, o modo de mesclagem afetará enormemente a forma como isso é percebido. E este é um bom exemplo de dar uma olhada nos diferentes modos de mesclagem para tentar alcançar o resultado desejado. E você pode ver que, se o deixarmos em certos, pareceu realmente refletivo como luz brilhante. Outros dão uma espécie de sensação contaminada. Alguns dão instantaneamente aquela ótima mistura 3D que fomos para eles. Depende do que você procura e como você quer que seu resultado final seja. Mas é assim que conseguimos isso. Nós colocamos essas camadas diferentes e temos que discá-las e ajustá-las ao longo do tempo para obter a aparência desejada do medo levantar essencialmente lente de câmera de vidro que reflete tudo ao seu redor e simular o ambiente em que, que estava. Aqui, vamos experimentar diferentes modos de mesclagem, gradientes diferentes para dar uma reflexão diferente de diferentes ângulos. Você pode fazer é copiar repetidamente sua lente, ajustá-la e salvar este projeto. E então você tem todos esses tipos de favoritos para mais tarde e você pode usá-los em outros projetos pré-construídos com diferentes tipos de reflexão e visuais que você pode facilmente ajuste o tamanho de uma vez que você criou sua lente e ficará feliz com aparência ou até mesmo com o lote de lentes. O que queremos fazer é agrupá-los e nomeá-los para mim para selecionar todas as camadas que estarão envolvidas. Você pode segurar o Comando e clicar em cada um. Vou clicar na parte superior , segurar Shift e clicar na parte inferior e isso destacará todos eles. O Comando G criará um grupo desses para você. E eu sugiro que você os nomeie tipos de lentes específicos a cada vez, especialmente se você puder salvá-los e trazê-los para o seu outro projeto, então apenas o caso de selecionar o grupo, pressionando Command e C e voltando ao nosso original e vamos soltar essa lente lá. E podemos colocá-lo em nosso módulo de câmera que construímos em nosso dispositivo ou pronto. 10. Mais detalhes da câmera: Agora vamos começar a trabalhar em alguns dos detalhes mais finos no módulo da câmera. Uma vez que fizermos o primeiro, duplicará dois ou três, e ajustaremos os gradientes para obter o efeito de iluminação correto para cada um. O que vamos começar é dar uma olhada nos gradientes que temos acontecendo, nas camadas atuais aqui. Agora, se olharmos para o anel mais externo em nosso exemplo aqui, ele ficou escuro, claro e escuro novamente. Então, vamos adicionar algumas cores extras em nossos gradientes nessa camada base. E isso nos permitirá ter esses pontos extras de luz. Como você pode ver, nós os adicionamos e usaremos nossa alça para ajustar esses pontos-chave para onde precisamos que eles estejam. Uma vez que isso é configurado neste, poderemos aplicar isso quando duplicamos para os outros, tendo esses dois pontos brancos lá, podemos simular o efeito de haver um fonte de luz refletindo em dois lugares, mas é absorvida pela lente da câmera. E você vê que temos essas duas reflexões lá à esquerda e à direita. Então cometemos um pequeno erro. As bordas da moldura que podemos ver em nosso exemplo, uma é de cor metálica ou metálica e a deixamos preta para a profundidade. Então, vamos mudar a cor disso. Vamos aplicar um gradiente a ele também. E precisamos que ele tenha um brilho e tonalidade semelhantes à borda externa também. Você vê que os reflexos de luz precisam representar e estar no mesmo espaço. Mas também queremos que o gradiente mostre que há um ângulo diferente e iluminação diferente. Só precisamos discar o final até que ele pareça visualmente correto. E provavelmente precisaremos adicionar os pontos extras, bem como o gradiente também. Passe o tempo aqui ajustando e aperfeiçoando isso. Portanto, parece o mais real possível apenas discando em pequenas mudanças de gradiente para fazer com que essa reflexão pareça da melhor forma possível. Aplicado esse gradiente extra, as duas camadas estão se misturando um pouco demais. O que vamos fazer na camada inferior, que vai subir o nível do traço dando apenas uma borda mais difícil. Devemos mostrar uma boa separação entre as duas camadas como se estivessem montadas juntas e em partes separadas de metal. Algo que realmente pode ajudar a vender esse efeito é usar o gradiente no traçado também, dando exatamente o mesmo reflexo em detalhes que está acontecendo na cor e na forma geral. O traço ainda dá essa borda dura, mas ainda é afetado pela iluminação e pelos reflexos que estão acontecendo. Caso contrário, você acabou de ter uma borda rígida muito não natural. Então, vamos aplicar isso aqui também. Agora, a partir daqui, vamos continuar usando exatamente as mesmas técnicas, as mesmas camadas, os mesmos ajustes de gradiente, apenas para discar nessa lente. Não vamos fazer nada de novo recurso sábio, mas não quero pular nada. Então eu quero que você consiga ver visualmente cada passo que tomamos. Mas não há orientação necessária aqui. Estamos usando as mesmas técnicas, apenas discando por eu, ele baseado em nossa referência. Agora, se você ainda não o fez, queremos torná-la toda a lente, um grupo e você o nomear algo como lente, uma lente restante, o que funcionar para você. Depois de fazer disso um grupo, vamos dobrá-lo, selecioná-lo e fazer o Command J, e queremos duplicá-lo. Então, temos três cópias exatas dessa lente. Em seguida, vamos trazer nossa referência e vamos mover cada um dos grupos lente 123 para as posições corretas. 11. Base da câmera: Agora vamos criar os reflexos na base do módulo da câmera. E para fazer isso, vamos usar essa técnica de máscara de recorte que usamos antes. Vamos nos certificar de que temos uma câmera baseada, selecioná-la e, em seguida, precisamos desenhar em uma forma. Precisamos desenhar uma modelagem que tenha uma borda rígida e reta. Mas antes que pudéssemos fazer um triângulo ou algum tipo de retângulo, qualquer coisa que se junte e nos dê essa borda dura o suficiente para percorrer toda a base ficará bem. Atribua uma cor a ela. Precisamos ser um pouco mais escuros para obter o efeito do lado mais claro estar no lado direito. Vou arrastá-lo para a base da câmera que fizemos antes. Então, obtemos essa máscara de recorte e podemos ver exatamente com o que estamos trabalhando. Há lentes superiores, temos um reflexo que se sobrepõe à parte mais brilhante da base. Então, para criar isso, o que vamos fazer é ir até a nossa lente superior. E precisamos encontrar a camada lá que tem um círculo grande. Vamos duplicar isso. Podemos usar a camada base e , em seguida, trazê-la para cima, se necessário. Selecione esse comando e J para fazer uma duplicação dele, vamos definir a cor como branca pura porque será um reflexo de vidro. Deixe-me trazer isso para a camada superior. Vai parecer muito estranho. Mas vamos usar essa mesma técnica novamente de uma máscara de recorte. O que podemos fazer agora é desenhar uma forma da máscara de recorte. Quando fecharmos essa forma, só teremos a pequena sobra de deslizamento. E se você olhar, estamos alinhando isso com a base de reflexão que colocamos na base do módulo da câmera lá. Porque queríamos simular as luvas refletindo totalmente o pedaço de luz. Vamos apenas torná-lo vermelho, então sabemos que estamos cortando uma forma por outra. Depois de selecionarmos os dois juntos e usaremos subtratos para tomar uma forma da outra. E isso nos deixa aquela parte perfeitamente branca que como reflexo. 12. Detalhes do módulo da câmera: Agora vamos trabalhar nos detalhes reais neste módulo de câmera aqui. Vamos olhar para construir o flash, acho que em algumas das camadas de sombra extras. E, por último, introduzindo esse sensor LIDAR, vamos fazer algo aqui para tornar a vida um pouco mais fácil para nós. Vamos trazer nossa imagem de referência abaixo nossa renderização e torná-la um pouco maior para que possamos obtê-las lado a lado. Então, quando ampliamos, podemos realmente ver os detalhes do que está acontecendo lado a lado. Uma vez que tenhamos alinhado isso, o que vamos fazer é mudar nosso modelo de volta na forma como as coisas estão boas. Agora podemos ver a partir da escala do modelo exatamente onde vamos adiar o flash. Então, vamos começar a fazer a base para o nosso flash. Abra nossa renderização e certifique-se que estamos na camada superior aqui. Então, qualquer coisa que desenharmos vai pousar em cima de tudo o resto. E pegaremos nossa ferramenta de reticências e vamos desenhar a ferramenta de elipses sobre o flash na renderização. Círculo muito simples. Obviamente, as perspectivas não serão perfeitas. Assim, podemos nos aproximar aqui e finalmente podemos ajustar isso. Apenas utilizando a alça de um tópico apenas para incliná-lo um pouco para o ângulo. Uma vez que tenhamos ajustado isso e conseguimos no lugar certo. Vamos atribuir uma cor. Vamos buscar um cinza claro ou prateado aqui. Vamos ajustar isso e aplicar gradientes à medida que avançarmos. Basta ter algo que possamos ver e será mais ou menos o que estamos procurando. E você adivinhou, precisamos de várias camadas para fazer a borda e a sombra, os detalhes. Então, vamos duplicar nosso comando de camada recém-criado J. Vamos precisar de três deles para começar. E como fizemos antes, vamos atribuir algumas cores contrastantes possamos ver o que estamos cortando uns contra os outros com um contraste muito claro. Então aqui ficamos laranja e verde também. Primeiras coisas primeiro, certifique-se de que temos a camada correta selecionada. E vamos procurar tornar essa camada superior um pouco menor dentro si mesma e estamos fazendo isso para que possamos manter a perspectiva correta, não vamos. Então, temos isso aproximadamente alinhado. Temos essas arestas aparecendo, que serão as bordas destacadas olhando em nossa referência. Precisamos duplicá-lo outras três vezes porque vamos usá-lo várias vezes. Agora selecione um dos nossos novos círculos menores e um dos maiores verdes. Vamos cortá-los juntos para nos dar essa borda externa cortada , então agora temos várias camadas na mesma cor. Então, nossa camada inferior, na verdade, será o visual do flash. É apenas mudar isso para um amarelo, chegar aproximadamente ao que a cor da carne seria apenas como um indicador visual para nós lá, volta à nossa borda chanfrada recém-cortada. Vamos dar uma olhada na ferramenta de traçado e vamos aplicar um pouco de traço lá para dar essa definição de borda dura, precisamos separá-la como sendo o corpo de metal versus a frente de vidro da carne. Agora vamos pegar nossa segunda camada verde. Então, na parte inferior, vamos nos mover tão ligeiramente para o lado direito e isso vai se tornar aquele metal duro, a borda chanfrada no lado esquerdo. Você vê que criamos duas partes separadas aqui para cada lado da moldura. Agora, quase exatamente o mesmo que fizemos com nossas lentes de câmera. Vamos adicionar esse gradiente e garantir que temos o branco para o brilho absoluto. E então alguma variação no cinza como a linha externa e ajusta-a até que tenhamos esses valores corretos nos dando esse brilho de luz. Você pode baseá-lo na lente da câmera, idealmente a do canto superior esquerdo, qualquer que seja o tipo de posição de brilho vai ter será melhor para você imitar, mas algo ao longo dessas linhas. Agora, aqui está outra técnica para obter uma sombra muito boa. O que vamos fazer é copiar aquele que acabamos de fazer e dar um gradiente e vamos mudar sua cor para preto. Agora que mudamos de cor, vamos usar as teclas de comando de seta e movê-la tão ligeiramente, apenas um toque, só vai atingir uma borda sombreada muito, muito pequena que caminho. Então, vamos passar para nossa camada amarela da lente agora. Vamos ter que duplicar esse cara de novo também. Então Comando J para fazer uma cópia disso. E o que vamos fazer aqui é que vamos torná-los cada vez menores. Então, temos essas lentes piscando dentro do flash em si e as iluminamos tão ligeiramente em cores. Vamos fazer alguns detalhes ao lado dos flashes também. Então, o que precisamos fazer é duplicar essa cor mais clara que acabamos de fazer. Apenas venha J para fazer uma cópia disso. Queremos diminuí-lo e depois vamos simplesmente virar 90 graus. Então, basta incliná-lo para o lado, assim. Vamos mudar a cor. Para algo um pouco mais escuro para que possamos ver o que estamos trabalhando porque temos a mesma cor um em cima do outro no momento. Uma vez que tenhamos alinhado isso, queremos copiar isso também. Então queremos mudar a cor de volta para ser uma cor mais clara, mas não tão leve quanto o fundo. Acabamos de torná-lo mais escuro, tão fácil de trabalhar. Você pode ver no exemplo lá, nós também temos esses detalhes extras do flash lá. Podemos então selecionar todas essas camadas assim que as juntarmos e ficamos felizes com essa parte inicial do flash e simplesmente copiá-las. Então, duplique-os, arraste-os. E temos nosso flash construído lá. Parece um pouco fora da perspectiva. Então eu acho que se apenas destacarmos esse e movê-lo um pouco para baixo, isso deve ajudar a ajustar essa perspectiva e parecer um pouco mais correto se definitivamente pudermos ver isso em nosso referência também, essa segunda parte do flash é um pouco menor que a inicial. Sinta. Talvez seja necessário um pouco mais de sombra aqui. Vamos pegar nossa camada de gradiente aqui e cair para o painel de efeitos. Há um recurso aqui chamado sombra externa. Nós já usamos isso antes. Vamos introduzir um pouco de sombra usando essa coisa mais importante aqui é obter o ângulo correto. Caso contrário, ele ficará sombreado de forma não natural. Mas se conseguirmos o ângulo certo, isso nos dará um pouco de sombra, apenas o borrão deles pode ajudar a realmente bons detalhes também. Isso talvez seja um pouco demais, pois é uma parte tão pequena, mas quando você diminui o zoom, pode parecer muito mais natural ter algumas imagens do tipo sombra ou reflexão acontecendo lá. Agora, nossa imagem de referência aqui está sugerindo que ela também está fortemente iluminada da Grã-Bretanha, o lado do dispositivo que dá esse tipo de sombras esticadas de cada lente da câmera. Vamos dar uma olhada nas sombras que foram aplicadas e elas já serão aplicadas a cada lente da câmera porque as colocamos lá quando criamos a lente. Vamos apenas ajustar os ângulos e comprimentos para tentar imitar esse tipo de sombreamento neles lá. Agora, se trouxermos o backup do modelo, podemos ver que na verdade não temos o sensor LIDAR, o microfone desenhado em nós, mas podemos ver isso lá na referência. Vamos dar uma olhada em continuar a corresponder a essa referência. E vamos criar o sensor LIDAR. Agora podemos ser muito inteligentes sobre isso. Já criamos exatamente algo desse tamanho, moldando um ângulo em nosso flash LED. Vamos apenas copiar parte de uma camada de flash LED e derrubar isso em uma cópia lá. E podemos simplesmente soltar isso diretamente e depois olhar para ajustar a cor e o gradiente. Isso é mais cinza com um talvez um pouco mais claro na parte superior para mais escuro na parte inferior. Tipo de efeitos acontecendo. Parece muito bom até agora. 13. Design de botão: Certo, agora estamos muito bem. Definitivamente parece um dispositivo. O módulo da câmera parece muito bom porque fizemos essas listras que detalham o pouco de sombra. O corpo agora precisa de um pouco de trabalho fazendo com isso também. Então, vamos ver alguns dos detalhes. Eles estão criando essas arestas finas , além de adicionar o botão ao lado. O que vamos começar fazendo é encontrar nossa camada para o lado do dispositivo. Como podemos ver aqui. Vamos começar adicionando um traço a isso para dar a ele um pouco de separação da parte de trás do dispositivo, muito parecido com a nossa referência ou dispositivo real. Um iPhone neste caso também tem esse dano na moldura dura em praticamente todos os casos. Vamos criar o botão na lateral do dispositivo. Agora, vamos trazer nossa camada aqui para que possamos ver exatamente onde ela está porque ela é desenhada lá. Com o design do seu conceito, você pode colocá-lo onde quiser. Agora, para desenhar isso em azul, use a ferramenta retângulo e vamos literalmente apenas desenhar uma forma em cima de tudo o resto. Agora esta pequena alça aqui no canto superior esquerdo, minúsculo ponto vermelho. Podemos usá-lo para ajustar a curvatura da forma. E então vamos aplicar uma nova cor. Aninhe-o na pasta de camadas corretas. Se necessário, dê um nome rápido também. Agora parece um pouco estranho, é apenas plano na lateral do dispositivo. Então, vamos fazer uma cópia da camada que acabamos de fazer, que é o botão. E vamos mudar a cor. Vamos apenas fazer um preto sólido aqui. O que vamos fazer é ajustar um pouco o posicionamento, certificando-se de que temos essa camada selecionada. Podemos usar a seta para baixo e a seta para a direita afastá-la ligeiramente apenas para dar uma pequena perspectiva de profundidade lá. E vamos ampliar em um segundo. Basta dar uma olhada em como estamos fazendo com isso. E podemos ver em tempo real enquanto tocamos as setas, o movimento e a profundidade que foi criada, queremos dar a impressão de que os botões realmente, muito próximos do dispositivo. Portanto, não está necessariamente dando nenhuma sombra, mesmo sabendo que também vamos iluminar esse dispositivo com outro como nossa referência. Só queríamos dar a aparência de uma pequena lacuna fina que só veríamos deste lado e não do outro por causa da perspectiva. Agora, há um efeito que podemos usar que nos ajudará a enfatizar ainda mais isso. Se na camada original, em vez de na nova camada de sombra, vamos fazer efeito e usaremos o efeito de gravação. Isso nos ajudará a ter a sensação do gradiente como conseguimos todo o resto, mas apenas destacará as bordas para nós, como podemos ver lá. Podemos ver que eles são apenas envolventes. Isso nos dá um pouco da sensação de que queremos, como se o corpo de metal tivesse sido tão ligeiramente cortado ao redor do botão, como se fosse parte do dispositivo de uma escolha de design apenas ajuda a enviá-lo um pouco mais do que é uma coisa física real. Agora, uma coisa que não fizemos aqui, temos isso bem perto da borda traseira na sua. Você poderia movê-lo para o centro. Pode ser um círculo, pode estar na parte inferior, completamente até você. É exatamente aqui que o colocamos neste , porque foi assim que ele apareceu na referência. Agora parece tudo bem, perto, mas se diminuirmos o zoom, ele vende? É óbvio que está lá? Sim. Parece muito bom. Ele fica bem nos dispositivos em uma boa posição. Parece que é um pouco saliente e também está gravado em Isso é perfeito. Bem, você pode adivinhar o que vamos fazer agora, mas vamos dar uma olhada na aplicação de um gradiente para que a textura de iluminação no dispositivo também corresponda com o botão. Porque no minuto em que se destaca um pouco. Então, vamos apenas ajustar esse gradiente de borda ali mesmo. E então vamos ajustá-lo com o botão também. Agora, eu gosto de design de carro. No entanto, se dermos uma olhada em nossa referência, podemos ver que há, na verdade, um pouco de superfície plana de textura criada no botão também. Vamos dar uma olhada em como aplicaríamos algo assim também. Se quiséssemos seguir esse tipo de rota de design, o que precisamos fazer é obviamente selecionar nossa camada superior novamente para o nosso botão. Podemos usar o Command J para fazer uma duplicação disso. Mais uma vez, o que faremos aqui, faremos uma versão offset um pouco menor. E isso nos permitirá ter esse tipo de sensação da menor superfície com as bordas curvas entrando e depois sombreadas, bem como se estiver em bem como se estiver relevo ao redor da borda do botão, como podemos ver aqui, técnica muito simples, mas nos dá uma visão muito diferente dessa parte lateral sendo de dessa parte lateral sendo forma diferente e sutilmente projetada de forma diferente. Agora vamos dar uma olhada em combinar esses gradientes. Agora acabamos de dar um top e, em seguida, alguns lados. Então, o que vamos fazer é olhar para fazer um gradiente na lateral do botão primeiro, que vai ficar obscurecida da luz para que ele precisa estar no mesmo tipo de sombra e cor, mas absolutamente mais escuro , mas não todo o caminho para o preto. Vamos olhar para fazer como um tipo de coisa cinza escuro lá e ver o que podemos fazer com isso. E, em seguida, o lado superior do botão pode ser essencialmente corresponder ao site do telefone, a menos que quiséssemos nos destacar e ser definidos por cores diferentes. Agora podemos ficar hiperdetalhados sobre os detalhes menores porque eles vendem a aparência geral da realidade. Quando colocamos esses gradientes nisso, em vários pontos, temos vários pontos de luz e reflexão. Lembre-se de que fazemos isso apenas clicando duas vezes em nosso controle deslizante radiante que adicionará outro ponto de cor. Podemos fazer uso daqueles do meio sendo brancos. Então, como um reflexo puro enquanto tem a prata cinza ou onde quer que sua tonalidade esteja no meio. Isso nos permite ter o brilho bem no topo aqui e na seção do meio, enquanto vamos para o muito mais escuro à medida que se curva para a parte de luz obscurecida do botão. Nisso, vamos continuar ajustando esses gradientes e fazendo ajustes finos até ficarmos satisfeitos com nosso resultado. 14. Antena: Tudo bem, então em nossa referência que nossas barras de antena, então essas pequenas áreas de plástico onde o sinal pode sair do dispositivo. E quando carregamos a referência aqui, podemos ver onde eles vão estar. Isso vai ser super simples para nós fazermos. Usamos todas as ferramentas e técnicas. Então, vamos pegar uma forma e vamos desenhar uma modelagem onde ela deveria estar. Basta dar uma boa linha reta como essa e mudaremos a cor para preto sólido, pois é assim que eles aparecem na maioria dos casos. Talvez queiramos torná-lo branco e misturar com o dispositivo. Vai ser uma preferência de sua escolha. Então vamos usar nossa referência para alinhar o ângulo e colocá-lo no lugar certo. E então, assim como antes, vamos usar essa máscara de recorte colocando-a para a camada correta. Portanto, o lado do dispositivo neste caso, que fará com que ele crie uma máscara com base nessa forma e ela será cortada perfeitamente ao tamanho. Porque nossa perspectiva e tudo já foi colocado. Ele até cortará esses lados do ângulo correto e dará a aparência correta da perspectiva. E tudo. Tenho algo muito, muito simples de adicionar lá. 15. Criando um segundo dispositivo: Você provavelmente está pensando, certo, ainda temos muito o que fazer. Precisamos criar o dispositivo MAX e há muitos outros sombreamentos e coisas para continuar. Martin vai te mostrar algumas coisas em um minuto que realmente vão fazer você sorrir. A primeira coisa que vamos fazer aqui é encontrar nossa camada lateral aqui e só precisamos dar um pouco mais de profundidade e brilho nessa camada lateral. Então, vamos usar nosso gradiente novamente quando eles adicionarem alguns pontos extras para que possamos ter um ponto muito mais escuro para entrar em um ponto mais claro e depois mais escuro novamente com o tipo de reflexão e indo lá. vez, completamente uma preferência, você pode ajustar isso para o que você acha certo e quiser que sua iluminação apareça. Essas são apenas as técnicas que estamos usando aqui. Como você pode ver, o dispositivo que criamos é um pouco diferente da nossa referência apenas com base nessas escolhas, você pode simplesmente continuar refinando-o e ajustando-o e levando-o cada vez mais longe e ainda mais até que você esteja feliz. O que fizemos aqui, agora temos um ponto negro, como você pode ver, e então podemos fazer com pontos brancos. E isso nos dá dois pontos de luz de reflexão é se há algo material real, digamos que talvez bloqueando a luz ou o ângulo da luz, apenas permitindo que esses reflexos sacudam as plaquetas. E podemos usar nossos controles deslizantes que usamos logo no início de criar isso apenas para continuar ajustando isso e levando-o para onde gostamos. Agora vamos olhar para fazer o segundo dispositivo, aquele com a tela voltada para nós. A primeira coisa que eu gostaria de fazer é arrumar um pouco o projeto. Então, temos um monte de camadas, abri-la em um minuto, basta rolar, tocar nos triângulos e apenas condensar essas camadas para baixo e você verá por que em apenas um momento Vai ser muito mais benéfico para nós se trabalharmos dessa maneira. Se acabamos com algum perdido, como se tivéssemos todas essas partes aqui. Eles não estão em um grupo. Vamos selecionar todos eles. Podemos segurar Shift e clicar na parte superior e inferior e, em seguida, fazer o Comando G. Isso, por padrão, pegará todas as partes que selecionamos e as colocará em um grupo para nós. E vamos ficar com essas coisas agrupadas porque vamos reutilizar muitos desses ativos em apenas um momento. Agora vamos separar todas as partes do nosso dispositivo do módulo da câmera. E vamos transformá-los em um grupo também. Em seguida, vamos duplicar esse grupo com nosso comando, o Comando J. E este será o nosso telefone de volta. Então renomeie esse novo backbone de grupo. Em seguida, vamos trazer nosso backup de modelos porque temos esse novo grupo que foi duplicado e ele tem todos os elementos além do módulo da câmera. Podemos simplesmente deslizar isso e trazê-lo para o nosso guia lá. E então podemos usar nossos marcadores de tamanho para colocá-lo aproximadamente na posição certa e no tamanho certo e apenas dar um pouco de alongamento lá. A coisa bonita de construir tudo a partir de vetores é que ele redimensiona perfeitamente. E voila, temos essencialmente a segunda conta de telefone já. Tudo bem, vamos fazer a borda chanfrada ao redor da tela. Então, vamos abrir esse grupo para nossa espinha dorsal. Queremos encontrar a camada que era a borda curva ao redor da parte de trás do dispositivo anterior. E vamos mudar sua cor para ser um preto sólido. Isso meio que nos dá o que estamos procurando logo de cara. Mas o que faremos é então olhar para a camada acima disso. Então, será aquela camada de gradiente cinza. E se o reduzirmos um pouco, obtemos aquela bela borda preta ou chanfrada ao redor da borda do dispositivo. Parece bom. Agora vamos abordar os botões. Estamos olhando para o outro lado do dispositivo, então ele tem esses botões para cima e para baixo de volume. Bem, felizmente, já criamos esse botão dormir-acordar. Então, dentro do grupo R aqui, podemos apenas destacar todas as camadas que compõem esse comando de botão J para duplicá-las. Então podemos renomeá-los para sabermos qual deles será qual. Então, muito simplesmente, podemos ajustá-los, movê-los e redimensioná-los para caber nos botões de volume no outro lado do dispositivo a, usando nossa camada aqui novamente, podemos redimensioná-los exatamente como precisamos, certificando-se de que temos seus grupos selecionados e eles já terão a profundidade, a sensação e o gradiente e a iluminação corretos. Mas, novamente, podemos ajustá-lo se quisermos. E então podemos simplesmente copiar isso depois de criarmos um para fazer o próximo dimensionado ali mesmo. Então, vamos apenas duplicar o grupo para nosso novo botão menor. Então podemos arrastar a duplicação para a acima e vamos ser bons lá. Espero que eles deveriam olhar certo? Vamos ter um pouco bonito e vamos fazer isso mais uma vez para o interruptor ainda menor em direção ao topo. Se mantivermos Shift enquanto tivermos isso selecionado, podemos realmente copiar essa camada logo de cara. Podemos apenas segurar o shift, arrastá-lo para cima e copiar lá em cima. E, novamente, podemos redimensionar esse para caber no menor interruptor também. Então temos todos os fundamentos lá. Se quiséssemos ajustá-lo, altere sua cor ou mude sua aparência para talvez dar mais um interruptor em vez de uma aparência de botão. Mas temos todos os elementos que já estão incorporados, dê uma olhada. Então, vamos pressionar Command 0 para diminuir o zoom, e parece muito bom. É absolutamente convincente agora. Acho que o que precisamos provavelmente olhar para criar é o entalhe porque isso se tornou um design icônico do iPhone. Então, vamos dar uma olhada em aparecer, e também estamos faltando a simetria que parecia ser muito fácil de criar. Poderíamos fazer outra forma e arredondá-la, ou já criamos o tipo correto de forma. Então, vamos copiar uma das camadas de nossos botões. Podemos apenas derrubar isso lá e mudar a cor para a correspondência com o tamanho do dispositivo. E então coloque um pequeno círculo lá, super fácil de fazer. Então lá vamos nós. Acabamos de copiar a forma do nosso botão. Nós apenas redimensionamos isso novamente. E vamos apenas procurar aplicar a cor correta com um pouco de uma correspondência de gradiente para obter essa borda Isso aplica uma ferramenta de traçado a essa forma. E isso nos dará um bom esboço da simetria. Ache útil aqui desligar sua camada para que você possa ver esse esboço e ele não está sendo exacerbado essencialmente por meio do modelo que estamos usando. Agora isso se sairia bem. Mas se abrirmos nossa referência aqui e aumentarmos um pouco, podemos ver que ela tem um pouco mais de detalhes. É como um visual em relevo porque é um pedaço de metal separado que está inserido, certo? O buraco negro é realmente meio que assimilá-lo inteiro. Vejamos como poderíamos fazer isso também. Se você quiser descer esse detalhe extra. Mas a camada selecionada, podemos escolher nosso menu Efeitos na parte inferior aqui. Temos bisel e relevo, e podemos usar isso em nossa camada. É um pouco parecido com o traço, mas dá uma perspectiva de propósito e faz muito do trabalho extra para nós como efeito. Damos uma olhada no que as diferentes opções fazem. Eles nos darão um sabor ligeiramente diferente do que queremos que ele faça. Quer seja apagado, oposto, meio que escorregou um pouco para baixo. Queremos isso realmente mergulhado, tipo de aparência assim e ajuste-o para como você quer usá-lo. Honestamente, apenas muito sutil porque, uma vez que ampliamos, ele apenas mantém essa impressão de estar um pouco incorporado, quase uma imperfeição, mas também uma escolha de design. Acho que vamos nos contentar com isso. Isso parece muito bom. A próxima coisa a olhar é que vamos adicionar o buraco para o pino semelhante entrar para estourar essa Semantria. E, na verdade, vamos ter que desenhar algo novamente. Acho que isso garante que estamos na camada certa e vamos pegar nossa ferramenta de elipse e nos desenhar em um pequeno círculo aqui. Vamos dar a isso uma cor de preenchimento de preto por enquanto. Tudo bem, vamos nos aproximar um pouco. Vamos adicionar alguns detalhes extras a isso para garantir que ele tenha essa profundidade e perspectiva como antes. Vou pequeno círculo que acabamos de fazer, duplicaremos esse comando J novamente. O que faremos desta vez em vez de tipo de forma fora um do outro, usaremos a técnica de máscara de recorte. O que precisamos fazer é tornar uma camada mais leve que a outra ou podemos fazer nosso vermelho e verde se você estiver lutando para ver como ela é, deve ser relativamente fácil. Agora, quando arrastamos a parte superior para a próxima camada, isso nos ajudará a criar essa máscara de recorte. Você pode vê-lo representado na tela em si. Ele mostra que se transformou naquela cor cinza, certo? Agora temos essas camadas por algum motivo nossa cor voltou para preto. Não sei o porquê, então nós apenas nos certificamos de que é cinza novamente. Ele diz que é cinza, mas não está exibindo no site. Não sei se isso é um bug, estranho que achamos que está acontecendo. Nós só precisamos agora mover essa camada inferior tão ligeiramente para a aparência certa e isso nos deu esse tipo de curvatura cinza nesse pouco de profundidade no buraco sim lá. Tudo bem, vamos abordar esse entalhe icônico e bem, agora icônico na tela. Agora poderíamos pegar essa camada superior e cortá-la e cruzá-la. Mas, como é tudo uma cor perfeita que combina com a borda da moldura. Acho que vamos desenhar uma forma na camada superior. E então vamos ajustá-lo usando nosso cursor que temos antes para acertar a perspectiva, apenas usando nosso guia de referência lá que possamos apenas alinhar as bordas e uma batida, muito fácil de fazer. Você precisa ver as bordas pretas, então derrube a opacidade um pouco. Olha, é bom e fácil para nós alinhar lá em cima. Lembre-se dos modelos lá como um guia para você. Se você quiser sair disso, você pode simplesmente saber que, se você disser alinhar a linha inferior no entalhe do painel lá, você pode ter esse entalhe de qualquer tamanho. Pode ser uma pequena colisão, você poderia esticá-lo na parte superior do dispositivo e a perspectiva permaneceria correta. É apenas uma coisa útil ter lá apenas para economizar tempo, em vez de ter que fazer sua própria perspectiva e diretrizes para que tudo esteja lá. Referência rápida e fácil para você. Vamos apenas definir isso para preto e esse é o nosso entalhe feito. Agora, ampliamos um pouco, damos uma olhada em nossa referência. Há um pequeno conjunto de câmeras e microfone no entalhe. No momento, só porque estamos tão acostumados a ver esses dispositivos, é óbvio que não há nada lá. Agora já construímos ótimas opções de lente de câmera que ainda podemos ajustar. O que faremos. Entraremos em nosso grupo e encontraremos as curvaturas e os bits de uma das lentes da câmera. E vamos apenas olhar para trazer isso sobre um redimensionamento para caber nesse espaço. Parece bonito e fácil para nós fazermos. E isso nos salva o trabalho de reconstruir e cortar todas essas camadas e obter as cores e a tonalidade corretas. Mais uma vez, basta reutilizar o que já temos. Em seguida, podemos ajustar nossos gradientes para ajustar a iluminação, o tamanho e a cor. Aqui vamos nós, estamos chegando muito, muito perto agora está parecendo um ótimo design. O que definitivamente precisamos fazer é colocar uma imagem agora no visor e podemos usar qualquer imagem que quisermos. E no próximo vídeo, é isso que vamos olhar para fazer. 16. Reflexões E Fundo: Vamos dar nosso segundo dispositivo e bom e plano de fundo. E para criar os retoques finais, dê uma boa reflexão aos dispositivos também. Qualquer imagem que você goste como plano de fundo. Se você precisar de um checkout de imagem de fundo, Pixabay, Pexels, ambas ótimas opções gratuitas. Para inseri-lo. Vamos para File e depois Place. Então precisamos escolher o local da imagem em nosso disco rígido, acho fácil colocar as coisas na área de trabalho pessoalmente, Mike tem seu próprio sistema de arquivos aqui e ele vai usar um fundo que ele criou. Agora vamos selecionar aproximadamente a camada em que queremos que ela vá para o grande gradiente aqui, e basta clicar e arrastar para soltá-la. Se tivermos snap-on, podemos nos encaixar em algumas de nossas linhas de orientação assim. Temos que colocá-lo na posição correta e, em seguida, usaremos nossa máscara de recorte para que possamos colocá-la para baixo em si. Então, ele se encaixa consigo mesmo. Isso é praticamente feito por nós. Podemos mudar a perspectiva disso se quisermos, e movê-lo. Como você pode ver, que é praticamente feito o trabalho logo de cara para nós lá em nossas camadas, vamos condensar tudo para baixo. Então, acabamos de obter os dois dispositivos e vamos criar nossa boa sombra de qualidade aqui. Uma vez que fizermos isso, vamos selecionar os dois e queremos basicamente fazer uma duplicação deles juntos. E então vamos agrupar esses dois juntos também. Assim que tivermos esses, vamos colocá-los na camada inferior. Agora, enquanto isso selecionado, podemos simplesmente arrastar o canto superior direito até a parte inferior até termos a aparência e a forma corretas. A maneira como você pode fazer isso sem os problemas de dimensionamento é clicar com o botão direito do mouse, descer para transformar e, em seguida, escolher Virar Vertical e ele lhe dará uma cópia vertical exata. E você pode simplesmente arrastá-los para baixo e combiná-los assim. Se você se lembra de todo o caminho no início disso, cerca de uma hora e meia a duas horas atrás, onde ele usou a opção de transparência em nosso gradiente. Bem, há também uma ferramenta chamada transparência, que nos permite fazer algo semelhante. Se o arrastarmos sobre nossa imagem recém-invertida. Agora podemos usar essas duas alças para dar um efeito de transparência. E é assim que vamos simular essa reflexão, tendo uma boa vantagem rígida apenas sobre onde ela começa a refletir. Em seguida, use esse controle deslizante de transparência desaparecer um pouco. Se apenas aumentarmos completamente aqui. Aqui vamos nós. Temos nossos dispositivos completamente renderizados com seu bom reflexo. Podemos dar toda a imagem da sensação acabada. Acabamos de arrastar uma forma pelo fundo e talvez dar a ele seu próprio gradiente. Se usarmos cores que combinam forma semelhante ao que já está sendo visto, isso dará um efeito muito bom. Acho que aqui se fizermos um bom gradiente desaparecer até o ponto da reflexão, isso vai parecer muito bom. Em seguida, criaremos outro também para ir atrás da nossa camada de reflexão, em vez de apenas ter essa borda cinza dura, teremos um bom desbotamento que combina com o desvanecimento do reflexo também. Ele deve dar uma boa continuidade à imagem dessa forma. Assim mesmo. Apenas uma nota rápida aqui. Eu movi a imagem um pouco longe demais para a esquerda. Há um pouco de cinza no canto superior direito, mas isso será corrigido em sua versão do projeto simplesmente movendo a imagem para a direita. Ele, vamos dar a menos que uma sombra para nossas renderizações agora para dar-lhe uma espécie de encaixe de realismo e qualidade sentado em seu lugar. A partir daqui, é completamente para você. Eu adoraria que você fosse um pouco mais em profundidade com as lentes da câmera e as fizesse para que elas sejam todas individuais como na referência, podemos mudar nossos ângulos de iluminação e ter uma sensação de diferente luz onde ele talvez olhasse para mudar a cor da luz. Ou estamos ansiosos para ver suas renderizações, por favor, compartilhe-as nos projetos. E eu adoraria qualquer feedback que você tivesse lá também. Muito obrigado por fazer o curso. Estou ansioso para vê-lo em outro no futuro. Tome cuidado.