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.