Transcrições
1. Apresentação: [MÚSICA] Você já se perguntou como você pode fazer todos os
seus
projetos de embalagem instantaneamente parecerem realistas e profissionais? Nesta aula, você
aprenderá exatamente como fazer isso e criar seus
próprios modelos personalizados. Olá, meu nome é Beatrice Menis. Sou um dos dois
co-fundadores do Studio Kibi. Um pequeno mas poderoso estúdio de design de branding
e embalagem ajudando pequenas empresas
e startups. No Studio Kibi, adoramos trabalhar com clientes
de todo o mundo. Nosso objetivo é
ajudá-los a traduzir visão de
sua marca em produtos
tangíveis. Trabalhamos com uma grande
variedade de projetos. Alguns dos nossos favoritos têm sido uma marca de picolés baseada em
Dubai chamada House of Pops, uma
marca natural de lentes de contato com sede em Berlim
chamada Popple. Uma marca de sucos saudável com sede na Nigéria chamada Kasa
Greens e muitos outros. Nesta aula, você aprenderá
quantos desses projetos
ganharam vida. Alerta de spoiler, a maioria do que você acabou de
ver eram todos mock-ups. Mock-ups personalizados
permitem que você
comunique rapidamente o conceito por trás seu design ao seu cliente e, em última análise, ao
público-alvo. Em que fase do projeto devemos analisar as maquetes? Eu costumava pensar que
eles estavam reservados para o final do processo
quando seu design foi finalizado e era
hora de fazê-los parecer reais para uma
apresentação de projeto ou para um cliente. Depois de perder muitas horas tentando encontrar a maquete
perfeita que
correspondesse magicamente às medidas ou dimensões do meu design
finalizado, percebi que estava
fazendo tudo errado. Incorporar meus modelos
no início
do projeto não só me
ajudou a economizar tempo, mas também me ajudou a
imaginar meus projetos e contextos e
fazer perguntas como, quem comprará este produto? Como é o estilo de vida deles? Onde esse
produto moraria na loja e ao lado de quais outras marcas? Por exemplo, se você estiver
trabalhando em uma marca de chá, você estará olhando soluções de
materiais
naturais e sustentáveis, que atendem a uma demografia muito
diferente, aquela que compra em cores
brilhantes e plásticos. Para o seu projeto de classe, você criará quatro modelos
diferentes usando quatro técnicas diferentes. Para dar uma visão sobre diferentes
possibilidades de embalagem, cada técnica cobrirá um tipo
diferente de embalagem. Vamos dar início à
classe identificando os principais princípios do que
faz uma boa maquete. Elementos como iluminação, composição, equilíbrio e assim por diante. Para a primeira
técnica, criaremos uma maquete muito básica
do zero. Uma caixa. Usaremos o Adobe Photoshop e também
experimentaremos o Adobe Dimension. Nossa próxima técnica nos
ensinará a navegar por uma maquete
baixada, gratuita
ou paga. Suas camadas e o que esperar. Para este, vamos criar uma
maquete para uma garrafa de suco. Em seguida, colocaremos nosso produto
em um cenário da vida real com nossa terceira técnica usando imagens
de estoque para criar
um teorema de marca de beleza. Finalmente, estamos procurando
fotografar nossas
próprias maquetes em branco. Esta é a técnica mais demorada, mas gratificante e
versátil. Você não só poderá
criar competições exclusivas, mas também começar a construir
sua própria biblioteca de maquetes. Esta classe é perfeita para
designers em qualquer nível. Se você acabou de começar
sua jornada de design e quer aprender
mais sobre maquetes, por que eles são tão importantes e como criá-los, ou se você é um designer mais
experiente, eu quer subir de nível
seu jogo de maquete para seu próximo projeto e sua
próxima apresentação do cliente. No final,
você saberá como deve ser um mock-up
convincente e realista. Você poderá criar uma
maquete, não importa quanto tempo ou recursos você
tenha em suas mãos, esteja
criando uma embalagem
para uma lata de cerveja ou
para uma barra de chocolate. Você está pronto para mergulhar no mundo
mágico das maquetes? Vá em frente e clique na
próxima lição. Vejo você lá.
2. Projetos do curso: Nesta classe,
não estaremos criando um, mas quatro produtos diferentes. Eu vou te ensinar
quatro técnicas, então no final, você deve
ter quatro modelos diferentes. Para a primeira técnica,
criaremos uma caixa de picolé do zero no Adobe Photoshop
e no Adobe Dimension. Aqui estaremos
experimentando dois softwares diferentes. Para o segundo,
vamos criar uma garrafa de suco usando
uma maquete online. Este exercício
ensinará a identificar bons modelos
de pessoas menos realistas e
como elas devem ser colocadas em camadas. Para a terceira técnica,
colocaremos nosso mock-up em
um cenário da vida real. Usando imagens de estoque,
criaremos uma embalagem de
soro de marca de beleza. Finalmente, estamos procurando
fotografar em torno de maquetes em branco. Você não só
poderá criar composições
exclusivas, mas
também começará a construir sua
própria biblioteca de maquetes. Usaremos uma banheira e criaremos uma maquete de sorvete e
uma maquete de loção corporal. Vamos começar.
3. Por que é importante Mock-Ups?: Nesta lição,
veremos o que são maquetes e por que
eles são tão importantes. Se você está novo
na indústria de design ou tem muitos
anos de experiência, tenho certeza que você já ouviu
o termo mock-up antes. Mas o que realmente é uma maquete? Uma maquete é uma renderização completa do seu design em um ou mais produtos
do cliente. É uma representação realista
do produto final. Mock-ups são a primeira aparência
de como o design que você criou funcionará para seus
clientes e seus clientes. Em última análise, é uma realização
da visão da marca. Por que os mock-ups são importantes? Mock-ups são super importantes,
pois ajudam você
a mostrar ao cliente o que eles podem
esperar do produto final. Aqui está uma demonstração muito
rápida do impacto de uma boa maquete. Aqui podemos ver uma obra de
arte plana para um esmalte de unhas. Como você pode ver aqui,
é muito difícil
imaginar como o produto
vai se parecer, e aqui está como ele se parece
ao aplicar uma maquete. Como você pode ver, o produto
realmente ganha vida. Nesse caso,
adicionei pódio para o esmalte de unhas ficar
parado e algumas nuvens,
apenas atrasando para a história da Cinderela. Como mencionado anteriormente,
podemos realmente usar elementos de uma maquete para comunicar
a história, como neste caso. Outro exemplo que temos
aqui e você pode ver a arte plana e todos
os elementos de design, mas você não pode realmente
imaginar como será finalizado uma vez. Aqui está a maquete. Novamente, isso é super simples, finalmente complicado
do que o primeiro, mas você realmente tem a idéia de como vai
parecer também ajuda a entender as proporções
do conta-gotas no
tubo e assim ligado. O último exemplo, então estes são cartões de visita
para o nosso cliente house of pops e você pode realmente
ver o impacto desses cartões de visita.
Aqui está uma maquete. Por exemplo, neste caso, você pode enganar um pouco para vender a ideia um pouco mais. Estou usando apenas elementos
da marca, mas vamos imaginar que esses cartões de visita
estão sentados em uma mesa, a casa do padrão pop nela, e realmente faz
todo o produto brilhar e apenas realmente se destacam. Quando devemos começar a
pensar em mock-ups? Muitos designers começam a
pensar em mock-ups no
final do projeto, uma vez que o projeto foi
finalizado e assinado para apresentá-lo a um cliente ou
criar um para um estudo de caso. Depois de perder muitas horas tentando encontrar a maquete
perfeita que se
encaixasse magicamente
nas dimensões ou medidas do meu design
finalizado, sempre percebi que estava
fazendo tudo errado. Incorporar maquetes
no início do
meu fluxo de trabalho não só me
ajudou a economizar tempo, mas também me ajudou a imaginar meus projetos em contextos
desde o início. Em última análise, é uma maneira muito rápida e fácil de
comunicar seus conceitos de design para seu público-alvo
e seus clientes. Como você pode distinguir
um bom mock-up de um menos realista? Como você sabe se uma
maquete é uma boa maquete? Quando vale a pena
comprar um e quais são algumas das coisas
que você precisa
procurar ao procurar por um? Vamos examinar
três componentes principais que você precisará estar ciente
ao procurar por um mock-up. Se for um mock-up de photoshop
versus o vetor, como os destaques
e sombras são usados? Por fim, a composição. Vamos
começar a diferenciar um mock-up de photoshop
versus um vetor. Você sempre quer escolher um mock-up de photoshop, pois
terá objetos inteligentes. O que é esse objeto inteligente? Um objeto inteligente é uma
camada que contém dados de imagens raster
ou vetoriais, como arquivos photoshop ou
illustrator. Objetos inteligentes preservam
um
conteúdo de origem de imagem com todas as suas características
originais. Por exemplo, se você
trabalhou em um rótulo e
quiser alterar sua palavra ou
uma cor dentro desse rótulo, basta clicar duas vezes
na camada inteligente e
fazer quaisquer alterações, salvá-la e fechá-la, e
atualizará automaticamente suas alterações. Ao procurar por um mock-up, sempre certifique-se de que ele
permaneça que contém objetos
inteligentes ou
se é um arquivo photoshop. Por outro lado,
se você estiver usando um modelo vetorial ou ilustrador, não
poderá
ter objetos inteligentes. Será muito mais difícil fazer mudanças
rápidas e realistas em seu design. Outro fator a ser
procurado é a iluminação. Ao escolher uma maquete,
seja gratuita ou paga certifique-se de
se concentrar em
seus destaques e sombras. Especialmente quando
se trata de mock-ups gratuitos. Antes de começar a usá-los, certifique-se
sempre de verificar
seus destaques e sombras. Como você pode ver
nesses exemplos, ter bons destaques
e sombras é crucial para que o
produto pareça realista. Sempre fique de olho. Por último, mas não menos importante,
é a composição. É aqui que incorporar o pensamento
maquete no início do
processo será útil. Por exemplo, se você estiver criando um produto que
tenha apenas um sabor, você pode escolher algo
semelhante a este, onde uma garrafa é o herói. Mas se você já sabe que terá vários sabores, você pode procurar um mock-up
com várias garrafas. Ou talvez você queira
incluir uma mão para representar melhor
as proporções do que você está projetando, para que você possa pensar nisso
quando estiver pesquisando. Você pode estar trabalhando em
um produto onde você
terá algumas
informações ocultas na parte inferior. Você pode procurar uma
composição como esta. Por último, mas não menos importante,
se você quiser mostrar uma foto
de visão superior de suas maquetes, você quer ter isso em mente em pesquisar para eles,
pois você precisará ter certeza de que suas sombras correspondam sua composição
e sua visão. Nesta lição,
passamos pelo que é uma maquete, quando
incorporá-los em seu fluxo e como identificar um bom. É hora de entrar em
detalhes e dissecar iluminação e a composição
na próxima lição. Vamos começar com a iluminação.
4. Mock-Ups & Iluminação: [MÚSICA] Acabamos de
passar por alguns
dos elementos-chave para
procurar em uma boa maquete. Vamos quebrá-los e
começar a usar a iluminação. A iluminação é um fator chave na
criação de uma imagem bem-sucedida. iluminação determina
não apenas o brilho e a escuridão, mas também o tom, o
humor e a atmosfera,
o que será crucial para criar uma maquete
bem-sucedida. É muito importante
controlar e manipular sua luz corretamente
para obter a melhor textura, vibração da cor
em seus objetos. Como a iluminação é importante
quando se trata de maquetes? Distribuir sombras
e destaques com precisão é um fator
crucial dar dimensão aos objetos e criar uma maquete de
aparência realista. Que tipo de iluminação
devemos
ter em mente ao procurar um mock-up? Vejamos três
tipos de iluminação. O primeiro é luz direta. Você teria esse tipo de
luz se estivesse fotografando seus produtos lá fora
em um dia ensolarado. Você terá luz direta
na sua maquete, que geralmente significa sombras
nítidas sem desfocar e bordas claras. O segundo e o
mais comum para mock-ups é a luz indireta. Você teria esse tipo de luz se estivesse fotografando do lado de fora em um dia nublado ou dentro
com uma lâmpada e uma softbox. Você terá sombras mais suaves e
ruins, pois algo está bloqueando a luz para atingir
diretamente seu produto. O terceiro, que
é usado principalmente para adicionar efeitos às suas maquetes,
é luz lançada. Como você pode ver nos exemplos, há um lançamento planejado de
uma sombra ou uma janela, adicionando mais textura e
personalidade ao seu mock-up. Para entender como os destaques
e as sombras funcionam, eu convidaria você a experimentar alguns
objetos
fotográficos em diferentes cenários e iluminações
diferentes e tentar
recriá-los no photoshop. Quanto mais detalhados forem seus
destaques e sombras, mais realistas serão
seus modelos. Neste ponto, você
deve ser capaz de
distinguir o mock-up realista
de um menos realista. Mas e se você acabou de comprar
um ou baixou um, e depois de
abri-lo no photoshop, você percebe que as camadas de realces e sombras
não são tão boas. E se for apenas uma camada
plana? Não se preocupe. Todos nós estivemos lá.
Vou ajudá-lo com correções rápidas para
subir de nível sua maquete. Digamos que acabamos de
baixar esse mock-up. Como você pode ver, não há nada, não
há destaques, não
há sombras. Temos o objeto inteligente
, mas se o aplicarmos,
ele parece super plano. Isso é o que podemos fazer,
o que é uma solução muito rápida, e ajuda a elevar suas maquetes se você estiver
em uma situação como essa. A primeira coisa que
queremos fazer é
duplicar a camada da barra de
chocolate duas vezes. Vamos apenas ir em
frente e copiá-lo duas vezes. Então vamos
esconder o principal. Vamos citar um
Destaques e sombras. Vamos começar com nossos destaques. Queremos ir para imagem, ajuste, brilho
e contraste. Aqui queremos ter
muito contraste. Queremos ficar o mais
escuro possível. Vai parecer
algo assim. Em seguida, vamos
entrar novamente na Imagem, ajustes e
clicar em “curvas”. Só queremos tornar esse
contraste ainda maior. Vou apenas ir em frente e trabalhar com um contraste de que é mais alto e depois pressionar “Ok”. Em seguida, queremos ir para
os modos de mesclagem
e selecionar a tela. Você pode ver que eles já
parecem bons destaques. Agora vou
ir em frente e esconder essa camada e vamos
pegar as sombras uma. Vou seguir em frente Imagem,
Ajuste, Brilho
e Contraste. Queremos apenas enfatizar
um pouco sobre o brilho e um
pouco do contraste. Em seguida, vamos
entrar em
modos de mesclagem e clicar
em “Queimadura linear”. O que queremos fazer
agora é que queremos pegar nosso objeto inteligente e colocá-lo debaixo dos dois
destaques e sombras. Também podemos clicar de
volta na barra de chocolate. Agora podemos assumi-lo. Como você pode ver, assim, parece realmente realista. Foi uma solução muito rápida, se alguma vez baixarmos
uma maquete que não tenha nenhum
destaque e sombras. Agora que vimos como a iluminação pode ser
crucial, vamos dar uma
olhada na composição. Vejo você na próxima
lição. [MÚSICA].
5. Mock-Ups & Composição: Nesta lição,
analisaremos a composição e como podemos
ajudá-lo a identificar ou criar cenas de maquete
realistas. Estaremos analisando
a composição em relação à fotografia em
vez de design. Como nosso objetivo final é
colocar um objeto, nossa maquete, em uma cena
realista. Familiarizar-se com os conceitos básicos da composição
fotográfica ajudará você a distinguir uma boa maquete de uma
menos realista. O que é composição? A composição na fotografia
refere-se à posição dos elementos dentro do quadro e como eles interagem uns
com os outros. Composição é como tudo
se junta em uma imagem. Como os elementos
interagem uns com os outros para contar uma
história ao espectador. O espectador deve
entender facilmente a história por trás do design e da história que a imagem está
tentando transmitir. Vamos passar por alguns
dos principais princípios da composição em
relação aos maquetes. Vamos começar com o
número 1, que é o saldo. O equilíbrio é outro princípio
de composição muito importante. Se você tiver um objeto em
um lado da imagem, não
terá algo
semelhante do outro lado. Você nunca quer que algo
seja dominante em sua imagem para atirar
o olho do espectador. Por exemplo, como podemos ver
nessas mock-up de cerveja, a balança é ajustada
diagonalmente com a bancada segurando a câmera e o fundo laranja
equilibrando-o para fora. Ou para este, temos três elementos
igualmente espaçados, o que cria um equilíbrio adorável. Eles também estão em ordem
decrescente, que orienta o olho do espectador. Aqui temos outro exemplo
com três elementos. Na minha opinião, os
três elementos não se sentem
sobrenaturalmente colocados. Meu olho realmente não
sabe onde procurar primeiro. Mas se olharmos para
esses outros tiros, eles se
sentem muito mais equilibrados e nossos olhos vão primeiro para o objeto do meio, depois para a direita e,
por último, para o batedor. Vamos passar para a simetria. Nosso olho é naturalmente atraído
por ordem e repetição. Se você está tentando usar simetria
em suas composições, certifique-se de que elas sejam
perfeitamente simétricas. Por outro lado,
se você está tentando
ir contra a simetria, certifique-se de ir por cima para que fique bem claro que você está
tentando fazer isso de propósito. Este é um exemplo de uma maquete usando simetria com repetição do produto e cores brilhantes para atrair o olho do espectador. Esse outro exemplo,
também está usando simetria quando se trata
das bolsas de embalagem, mas tem
elementos adicionais que não são simétricos e ajudam ultrapassados
para a composição. Nesse caso, todas as
garrafas não são colocadas totalmente simétrica,
pois algumas estão de cabeça para baixo. Mas as linhas criadas
pelas tampas de garrafa dão a
sensação de simetria de propósito, adicionando um
elemento interessante para o espectador. O terceiro princípio é a harmonia. Harmony usa cor e
textura para apontar semelhanças de assuntos
dentro de uma imagem. Este é um exemplo perfeito do
uso de texturas e materiais, neste caso, para
mostrar harmoniosamente o produto
e seus benefícios. Esse exemplo está usando a cor como uma extensão do
design na embalagem. Isso é poder para
a imagem geral e realmente ajuda a
se destacar. Aqui está outro
exemplo muito semelhante, mas neste caso, a combinação das
duas cores primárias
na embalagem realmente
eleva a aparência dessa maquete. Podemos alcançar o mesmo, mas usando tons mais suaves. Neste caso, há uma combinação de cor
e padrão que está presente no design e fundo
extenso adicionando
harmonia ao nosso maquete. Vamos dar uma olhada no
número 4, que é ritmo. ritmo cria movimento
pela repetição de objetos e formas
ao longo de uma imagem. Este exemplo é
ótimo para o ritmo. Ele está usando todos os elementos
da lata de forma lúdica e em ritmo até
a imagem através das cores vibrantes da marca. Neste exemplo, o posicionamento
diferente da lata e das garrafas, ajuda o ritmo e o ritmo
geral da imagem. Neste, o
ritmo é dado
pela colocação das três
garrafas em ordem crescente. Cinco é variedade. Quando se trata de criar
uma composição interessante, podemos usar a justaposição usando
objetos diferentes juntos, suas diferenças,
traz parte
da história que estamos
tentando transmitir o espectador. Neste exemplo, elementos
de
ilustração da marca foram usados para estender o cenário além do topo de
volta ao fundo. Nesse caso,
elementos fotográficos, como ingredientes, têm sido usados para reforçar os benefícios do produto
e ajudá-lo a se destacar. Aqui podemos ver uma composição
de papel em segundo plano que recria algumas
das ilustrações da embalagem. Usar diferentes
tipos de objetos ou mídias, como ilustração, fotografia ou
topografia, ajudará a gerar ritmo e adicionar
interesses para o espectador. O sexto princípio
é a proporção. As proporções referem-se ao tamanho
dos objetos e como eles
se relacionam entre si. Por exemplo, você pode exagerar um
dos objetos
para criar uma
composição bem-sucedida e ajudar a contar sua história. Nesses exemplos Frooti, a embalagem e as mangas
foram mantidas em escala da vida real, criando um grande contraste
com as pessoas do brinquedo. Ao fazer isso, o
espectador percebe a embalagem e as
Mangos como os heróis. Ele também comunica
a quantidade e qualidade do produto
através de uma lente bem-humorada. Este é super simples. Um dos biscoitos
simplesmente foi substituído por elemento gráfico, mantendo as mesmas proporções
dos biscoitos. Por último, mas não menos importante, e o
número 7, temos contraste. O contraste pode ser usado para que
seus elementos
realmente enviem. Ele também pode ser usado para destacar o que há de diferente no
produto para o qual você está projetando. Por exemplo, nesta
colaboração com a moda, posso simplesmente rolar
a embreagem de garrafa rosa, que fazia parte
da colaboração, está cobrindo uma das garrafas, o que ajuda os
outros dois a se destacarem . Nesta maquete corona,
o contraste é destacado por esses
elementos que são inspirados desenhos técnicos
para comunicar as características da garrafa
e sua atenção aos detalhes. Neste último exemplo, o padrão de fundo da tigela é estendido para o
fundo da maquete, quase eliminando o
contraste entre os dois, ajudando a
imagem geral a se destacar. Vamos dar uma olhada
em como podemos usar narrativa em nossos modelos. Todos esses princípios fundamentais que
acabamos de passar
devem ajudá-lo a criar uma imagem única e uma composição
única de maquete de fantasia para
ajudá-lo a comunicar a história de marcas
e produtos. Se você tiver
a tarefa de projetar um creme que seja muito leve e macio, você pode querer
usar a composição para comunicar
ainda mais os benefícios
das marcas. Nesse caso, o produto
está sentado em uma nuvem, o que eu acho que é
super eficaz. Ou se você estiver projetando uma
linha de corantes de néon premium, você quer usar seu
conhecimento em destaques e sombras para destacar seu
produto. Nesse caso, escolhi uma maquete muito escura com iluminação
mínima para deixar os rótulos de néon
brilharem e comunicarem o que o
produto se trata. Esses são todos os princípios
fundamentais que
acabamos de passar em
um simples slide. Começamos com o equilíbrio, depois
passamos para
simetria, harmonia, ritmo, analisamos variedade,
proporção e, por último,
mas não menos importante, também
olhamos para o contraste. Agora que recapitulamos
todos os princípios fundamentais, você seria ótimo se pudesse encontrar um exemplo para cada um deles. Você pode encontrar inspirações
em sites como a linha de corantes ou embalagens
do mundo, ou melhor ainda, você pode voltar às
suas pastas e encontrar produtos que
você já criou e criou mockups
em uma de cada categoria. Ao fazer isso, você
se familiarizará com todos os princípios
e da próxima vez começar um novo
projeto e
começar a pensar em maquetes, eles estarão todos no
fundo da sua mente. Sinta-se à vontade para baixar
a planilha digital
na seção de recursos e colocar seus modelos
em cada categoria. Certifique-se de
compartilhá-los nos comentários todos
possamos
aprender uns com os outros. Agora estamos prontos para passar
para a próxima lição e aprender tudo sobre as
quatro técnicas que
vou
ensinar-lhe nesta aula.
6. As Quatro Técnicas De Mock-Up: Agora que
passamos pelos princípios fundamentais do que o torna bom modelo, vamos passar pelas
quatro técnicas que
aprenderemos hoje e quando
você deve usá-las. A primeira técnica é
criar seu próprio mock-up do zero no Adobe Photoshop
e no Adobe Dimension. A segunda técnica é usar maquetes
online, gratuitos ou pagos. A terceira técnica é
usar imagens de estoque. E a quarta e última
técnica é usar fotografia. Para a primeira técnica,
que é a mais básica, criaremos um mock-up
no Adobe Photoshop. Em seguida, criaremos o mesmo
mock-up no Adobe Dimension, apenas para você
experimentar o 3D. Essa técnica pode não
ser a mais realista, mas é muito rápida e
fácil e ajudará você a visualizar designs nos quais você está trabalhando
atualmente. Para esta técnica,
estaremos criando uma caixa de picolé em uma visão 3/4, mostrando o painel frontal
e lateral. Eu recomendaria usar
essa técnica se você estiver criando
algo muito básico, o que não
precisa necessariamente ser super realista. Você pode estar testando
diferentes designs ou pode
ser curto no tempo. E por último, mas não menos importante, se você não tiver
acesso ao Wi-Fi. A segunda técnica é
usar maquetes gratuitos ou pagos. Estaremos usando uma garrafa e
passaremos por suas camadas, você saiba o que esperar. Para esta técnica,
usaremos uma visão frontal de uma maquete de garrafa de
suco PET. Eu recomendo usar essa técnica se você estiver
procurando uma vitória rápida. Eu também recomendo,
se você estiver criando um produto mais complexo, como o frasco de suco com transparências ou
um lanche rapper, pois a criação de
destaques e sombras realistas exigem algumas habilidades profissionais e definitivamente mais tempo. Compartilharei um documento com uma lista de sites onde você poderá baixar modelos gratuitos
ou pagos. A terceira técnica
é uma imagem de estoque. Isso é ótimo se você
quiser começar a colocar sua maquete em um cenário da vida
real. Tenha em mente que
essa técnica pode ser um pouco mais
demorada, pois você
terá que gastar algum tempo
tentando encontrar imagens que correspondam à estética
do projeto em que você está trabalhando. [MÚSICA] Para esta
técnica,
usaremos imagens de estoque do Pexels, um site de esquisitos de imagens, criando um soro
para uma marca de beleza. Eu sempre recomendo escolher uma imagem que faça parte de um conjunto. Ao fazer isso, você
poderá usar imagens
diferentes e colocar
sua maquete nelas. Na verdade, você pode
enganar o público e pensar que
realmente teve uma sessão de fotos. Eu recomendaria usar
essa técnica se você estiver procurando por um mock-up mais
realista, pois isso será colocado
em um cenário da vida real. Eu sempre recomendo escolher uma imagem que faça parte de um conjunto. Ao fazer isso, você poderá
mostrar mais de um ângulo ou imagem para sua maquete
na mesma configuração de sessão de fotos. Ao fazer isso, seus
maquetes
parecerão que fizeram parte de
uma sessão de fotos real. Também vou compartilhar
uma lista de sites onde você poderá encontrar imagens
pagas e gratuitas. A quarta e última técnica é a mais demorada,
mas gratificante. Para este exercício,
usaremos produtos em branco. Neste caso, será uma banheira de
sorvete com tampa. Você então define a cena
e poderá
criar quantas
composições quiser. Depois de tirar todas as fotos, você pode entrar no Photoshop e aplicar qualquer uma das
técnicas que
acabamos de aprender e reutilizar a
imagem repetidamente. Para esta técnica será
usar uma banheira de sorvete e criar uma maquete
para um sorvete e para o nosso suflê corporal, para mostrar o quão versátil
essa técnica pode ser. Eu recomendaria usar essa técnica quando você
tiver tempo em suas mãos. É ótimo para o final
do projeto e/ou
para um estudo de caso. Também é ótimo se
você deseja criar sua própria biblioteca de maquetes e provar seu
futuro de maquetes. Compartilharei todos os
equipamentos e ferramentas que usei neste exercício. Não se preocupe, eles são
todos bastante baratos, pois o objetivo
é mostrar
que você não
precisa gastar muito dinheiro ou não precisa ser um fotógrafo profissional para crie suas próprias cenas de maquete
personalizadas. Agora é hora de algum treino. Vejo você na próxima lição e vamos começar com
a primeira técnica. [MÚSICA]
7. Primeira Técnica: Adobe Dimension: Vamos mergulhar na
primeira técnica, criando uma maquete do zero. Nesta técnica,
usaremos o Adobe Photoshop
e, em seguida, criaremos o mesmo mock-up no
Adobe Dimension, que é um software 3D. O objetivo deste
exercício é que você se familiarize com os dois programas e decida qual deles
funciona melhor para você. Primeira técnica,
criando um mock-up do zero no Adobe Dimension. Vamos nos aprofundar
e
começar a usar nosso modelo do Adobe
Dimension. A primeira coisa que
você gostaria de
fazer é abrir o Illustrator, onde você terá seus
gráficos para a embalagem. Nesse caso, sabemos que
precisaremos de dois lados, o lado frontal e
o lado direito. Certifique-se de criar
esses lados já
nas dimensões corretas e prepará-los para sua maquete. Depois de tê-los em
duas pranchetas diferentes, podemos seguir em frente
e pressionar “Arquivo”, “Exportar”, “Exportar
como” e
salvá-los como PNGs e
marcar “Usar pranchetas”. Podemos manter a
resolução deles como 150 ou 72, depende de você
e clicar em “Ok”. Agora que os salvamos, podemos ir em frente e
abrir o Adobe Dimension. Vamos clicar em “Criar
novo” e nomear o arquivo. O tamanho da tela
será de 1.920 por 1.080, e podemos manter a
resolução em 72 dpi. Não vamos esquecer
que essa maquete é uma maquete muito difícil, que será usada principalmente
para você testar qualquer projeto em que você possa
estar trabalhando atualmente. Não precisamos salvá-lo
como uma resolução mais alta. Como ele só vai viver na tela, é sempre melhor trabalhar em uma resolução mais baixa neste
estágio, que você possa trabalhar mais rápido. Depois que tudo estiver configurado,
vamos clicar em “Criar”. Isso é o que você verá
depois de abrir o Dimension. Como você pode ver aqui
no lado esquerdo, você pode ver muitos modelos
pré-construídos. Vamos clicar na caixa de ferramentas, pois ela
parece bastante semelhante. Vamos apenas clicar duas vezes
nele e você verá que ele aparecerá
automaticamente
no meio da tela. Aqui é onde as dimensões dos gráficos planos
serão úteis. Certifique-se de
voltar para o Illustrator e anote essas dimensões. Sabemos que a frente,
vai ser 15,5, a altura será 23,5 e a
largura será nove. Medições super simples, temos uma embalagem que se parece muito com o que
queremos criar. Agora que temos as dimensões
corretas, vamos dar uma olhada no painel de ferramentas do
lado esquerdo. Podemos ver a
ferramenta órbita e a ferramenta pan. Estes serão muito úteis quando você estiver trabalhando
no Dimension. A ferramenta órbita
permite que você apenas orbite ao redor do seu modelo para que você possa vê-lo de
todos os ângulos diferentes. A ferramenta pan, como diz, só permitirá que você
passe pela cena. Agora que temos a embalagem
onde queremos que ela esteja, vamos clicar em “Caixa”. Vamos clicar em
“Selecionar material”. Sabemos que nossa embalagem será azul escuro. Podemos selecionar isso
na cor base. Mais uma vez, você pode voltar ao Illustrator e apenas
clicar duas vezes no azul. Certifique-se de que você está copiando,
colando a cor. Basta clicar na cor base. Isso pode parecer assim
quando você o abre pela primeira vez. Apenas certifique-se de clicar
aqui e clicar em “Hex”, colar o valor que
acabamos de copiar do Illustrator. Isso é muito útil, pois
já temos a cor base
em todo o modelo. Agora, vamos voltar para a caixa. Como você verá aqui, colocamos um modelo gráfico. Vamos clicar nisso. É aqui que usaremos o
VPNG que salvamos. Vamos começar com a frente. Só vamos
clicar em “Abrir”. Como você verá, ele
será colocado uma maneira muito estranha e distorcida, mas isso é absolutamente bom. Podemos ir até aqui
e clicar na “Ferramenta Selecionar” e
poderemos movê-la. Aqui você pode usar a ferramenta de
órbita para ter uma visão melhor de como você
vai colocar seu gráfico. Mais uma vez, vamos
clicar em “Selecionar ferramenta”. Obviamente, sabemos que essas são as dimensões
corretas. Podemos brincar até que eles pareçam corretos.
Lá, nós o temos. Então podemos pressionar novamente
a ferramenta de órbita, movê-la para o lado
e fazer a mesma coisa. Clique novamente em “Colocar gráfico no modelo”,
selecione o site. Acabamos de repetir o que
acabamos de fazer. Mais uma vez, clique em
“Selecionar ferramenta”, coloque-a no lado correto e use a ferramenta de órbita para ter uma
visão geral melhor dela. Coloque-o até que ele se encaixe na
nossa caixa como deveria. Uma vez que estamos felizes
com a colocação, estamos praticamente lá. A única outra coisa que poderíamos fazer é mudar a luz. Como você pode ver, a luz agora
está atingindo o lado, o que não é ideal, pois a
frente é o nosso principal herói. Vamos voltar às luzes do
ambiente e apenas ajustar a rotação
até ficarmos felizes. Sei que menos 40
neste caso funciona. Só vou ter menos 40. Então, como você pode ver, temos
a luz na frente. Certifique-se de que esteja em uma
posição com a qual estamos felizes. Eu acho que você pode ver a frente e então você pode
ver um pouco do lado. É praticamente isso. Agora
você pode clicar em “Renderizar”. Você pode decidir qual
configuração usar. Como esta é apenas uma renderização rápida para ver se estamos felizes
com o design, podemos clicar
no “Baixo”, que é o primeiro. Você pode decidir
exportá-lo em PSD, que terá as
camadas e em PNG. Em seguida, basta selecionar o
local, clicar em “Renderizar”. Enquanto está renderizando, você pode ir em frente e
fazer uma xícara de chá ou uma xícara de
café, pois sempre leva algum tempo. É isso. Como você pode ver,
criamos uma embalagem. Parece semi-realista, é perfeito para testar design
diferente e foi feito em um período de tempo muito
curto. [MÚSICA]
8. Primeira Técnica: Adobe Photoshop: [MÚSICA] É hora de
começar a criar um mock-up no Adobe Photoshop. A primeira coisa que
vamos querer fazer é abrir nosso arquivo ilustrador,
onde teríamos o design que queremos
aplicar em nossa maquete. Nesse caso, criei
duas pranchetas diferentes, uma para a frente e
outra para o lado. Ao fazer isso, será muito rápido simplesmente
copiá-los e
colá-los no Photoshop e
também terei uma maneira rápida de
conhecer as dimensões. Se formos em frente e
selecionarmos a parte da frente, podemos ver que as dimensões
seriam 15,5 centímetros de largura e
23,5 centímetros de altura. Vamos seguir em
frente e
anotar as dimensões
para o lado também, que serão
nove centímetros de largura ou profundidade neste caso, porque estaremos
criando uma caixa em 3D e 23,5 centímetros de altura. Agora que conhecemos as dimensões, podemos ir em frente e
abrir o Photoshop. A primeira coisa
que queremos fazer é clicar em
“Ferramenta Retângulo”, ir em frente e clicar em qualquer lugar na tela. Como você pode ver, as
medidas estão em pixels, mas realmente não importa, podemos clicar com o botão direito do mouse
sobre onde diz “Pixels” e
alterá-lo para centímetros. Ou podemos simplesmente
anotar nossas medidas e escrever centímetros
no final e ajustá-lo
automaticamente. Nossa altura é de 23,5 centímetros
e basta pressionar “Ok”. Devemos ter uma caixa
parecida com esta representando a
frente da nossa caixa. Vamos seguir em
frente e fazer
exatamente o mesmo para o lado. Ferramenta retângulo,
clique em qualquer lugar
na tela e sabemos que a largura será de nove
centímetros neste caso, e a altura será a mesma 23,5 centímetros
e pressionará “Ok”. Devemos ter dois retângulos, um representando a frente e
outro representando o lado. Podemos ir em frente e clicar duas vezes em “Retângulo
um e apenas nomeá-lo frente e clicar duas vezes em “Retângulo dois”
e nomeá-lo de lado. Agora que temos
esses dois retângulos, queremos clicar em
“Frente” no primeiro,
clicar com o botão direito do mouse e clicar em “Converter para objeto inteligente”. Vou seguir em frente e
fazer o mesmo pelo lado. Nós os temos como
objetos inteligentes que você verá em um minuto por que isso é
super importante. Agora podemos ir em frente e clicar em “Command T” para transformar, clicar com o botão direito do mouse e
clicar em “Distorcer”. Aqui é onde vamos
brincar e começar criar uma forma de caixa com aparência 3D. Podemos fazer algo
assim para a frente
e vamos seguir em frente e fazer exatamente a mesma coisa
para o comando lateral T,
clicar com o botão direito do mouse e distorcer. Como você pode ver, isso está
começando a parecer uma caixa 3D. É aqui que você
verá por que criar um objeto inteligente era super
importante, como você verá, esta caixa e esses retângulos agora
estão distorcidos, que significa que se quiséssemos copiar e colar qualquer gráfico,
gostaríamos tem que distorcê-los de
acordo com as dimensões. Quando seguimos em frente e
clique duas vezes em “Frente”, estamos dentro do objeto
inteligente agora e esse retângulo
permaneceu o mesmo, que torna super
fácil para nós colar qualquer tipo de gráfico sem
ter que distorcê-los. Vamos
entrar no ilustrador, selecionar o “Front side”, copiá-lo, voltar para o
Photoshop e colá-lo. Esta caixa aparecerá,
certifique-se de que você sempre
selecione objeto inteligente. Ao fazer isso, você
poderá clicar duas vezes no “Arquivo” e abri-lo de volta no Illustrator, fazer quaisquer alterações, basta clicar “Salvar” e este arquivo será atualizado
automaticamente. Se você não estiver escolhendo
o objeto inteligente, você não poderá fazer isso porque o que estiver colando aqui será plano e você
não poderá modificá-lo. Apenas certifique-se de estar sempre
clicando em “Objeto inteligente”, vá em frente e clique em “Ok”. Agora você pode ir em frente e excluir
a camada chamada “Front” e pressionar “Command S” para
salvá-la e apenas fechar o arquivo. Automaticamente, isso
será atualizado e adaptado para a frente
distorcida. Vamos seguir em frente
e fazer o mesmo pelo lado e pressionar “Command
S” para salvá-lo e fechá-lo. Assim, temos uma
caixa 3D realista com nosso design. No momento, está parecendo um
pouco plano porque
não há destaques ou sombras, então
esse será o nosso próximo passo. Vamos em frente e
pressione “Comando” e passe o mouse sobre a parte da frente. Como você pode ver, teremos uma pequena ferramenta de
seleção chegando, então vamos apenas pressionar “A camada” e a
face frontal será selecionada. Agora queremos ir em
frente e pressionar “Gradiente” e
garantir que temos um gradiente que vai de cor transparente e você quer usar uma cor cinza escuro
para uma cor transparente. Aqui é onde podemos ajustar onde a luz vem. Nesse caso, a
luz vem
da esquerda, então teremos nossas sombras no
lado direito. Podemos desmarcar “Alinhar com
camada” para que fique um pouco mais desfocado e pressione “Ok”. Vamos seguir em frente
e clicar em “Multiplicar”. Assim,
adicionamos uma camada de dimensão apenas
adicionando a sombra. Como você pode ver, isso é o antes que tudo pareça realmente plano, mas adicionando essa sombra
super simples, agora
podemos ver os dois
lados da caixa. Agora queremos adicionar um
pouco de sombra à caixa então vamos
criar uma nova camada,
e muito mais ou menos, e muito mais ou menos, com o design da ferramenta caneta, qual seria a base e, em
seguida, clique no comando, “Enter” para ativar
essa seleção. Em seguida, vamos na ferramenta de balde de
tinta novamente, usamos um cinza como uma
cor e preenchê-lo. Isso agora está parecendo um pouco estranho porque está no topo
de todas as nossas camadas que
queremos fazer é selecioná-lo e apenas colocá-lo
embaixo de todas elas. Agora vamos avançar
com o botão direito do mouse e convertê-lo objeto
inteligente e
queremos clicar em “Filtro”, “Desfoque”, “Desfoque gaussiano”. Só queremos brincar por aqui com algo que parece certo. Vou apenas ir em
frente e ter 10 e depois pressionarei
em “Filtro” novamente,
“ Desfoque” e “Desfoque de movimento”. O que dá movimento e uma
direção à nossa sombra. Assim, criamos um modelo super simples no
Photoshop a partir do zero. Como você pode ver, pode
não parecer super realista, mas está nos dando uma ideia de como o design
ficará. Isso é perfeito se
você quiser testar designs
diferentes ou se
estiver compartilhando seu trabalho
com outra pessoa, e quiser compartilhar um trabalho
em andamento que pareça um pouco
mais realista do que um apartamento design. Agora que criamos o
mesmo modelo em dois softwares
diferentes, você poderá escolher
qual funciona melhor para você. Vejo você na próxima lição
para a segunda técnica. [MÚSICA]
9. Segunda Técnica: Online Mock-Ups: [MÚSICA] Para essa
técnica,
usaremos um mock-up online. Seja gratuito ou pago e aplique nossos projetos a ele. Segunda técnica, trabalhar com maquetes online
grátis ou pagos. Aqui é onde você usa alguns
dos conhecimentos que
abordamos nas lições anteriores sobre iluminação e
composição, pois você poderá contar e identificar uma boa maquete de um
menos realista. Você também saberá quando
vale a pena comprar um. Quando vale a pena
pagar por uma maquete? Sugiro usar uma
maquete paga se você estiver trabalhando em um
tipo de embalagem mais complexo. Por exemplo, se você estiver
trabalhando em um design de garrafa e precisa transparências e mostrar o
vidro e deduzir, talvez seja melhor
comprar um. Ou se você estiver criando um
invólucro e um pacote de batatas fritas onde você precisa
de muitos destaques e sombras, isso também pode
ser uma boa opção. Por último, mas não menos importante, se você não tiver muito
tempo em suas mãos, pode ser mais rápido
comprar uma maquete em vez de
gastar muito tempo
tentando encontrar o perfeito. Compartilharei um documento com
uma lista de sites onde você poderá baixar modelos
gratuitos ou pagos. Nesta lição, estaremos
criando uma maquete para um suco de couve usando
uma garrafa PET redonda. Com essa maquete,
usaremos uma proposta de design que criamos [inaudível]
para um de nossos clientes, KASA greens, um sumo
nigeriano saudável. Para essa maquete específica, vou usar uma maquete paga só porque é um produto um pouco complexo, pois estamos tendo uma garrafa com
transparências. Vou usar um dos meus sites favoritos, imagens
amarelas. Na maioria das vezes, se eu
não estou encontrando o que estou
procurando como recurso gratuito ou se eu não tiver muito
tempo em minhas mãos, sempre uso
imagens amarelas, pois elas têm maquetes de alta qualidade e geralmente são sempre
em camadas iguais, o que é muito útil. Vamos rever
no yellowimages.com e vamos escrever uma garrafa de suco PET
transparente. Como você pode ver, temos
muitas opções diferentes. Nesse caso, sei que estou procurando uma
forma como esta. Vamos seguir em
frente e clicar nele. Como mencionado, este
não é um site gratuito, então você terá que pagar
pelas maquetes. Nesse caso, isso é de US$15. O que garante na maioria
das vezes é que a maquete será um conjunto
claro de camadas, terá realces
e sombras e será muito fácil de usar. Vou apenas ir em frente, adicioná-lo ao carrinho e baixá-lo. Se você quiser usar
o mesmo mock-up, adicionei o
link abaixo e você pode ir em frente e ficar à
vontade para comprá-lo. Mas se você quiser usar uma opção gratuita,
tudo bem. Também adicionei alguns
links de maquetes
que você pode baixar. Vamos começar a usar
o Photoshop. Agora que baixamos nosso mock-up de imagens amarelas, é
assim que ele deve
se parecer em nossos downloads. Na maioria das vezes é um arquivo tiff, pois é mais leve que
um arquivo do Photoshop. Podemos ir em frente e clicar com o botão direito do mouse e abrir
nosso arquivo no Photoshop. Uma vez que nosso arquivo seja
aberto no Photoshop, é
assim que ele deve se parecer. Como você pode ver
no lado direito, temos um monte de
grupos e camadas e tudo é rotulado
e é muito organizado. Como você pode ver, a
maquete está
nos dando duas
opções diferentes de acabamento. Se eu desmarcar brilhante, você pode ver que o acabamento fosco é muito mais suave
e menos brilhante. Mas se,
por outro lado, quiséssemos usar um acabamento mais brilhante, então podemos continuar
e marcar brilhante. Sei que neste caso
usaremos um acabamento fosco pois esta embalagem é
para re-marca de suco de saúde. Vou seguir em frente e excluir os dois grupos
que dizem brilhante. Então, vamos
desmarcar essas camadas. Como você pode ver,
temos uma camada de garrafa que contém o suco. Nesse caso, essa
maquete não tem um controle deslizante rápido
para mudar a cor, o que é absolutamente bom. Podemos continuar e usar camadas de
ajuste para mudar a cor para o suco desejado com
o qual trabalharemos. Então temos uma sombra
e temos uma imagem em branco. Esta é apenas a imagem plana de tudo o que você acabou de ver. Por último, mas não menos importante, temos uma
cor de fundo para que possamos mudá-la para melhor
se adequar às nossas maquetes. Vamos seguir em frente e
abrir o grupo. Como você pode ver, temos
uma camada de textura dourada,
portanto, no caso de quisermos
ter uma etiqueta dourada, temos realces de rótulos
e sombras de rótulos. Por último, mas não menos importante,
temos a cor do rótulo caso quiséssemos apenas aplicar
um logotipo a ele, digamos. Em seguida, a cor de fundo do rótulo pode ser alterada aqui. Temos design de etiquetas, que é nosso objeto inteligente. Vamos seguir em
frente e clicar duas vezes no objeto inteligente. Como você verá, outro
arquivo será aberto. É aqui que o rótulo se sentará e se adaptará à
simulação que você acabou de ver. Vamos seguir em frente
e pressionar o tamanho da imagem. Ao fazer isso, saberemos as medidas exatas
da tela. Como mencionado anteriormente
nesta aula, é sempre bom pensar mock-ups no início
do seu processo. Ao fazer isso, você terá sua maquete e
poderá
conhecer as dimensões dela
e, depois de ter todas
essas informações,
você pode ir em frente e
começar a projetar. Se você não fizer isso e se deixar a maquete
no final, provavelmente
terá que
adotar qualquer design
que acabou de finalizar para as dimensões da
maquete que acabou de encontrar. Agora vamos
seguir em frente e abrir o Illustrator e clicar em novo. Aqui vamos inserir as medidas que
acabamos de ver no Photoshop. Sabemos que um será RGB
porque isso vai viver na tela e
podemos ter 72 DPI. Como novamente, ele não será impresso. Você pode ir em frente
e clicar em criar. Como você verá, este é
o arquivo que teremos. Se voltarmos ao Photoshop, ele praticamente tem a mesma forma e deve
corresponder às medidas. Agora podemos voltar para o
Illustrator e, nesse caso, já
criei o design. Mas se você começar
o projeto a partir daqui, você começará a
projetar neste arquivo e apenas
seguirá essas medidas. Nesse caso,
já preparei o arquivo então vou seguir em frente
e colar nosso design,
que, como você verá, criei para
essas medidas. Agora que temos o design
nas medições corretas, vamos apenas selecioná-lo, pressionar Comando C para
copiá-lo e voltar para o Photoshop e pressionar
Command V para colá-lo. Ao colá-lo, lembre-se sempre de colá-lo como um objeto inteligente, como abordamos nas lições
anteriores. Como queremos poder
clicar duas vezes nele, abra-o no Illustrator novamente e
altere qualquer coisa, se precisarmos. Vou seguir em frente
e pressionar “Ok”. Como você verá, ele deve se
ajustar corretamente às medidas
ou você pode ter que dimensioná-lo um
pouco
para cima ou para baixo, mas será uma escala
proporcional. Agora que temos
nosso design aqui, vamos apenas seguir em
frente e excluir o aplicativo, sua camada de design.
Aqui nós temos isso. O próximo passo será salvar, então pressione Command S
e feche o arquivo. Como você verá, o rótulo é transferido
automaticamente para
o mock-up e distorce. Neste caso particular, porém, sabemos que
queremos mostrar algumas
das coisas no
topo da garrafa. Vamos voltar
para esse objeto inteligente
e vamos tornar
o rótulo um pouco menor. Vou apenas ir em frente
e escalá-lo proporcionalmente. Digamos que esse
espaço será o suco. Vamos seguir em frente
e pressionar Salvar novamente, Command S e fechar o arquivo. Vamos seguir em
frente e ajustá-lo, então novamente Command S
e feche o arquivo. Agora que estamos felizes com a
forma como os rótulos se sentam, vamos seguir em frente
e mudar a cor da tampa. Podemos fechar esse grupo
e abrir este. Como você pode ver,
temos os mesmos destaques e sombras
douradas. Nesse caso, não temos
um objeto inteligente porque não
há espaço suficiente
para ele projetar. Podemos clicar duas vezes na cor da tampa e podemos simplesmente soltar
a cor do rótulo. Neste caso,
sei que
gostaria que a tampa fosse verde escura. Quando eu estiver feliz com o tom de verde,
vou tocar em “Ok”. O próximo passo que queremos fazer é obviamente mudar
a cor do suco porque este é um suco de
couve e,
no momento, temos um líquido
laranja por dentro. Vamos seguir em frente
e clicar na garrafa, que é a nossa cor de suco
e vamos adicionar uma camada de ajuste e
procurar saturação de matiz. Como você pode ver aqui, vamos brincar até ficarmos felizes com uma cor. Acho que estou feliz com
o tom de verde, então vou
ir em frente e fechá-lo. Se apertarmos a opção e passarmos o mouse
sobre a camada abaixo, podemos ver essa pequena seta, o que basicamente significa que essa cor será apenas [inaudível]
para esta garrafa. É isso. Como você
pode ver, é super, super simples e em apenas alguns minutos
temos uma maquete de um design que parece
super realista e será muito fácil de vender
aos nossos clientes. Agora que criamos
a maquete principal, podemos ir em frente e verificar
os diferentes destaques e sombras e se
estivermos felizes com eles. Sei que quero
menos destaques, então vou
mudar o valor para 50 e acho que parece
muito bom. É isso. Como você pode ver, aplicar um de seus projetos para alinhar o
mock-up pode ser
super, super fácil se a
maquete for bem criada. Se quiséssemos, poderíamos terminar nosso projeto aqui e
deixar a maquete como está. Mas, como você pode ver, temos um fundo branco
e talvez
precisemos injetar mais
personalidade nele. Se quisermos usar esse mock-up em uma apresentação
ou em um estudo de caso, poderíamos empurrar o design um
pouco mais longe e adicionar algumas dicas visuais
que ajudarão a comunicar
ainda mais seu
design para o público. A primeira coisa que eu quero
fazer é voltar para o objeto inteligente,
clicar duas vezes nele. Como você pode ver, temos
esses elementos de descarga. Vou apenas ir em
frente e copiar isso e colar
novamente, como um objeto inteligente. Queremos ter certeza de que está fora do grupo
e vamos seguir frente e clicar em Comando
T e apenas brincar com ele. Acho que seria muito bom
se houvesse um fundo. Algo ao longo dessas linhas. Mas em vez de rosa,
quero mudar a cor e ter a mesma
cor da tampa verde. Vou seguir em frente e abrir o grupo de capas e
clicar duas vezes na cor da tampa. Vou copiar o
valor da cor. Vou
clicar duas vezes sobre isso, mas não na imagem principal
real, vou ficar
ao lado e clicar duas vezes. Ao fazer isso, posso
modificar o estilo da camada. Vou seguir em frente e
clicar na sobreposição de cores e aqui vou inserir
a cor verde
e clicar em “Ok”. Essa é apenas uma
maneira rápida de fazer isso, caso contrário, você pode, é claro, clicar duas vezes
nos objetos inteligentes, voltar para o Illustrator
e mudar a cor. Mas se você estiver com
pressa ou se
quiser apenas experimentar opções
diferentes, essa é uma boa maneira de fazer isso. Por último, mas não menos importante,
vou mudar a cor
de fundo. Nesse caso, quero que o
fundo seja rosa. Vou seguir em frente e inserir o valor rosa.
Lá nós o temos. Agora temos a mesma maquete, mas estamos usando alguns
dos elementos
da marca apenas para mostrar
como eles podem ser versáteis. Também temos uma cor de fundo, que é a
mesma que o acento
no rótulo e ajuda a garrafa
a se destacar. Podemos ir em frente e
salvar esse arquivo, tê-lo em nossa apresentação
e estamos prontos para mostrá-lo ao cliente
como uma opção de design. Vá em frente e clique na
próxima lição. Vejo você lá.
10. Terceira Técnica: Imagens de Stock: [MÚSICA] Vamos mergulhar
na terceira técnica, Criando um Mock-up
do Stock Imagery. Para essa técnica,
usaremos fotografia
stock
para nossas maquetes. Ao usar isso,
poderemos colocar nossos produtos em um cenário da vida
real. Isso nos ajudará quando
se trata de comunicar
o design pois eles parecerão reais e
prontos para serem lançados no mercado. Como sabemos se uma imagem stock é boa o suficiente para nossa maquete? Há algumas coisas
a ter em mente quando você está procurando por sua fotografia
stock. Por exemplo, o
produto é totalmente visível, é o principal centro das atenções
e como ele é colocado? Você quer garantir que
ele seja colocado em uma posição que será muito
fácil aplicar sua etiqueta. Por exemplo, se você quiser adicionar pessoas à sua
fotografia stock ,
tudo bem. Apenas certifique-se de que as pessoas nas fotos estejam combinando com a estética do projeto
geral e elas possam se identificar
com o público-alvo. Então isso parece mais crível. Para este exercício, estaremos criando uma garrafa de soro
para uma marca de beleza. Usaremos
algumas imagens de
um
site de imagens gratuito chamado pexels. Também vou compartilhar
uma lista de sites onde você poderá encontrar imagens pagas
e gratuitas. Podemos ir em frente e procurar
por pexels em nosso navegador. Quando estivermos no
site, podemos digitar soro de
garrafa para tentar encontrar a fotografia certa que
estamos procurando. que tipo de marca
você está projetando? É uma marca premium ou
é uma marca lúdica? Tenha sempre em mente
esses fatores, pois eles influenciarão a forma como você está
procurando por suas imagens. Certifique-se sempre de
escolher imagens que, em última análise, apenas o ajudem a
comunicar o conceito geral do projeto de design e
autor. Com isso em mente, agora
temos uma ideia melhor do tipo de imagem que
estamos procurando. Vamos seguir em
frente e tentar ver. Acho que este funciona muito bem porque comunica a naturalidade do projeto e o que estamos
tentando comunicar. Vamos seguir em
frente e pressionar seta para a direita e aqui você
pode escolher tamanhos diferentes. Nesse caso,
vou apenas usar o original e baixá-lo. Ótimo. Agora que
você encontrou uma imagem que corresponde à vibração
do seu projeto, se você clicar nela, na
maioria das vezes, o site mostrará uma seleção
mais ampla de imagens. Às vezes, essas imagens
pertencem à mesma filmagem. Se você escolher as mesmas imagens em
que o produto
estará em ângulos ligeiramente diferentes e usá-lo para suas maquetes, quase
parecerá que teve uma sessão de fotos para sua
marca, o que é ótimo. Agora que temos a
imagem selecionada aberta no Photoshop, vamos seguir em frente
e abrir o Illustrator. Aqui é onde terei o rótulo do design que
quero aplicar. Como você pode ver, ele já está nas
medições externas neste caso. Vou apenas ir em
frente, selecione tudo. Pressione Command C para copiá-lo. Volte para o Photoshop e
pressione Command V para colá-lo. Ao colá-lo como sempre, lembre-se de ter um objeto pequeno. Ao fazer isso como abordamos
nas lições anteriores, poderemos
clicar duas vezes nele,
voltar para o Illustrator, mudar qualquer coisa que quisermos
mudar , se você
quiser mudar uma palavra, se quisermos alterar a cor, clique em Salvar e ela
será
atualizada automaticamente para o mock-up. Vamos seguir em frente e pressionar
Ok. Aqui está nosso rótulo. O que queremos fazer agora
é que queremos
colocá-lo em cima do rótulo de
fotografia. Vamos seguir em frente
e movê-lo, pressionar Comando T, e
vamos girá-lo. Agora que está na orientação
correta, podemos ir em frente e
escalá-la tentando corresponder
à altura
dos dois rótulos. Agora que estamos felizes
com o tamanho, vamos
desmarcar essa camada, ampliar e clicar na camada de fotografia
original. O que queremos fazer a seguir é usar nossa ferramenta Caneta para criar uma seleção sobre
a etiqueta de garrafa existente. Depois de rastrearmos
o rótulo inteiro, vamos pressionar Command Enter para
ativar essa seleção. Em seguida,
vamos seguir em frente e pegar o objeto inteligente vetorial de
volta para que ele fique visível. Como você pode ver, você verá
a seleção aqui. Vamos diminuir o zoom
e o que queremos fazer é,
com a seleção ativa, com a seleção ativa, queremos clicar em nosso Objeto Inteligente
Vector e pressionar a máscara de recorte. Nosso rótulo está combinando com
o rótulo embaixo. Ainda não parece realista, mas são aproximadamente as
mesmas medidas. Agora temos nosso rótulo
dentro de uma máscara de recorte. Este símbolo de cadeia aqui indica que eles
estão ligados entre si. Se eu quiser mover o rótulo, agora
moveríamos o
rótulo com essa máscara. Mas se eu quiser apenas mover o rótulo dentro
da máscara de recorte, tenho que desmarcar essa
corrente e então
posso ir em frente e mover meu rótulo
dentro da máscara de recorte. Vamos seguir em frente
e pressionar Command T, com o botão direito do mouse e clique em Warp. Isso é o que deveria
surgir. Esta grade nos ajudará a
distorcer ligeiramente o rótulo
para que ele pareça mais realista
na garrafa real, pois alguns deles serão
arredondados e um pouco deformados. Vamos apenas ir em frente e modificá-lo até
ficarmos felizes com isso. Quando estivermos felizes, podemos
subir aqui e pressionar esse carrapato. Agora, sinto que precisamos tornar
o rótulo um pouco maior. Vou pressionar Command T e torná-lo um
pouco maior. Agora que estamos felizes
com o posicionamento, podemos voltar e clicar
na corrente novamente para que
eles se movam como um todo. Agora vamos seguir em
frente e clicar em Normal aqui e
pressionar multiplicar. Assim,
está parecendo bem realista. Nesse caso, você ainda pode
ver um pouco da parte de trás. Vou seguir em frente
e pegar a cadeia, clicar em Transformar e ir frente e modificá-la
até ficar feliz com ela. Ótimo, então isso pode
ser feito praticamente. Uma dica a ter em mente é eu sabia que esse rótulo teria um fundo
claro. Eu escolho uma fotografia, que tinha uma garrafa com um rótulo branco. Ao fazer isso, é
super fácil e você pode simplesmente aplicar Multiply. Então todos os destaques e
sombras serão traduzidos. Se, por exemplo, você estiver
usando um rótulo mais escuro, certifique-se de que
está procurando um rótulo escuro na maquete, na fotografia já. Isso economizará
muito tempo quando
se trata de aplicar
sombras e destaques. Há
casos em que, é claro, você pode precisar adicionar esses
destaques e sombras, mas na maioria das vezes
você deve poder usar o que já está dentro da
fotografia. Agora queremos dar um
passo adiante e queremos
mudar o conta-gotas e a
tampa, para cores diferentes. Vamos avançar e ampliar
e pressionar a imagem
original. Vamos seguir em frente e
pressionar a ferramenta caneta
mais uma vez e começar a traçar a tampa. Depois de passar por cima da sua seleção com a ferramenta caneta e ver que alguns dos
pontos não são 100%, você pode clicar em A, que é a ferramenta de
seleção direta, e simplesmente passar por cima os pontos. Ao fazer isso, duas alças
serão exibidas e você
poderá modificar os pontos que
você já criou. Quando estiver satisfeito
com sua seleção, você seguirá em frente
e pressione Command Enter. Ao fazer isso, você
ativará a seleção novamente. Agora podemos ir em frente e criar uma nova camada e
selecionar uma cor. Nesse caso, vou
usar o roxo da marca. Vou usar
esse valor, pressione Ok
e, em seguida, pressione a ferramenta Balde de tinta e
apenas preencha a seleção. Novamente, isso já parece
bastante realista, mas se quiséssemos,
podemos simplesmente, aplicando, multiplicando, as sombras e destaques serão aplicados para
que pareçam
ainda mais reais. Então vou
seguir em frente e fazer exatamente
a mesma coisa
com o conta-gotas. Quando estivermos satisfeitos
com a seleção, podemos pressionar Command Enter
e, mais uma vez,
criar uma nova camada. Nesse caso, quero que
isso seja rosa. Vou usar o
rosa do rótulo. Use a ferramenta Bucket de tinta
novamente e basta preenchê-la. Mais uma vez aqui podemos ir
e pressionar multiplicar. Ao pressionar o Comando D, vamos nos livrar da
seleção e podemos diminuir o zoom. Assim,
criamos nossa maquete. Como você pode ver aqui, se você desmarcar isso, este é o antes e
este é o depois. Parece bem
realista e é isso. Super simples. Como você pode ver, essas são algumas das
outras imagens que
selecionei dos mesmos brotos. Este é o antes
e o depois. vez outro exemplo
de um antes e depois. Aqui estão eles
completamente, como eu disse. Como você pode ver, é super
eficaz e realista. Assim, não só temos uma, mas várias imagens com nossa maquete que
pode facilmente fazer parte da sessão fotográfica da nossa marca. É hora de alguma prática. Para ajudá-lo a praticar
com essa técnica, selecionei algumas imagens
de estoque, que você pode usar para
criar seus próprios modelos. Sinta-se à vontade para ir em frente nas pastas do
seu projeto e examinar projetos
que você pode ter acabado de finalizar ou mesmo
antigos que podem ser aplicados a essas imagens ou
a qualquer tipo de documentário. Será um ótimo
ponto para começar e se familiarizar com
esse tipo de técnica. Vá em frente e clique
na próxima lição. Vejo você lá. [MÚSICA]
11. Quarta Técnica: Fotografar seus próprios Mock-Ups {Part 1}: Essa é a técnica mais demorada,
mas gratificante. Você não só poderá criar suas próprias composições
exclusivas, mas também poderá começar a criar sua própria biblioteca de maquete
personalizada. Quarta técnica, criando uma
maquete usando fotografia. Nesta lição, usaremos
um top branco com a tampa e alguns prompts e
criaremos uma composição única, depois poderemos ser usados para diferentes tipos de projetos. Para mostrar o quão versátil
essa técnica pode ser, criaremos
uma composição e criaremos dois projetos muito
diferentes a partir dela. A primeira será uma marca de sorvete
lúdica, e a segunda será uma marca de suflê corporal
premium. Mas não precisarei de equipamentos
e habilidades caras para filmar
minhas próprias maquetes? A resposta curta é não. O objetivo deste exercício
é mostrar exatamente
que você não precisará de nenhum equipamento
avançado ou caro, você só precisa de tempo
e criatividade. Compartilharei todos os equipamentos e ferramentas que usei
neste exercício. Agora é hora de
construir nosso próprio estúdio. [RUÍDO] Assim,
temos todos os
elementos que precisarão hoje para criar nossas sessões fotográficas. Como você pode ver aqui, eu tenho dois tops brancos com tampas. Você pode ter apenas 1, 2 ou 3. Tenho dois porque já
sei que quero criar um dos meus modelos para
dois sabores de sorvete
e sufles de dois corpos. É muito bom dar a si mesmo a opção caso você queira
ter mais de uma. Então eu tenho alguns prompts. Estas são apenas tampas de caixas. Tentei encontrar tudo em branco
porque será mais fácil quando estivermos no
Photoshop e
vamos editar todas
as cores juntos. Mas se você encontrar isso em
artesanato em uma loja de artesanato, isso também é absolutamente bom. Então temos nossa
luz com uma softbox, que influenciará todos os nossos destaques
e sombras, e a razão pela qual
temos um softbox é porque queremos que todas as luzes sejam
mais suave e não muito duro. Então, por último, mas não menos importante,
temos nosso rolo de papel. Agora está segurando um suporte mas se você não tiver um suporte, você pode simplesmente empurrar sua
mesa ao lado de uma parede, usar uma fita adesiva e
segurá-la no lugar. O que você precisa ter é uma curva
bastante suave,
pois você não quer criar sombras duras quando
você está tirando fotos. Finalmente, temos a câmera. Nesse caso, estou usando
um iPhone 12 pro, mas se você tiver uma câmera ou qualquer tipo de outro telefone, qualquer
coisa faria. Legal, vamos mergulhar. Agora que temos
tudo configurado, podemos pegar nosso produto e começar a criar composições que parecem corretas ao projeto
e que gostamos. Vamos começar com o primeiro,
apenas o nosso top e podemos
colocá-lo em algum lugar por lá. Em seguida, pegaremos nosso telefone e
entraremos no modo de câmera. Basta
colocá-lo no meio, se você puder ativar a grade no telefone ou na câmera, será ótimo e sempre
tentará posicioná-la no
meio da grade. Vai parecer
algo assim, e podemos simplesmente atirar. Se você tiver um iPhone, você pode usar o modo retrato,
que pode ser muito bom. Como você pode ver aqui eu
tenho o produto no meio e
vou atirar. O que isso faz é
desfocar o plano de fundo, então isso pode ser algo
realmente bom e
salvará um passo no
Photoshop. Apenas um produto. Parece um pouco chato
, então é aqui que podemos realmente nos divertir
e usar nossos adereços. Por exemplo, vou
pegar minhas duas tampas e vou usá-las como aviões. Vou
colocá-los apenas para dar um pouco de altura ao
produto e colocá-lo em cima. Apenas fazendo
algo assim, o produto é um
pouco mais divertido e é um pouco mais único. Não parece apenas uma maquete online
que você pode baixar. Você fará a mesma coisa, você simplesmente colocaria na foto e depois tiraria
algumas fotos. Certifique-se de que
tudo pareça certo. Basta pegar alguns diferentes
de ângulos diferentes. Por exemplo, se você quiser
ficar muito legal, então você faz isso do topo. Você quer mostrar a liderança. Isso pode ser muito divertido porque
eles são todos da mesma forma. Então você pode
continuar experimentando. Por exemplo, se você quiser adicionar um sabor diferente
ou um segundo, você pode fazer
algo assim. A fita pode ser útil aqui. Mas você só os tem juntos e você pode simplesmente
tirar uma foto novamente. Ou se isso for muito alto e
parecer um pouco estranho, você sempre pode remover um
dos pinos e ter seu
outro produto aqui. Novamente, assim que você os tiver, depois de olhar para eles
através da lente do telefone, você pode ver o que funciona
e o que não funciona. Isso parece um pouco estranho para mim. Talvez eles sejam um ao lado do
outro e pareçam assim. Talvez esse seja o sabor chave
e esse seja o secundário. Você pode simplesmente continuar jogando
e posicioná-los de
uma forma que fique boa
para o seu projeto. Legal. Estou muito
feliz com isso. Acho que isso parece muito divertido. Vou apenas ir em
frente e tirar uma foto. Agora devemos ter algumas boas fotos em diferentes
composições. O próximo passo seria
salvar todas as imagens, transferi-las para o nosso computador e passar por elas. Quando estivermos felizes
com eles, podemos simplesmente passar para o Photoshop e aplicar todo o conhecimento que
aprendemos com as técnicas
anteriores. É hora de selecionar nossas imagens. Agora que filmamos
todas as nossas imagens, vamos transferi-las para nosso computador e ver qual
delas gostamos mais. Agora que temos a pasta
com todas as nossas imagens, podemos passar por elas e ver com quais estamos felizes. Podemos apenas visualizá-los
e piscar para ver quais funcionariam melhor com uma maquete que
temos em mente. Uma vez que fizermos isso,
vamos nos
certificar de marcá-los em verde
e vamos começar. Vá em frente e clique na
próxima lição. Vejo você lá.
12. Quarta Técnica: Fotografar seus próprios Mock-Ups {Part 2}: Vamos começar com nossa maquete de
sorvete. Aqui está o design plano
que usaremos hoje. Como você pode ver, esse design
é muito colorido e brincalhão. Como podemos injetar parte dessa personalidade na
composição
que acabamos de filmarmos? Vamos pegar uma de nossas
imagens em branco e começar. Vamos começar e abrir
nossa imagem no Photoshop. Depois de
abrirmos o Photoshop, queremos clicar na
camada e duplicá-la. Sempre queremos ter
certeza de ter uma cópia
da camada original por baixo, mas não precisamos vê-la. Podemos desmarcá-lo e
garantir que ele não esteja visível. Em seguida, vamos aumentar o
zoom, e o que queremos fazer é criar máscaras para
cada elemento, para
que possamos
selecioná-los
dentro e desativá-los durante nossa maquete, se
você quiser mudar um
cor, se você quiser criar
um objeto inteligente, e é algo
que o ajudará e servirá como um guia
durante todo o processo. Vou seguir em
frente e clicar
na ferramenta Caneta e
vou selecionar a parte superior. Quando estiver satisfeito com a
seleção do topo, vou clicar em Command Enter e
ativar essa seleção. Quando essa seleção
for ativada, vou clicar em Nova Camada
e vou escolher
uma cor brilhante, e vou escolher pois
será a cor das nossas máscaras. Quando estivermos felizes com a cor, iremos em
frente para a ferramenta de balde de tinta e
basta preencher a seleção. Também vamos
nomear a guia Camada, é super importante, pois
teremos máscaras diferentes. Então vamos seguir em frente
e fazer exatamente a mesma coisa para os pequenos aviões,
então o primeiro. Vamos clicar
na ferramenta Caneta,
criar nossa seleção
e, criar nossa seleção
e, uma vez que estivermos satisfeitos com
ela, clique em Command Enter. Certifique-se de criar uma nova camada e escolher outra cor
realmente brilhante e apenas preencha a forma. Como você pode ver, o
rodapé agora está selecionado, mas está escondendo parte da guia. Nesse caso, nesta máscara, só
queremos o rodapé
e nada mais. O que vamos fazer é
seguir em frente
e clicar com a tecla Command
na camada superior
e, como você verá, teremos a parte superior
selecionada e basta pressionar Delete na
pequena máscara de rodapé, e excluiremos
essa seleção. Então vamos seguir em frente
e chamá-lo de Small Plinth. Por último, mas não menos importante,
vamos fazer o mesmo com o grande plinto. Lembre-se de usar a ferramenta Caneta e apenas criar a seleção. Quando estiver satisfeito
com a seleção, pressione Command Enter
para ativá-la e crie uma nova camada. Mais uma vez, vou escolher
uma cor brilhante aqui. Quando estivermos satisfeitos com a cor, usaremos nossa ferramenta
Balde de tinta para preenchê-la. Exatamente como aconteceu com o pequeno rodapé, como
você pode ver aqui, selecionamos todo
o rodapé, mas não queremos que nenhum pedestal
pequeno faça parte dele. Vamos clicar em
Command e passar o mouse sobre o pedestal pequeno e apenas clicar para ativar
essa seleção, e vamos voltar para
a camada de plinto grande e
apenas excluir essa seleção. Ao fazer isso, só teremos o grande plinto como
parte da máscara. Vou seguir em frente e
nomear esta camada grande plinto. Vamos fazer o mesmo
com a tampa fora do topo. Como você pode ver, agora
teríamos quatro máscaras diferentes. Vamos selecionar todas essas camadas
e pressionar Command G ou Control G para agrupá-las
e nomear o grupo de máscaras. O que queremos fazer
agora é selecionar as máscaras e
a cópia de fundo,
e basta pressionar Comando
T e ajustá-la, torná-la um pouco maior e
certificar-se de que ela está centralizada. Como você pode ver, o fundo tem o white paper, mas
podemos ver um pouco da parede. O que queremos fazer é
esconder isso. Vamos pressionar
nossa ferramenta Seleção e apenas criar um retângulo
próximo ao final do papel. Assim que tivermos a seleção,
pressione Command T e apenas
estenda-a até o final da tela. Vamos fazer
isso para ambos os lados. Como você pode ver,
será bom ter um pouco mais de brilho e
contraste na imagem geral. Vamos seguir em frente
e clicar em Curvas. Lembre-se de pressionar Option enquanto paira sobre a
camada embaixo, e você terá uma
pequena seta mostrando. Depois de clicar
nele, isso significa que essas curvas só se aplicam
à camada abaixo. Agora vamos
seguir em frente até ficarmos felizes com os novos ajustes. Então vamos
fazer o mesmo com o mixer de
canais, pois a
imagem é um pouco azul e apenas garantir que ela pareça
neutra e bastante realista. Mais uma vez, pressione Option,
tenha a pequena seta, então ambas as camadas
de ajuste se referem apenas
à camada abaixo. Agora é hora de
criar nossos rótulos. Vamos clicar na ferramenta
retângulo e apenas criar um retângulo que
será nosso rótulo. Vamos seguir em frente e clicar com o botão direito do mouse e
convertê-lo em um objeto inteligente. Aqui vamos
começar a distorcê-lo e distorcê-lo até ficarmos
felizes com o resultado, vamos
entrar em nossas máscaras, e vamos pressionar Command
e passar o mouse sobre a máscara superior, e apenas ative
essa seleção. Volte para o nosso
objeto inteligente e crie uma máscara. Agora vamos clicar duas vezes
em direção ao objeto inteligente e colar nosso design. Depois de colá-lo, podemos pressionar Command S para salvá-lo
e fechar o arquivo, apenas para ver como ele se encaixa
inicialmente. Obviamente, não está
cobrindo todo o topo, então vamos seguir em
frente clique duas vezes nele. É por isso que é super importante
ter objetos inteligentes. Mais uma vez, ajuste-o até que ele
se encaixe no rótulo inteiro. Quando terminarmos, pressione
Command S e feche o arquivo. Como você pode ver agora, ele está
encaixando todo o rótulo, mas ainda não
parece super realista. Vamos seguir em
frente, clicar com o botão direito e apenas trabalhar e distorcê-lo ainda mais até que
pareça realista. Agora é hora de aplicar
destaques e sombras. Há muitas maneiras de fazer isso. Você pode multiplicar a camada
para a foto real, assim como fizemos com a técnica
de imagens de estoque. Minha preferência pessoal, que eu sinto que é
um pouco fraude, mas economiza muito tempo. Eu ficava online e
procurava uma maquete. Isso é para uma banheira de sorvete. Obviamente, neste momento, sabemos como identificar um bom mock-up de um
menos realista. Uma vez que eu entrar nessa maquete, vou procurar os
destaques e as sombras. Na maioria das vezes, essas seriam renderizações, então elas serão muito realistas. Assim que tivermos isso, vou
copiá-los em nossa foto. Esta é a camada de destaques. Vou ajustá-lo, então ele se encaixa na nossa guia, e vou
mascará-lo pressionando Command, passando mouse para a máscara superior
e, em seguida, apenas imprimindo uma
máscara ao redor dos destaques. O que eu quero fazer a
seguir é que eu quero
entrar em nossos modos de mesclagem
e pressionar Tela. Então essas são nossas sombras, e vamos fazer exatamente
a mesma coisa. É bom criar uma máscara e
certifique-se de que o modo de mesclagem, neste caso, seja multiplicado. Assim,
parece super realista. O que queremos fazer a seguir
é que faremos exatamente
o mesmo
processo para a tampa. Vamos
criar nosso retângulo deformar
e
distorcê-lo até ficarmos felizes, e ele se encaixa perfeitamente na forma. Terminamos de passar o mouse sobre a máscara da tampa e ativar essa seleção e
mascarar o retângulo, que é um objeto inteligente. Em seguida, vamos clicar
duas vezes
no objeto inteligente e colar nosso design e
ajustá-lo até ficarmos felizes com ele. Então, como sempre, pressione Command S para salvá-lo e fechar o arquivo. Como você pode ver, você
se
ajustará automaticamente ao nosso objeto inteligente. Então vamos seguir em
frente e desmarcar a cadeia, que possamos
modificá-la e distorcê-la. Clique com o botão direito do mouse
e clique em Warp, e apenas brinque com ele
até ficarmos felizes com isso. Como você pode ver,
podemos realmente ver a parte interna da tampa, o que não a
torna super realista. Vamos avançar e aumentar o
zoom e apenas selecionar esses dois cantos
da banheira e excluí-los
da seleção da tampa. Agora o que vamos
fazer é passar o
mouse sobre a tampa com
essa nova seleção,
pressionar Enter, ir para
a máscara anterior,
excluir a máscara de camada
e criar uma nova máscara. Como você pode ver, parece
muito mais realista. Mais uma vez,
vamos seguir em frente, e podemos distorcê-lo. O que queremos
fazer, neste caso, só
queremos entrar no modo de
mesclagem e alterá-lo de normal para multiplicar.
Lá temos isso. Se quisermos dar
um passo adiante, poderíamos colorir esses
pequenos cantos, pois seriam
rosa escuro, neste caso. Vamos seguir em frente e,
apenas com nossa ferramenta de caneta, vamos selecioná-los
e, uma vez que
ambos forem pintados, selecionaremos
todas as outras máscaras
e nos certificaremos de que apenas a parte que
queremos é pintada, e todos se multiplicam. O que queremos fazer a seguir é que queremos brincar
com nosso plinto. O que vamos fazer é passar o mouse sobre nossa pequena máscara de rodapé e pressionar Enter para
ativar essa seleção. Vamos então
criar uma nova camada e
, nesse caso, quero que seja rosa escuro, então vou
usar nossa ferramenta de
balde de tinta para pintá-la. Então vou jogar com o modo de
mesclagem, usar multiplicar
e, novamente, adicionar camadas de
ajuste à saturação até ficar feliz
com a cor aqui. Você pode gastar o
tempo que quiser até ficar feliz
com o resultado final. Vou agrupá-lo e me certificar de
chamá-lo de pedestal pequeno. Então, vou fazer exatamente
a mesma coisa
com o plinto grande. O que queremos fazer em seguida é que
queremos mudar a cor
de fundo. É por isso que ter
máscara é super útil. Vamos selecionar
todos os nossos elementos, então pressione Command e
clique nas Máscaras, e se você quiser
adicionar as seleções, basta pressionar Command
Shift e clicar em todas as máscaras até que estejam
todas uma seleção combinada. Então você vai
querer pressionar Command Shift I para
inverter essa seleção. Quando essa seleção for invertida, você vai
querer criar uma nova camada
e escolher uma cor
brilhante e com nossa ferramenta de
balde de tinta, preencha-a. Esta será apenas uma seleção
para o plano de fundo e certifique-se de que ela faça parte
do grupo de máscaras. Agora podemos simplesmente criar uma nova camada tendo o
mesmo plano de fundo selecionado. Nesse caso, quero
um rosa muito claro. Novamente, vou
brincar com nossos modos de mesclagem, e vou escolher multiplicar. Por último, mas não menos importante, então
poderíamos ser praticamente feitos aqui. O que eu quero fazer a seguir é ter certeza de que
tudo é realmente vibrante e muito brilhante
e tenha muito contraste. Vou seguir em frente
e apenas criar curvas e brincar
com elas até ficar feliz. Vou fazer isso
para cada grupo, até ficar feliz com
o resultado geral. Estou feliz onde
estamos agora, mas na verdade quero adicionar alguma personalidade e adicionar alguma narrativa
à nossa maquete. O que vou fazer,
vou voltar
ao rótulo e selecionar
um dos ícones. Nesse caso, vou pegar
o leite de coco. Só vou
copiá-lo e vou
colá-lo em um
objeto inteligente no Photoshop. Aqui vou brincar, e sei que quero
tê-lo por cima, então vou apenas me
certificar de arrastar essa camada por baixo
da camada superior. Vou movê-lo. Vou então fazer o
mesmo com o chocolate. Nesse caso, quero
mascará-lo nisso. Vou apenas selecionar
a banheira e as tampas, inverter essa seleção e apenas aplicá-la ao ícone. Vou seguir em frente
até ficar feliz,
e assim, temos uma maquete
que foi criada a partir do zero, e é uma composição única, e você pode ir em frente e fazer isso por tantos projetos como você quiser e em quantas
composições quiser. Agora, é hora de nossa segunda
maquete de sufles corporais. Este é um design que eu usei. Este design, por
outro lado, é premium. Como podemos injetar e
comunicar esse tipo de qualidade usando a mesma maquete
em branco que
acabamos de usar para nossa marca de
sorvete? Esses são os resultados que
consegui usando
exatamente as mesmas fotos, composições e
técnicas que
acabamos de passar para
nossa maquete de sorvete. Assim,
passamos por todas as nossas quatro técnicas. Vejo você na última
e última lição.
13. Considerações finais: Parabéns por
concluir o curso. Espero que você tenha se divertido e tenha gostado criar todos os modelos diferentes. Começamos desde
o início e aprendemos sobre mock-ups, o que eles são e por que
eles são tão importantes. Em seguida, passamos por
alguns dos princípios fundamentais, como iluminação
e composição, e aprendemos quatro técnicas de maquete
diferentes. A primeira técnica
era criar um pacote do zero no Adobe Dimension
e no Adobe Photoshop. Em seguida, analisamos modelos online gratuitos
e pagos. Para a terceira técnica,
usamos imagens de estoque para criar cenas super
realistas. Por último, mas não menos importante, para nossa
quarta e última técnica, fotografamos nossas próprias composições
únicas. Agora que você aprendeu
todas essas técnicas, você pode criar
uma maquete para qualquer projeto. Mal posso esperar para
ver quais modelos você criou para todos os projetos
da classe. Por favor, certifique-se
de publicá-los
na galeria do projeto e experimentá-los com todos os outros alunos. Se você tiver alguma dúvida,
comentário, preocupação ou apenas quiser dizer oi,
sinta-se à vontade para postar algo
na guia de discussão ou
simplesmente me enviar uma mensagem. Se você quiser saber mais
sobre o design de embalagens, não
deixe de conferir
minha outra classe
na mesma série de ABC
de design de embalagens. É tudo sobre
mochila e contar histórias. Ótimo, é isso, você
chegou ao final da aula, muito
obrigado novamente por
assistir e vê-lo em breve. [MÚSICA]