Transcrições
1. Trailer do curso: Ei, pessoal. Meu nome é Jeremy. Sou designer e ilustrador de Sydney, Austrália. Neste curso, mostrarei como criar algumas maquetes realistas que você pode usar para apresentar seus logotipos de forma profissional. Especialmente se você quer compartilhar com os clientes ou você só quer ter uma maquete para seu próprio uso pessoal ou mesmo se você quiser impulsionar seu portfólio, esta classe vai realmente ajudá-lo. Vou mostrar-lhe como imprimir algumas maquetes realistas pulando para o Photoshop. Vou mostrar-lhe como usar alguns premium onde
podemos manipulá-lo e editá-lo para
torná-lo adicionar nosso logotipo hoje usando cor e textura para torná-lo realmente realista, e também, torná-lo pop e se destacar. Vou mostrar-lhe um pouco do meu processo sobre como vou com ele. Vamos usar o Adobe Bridge, bem como o Illustrator. Vou mostrar-lhe como salvar os arquivos para
que esteja pronto para apresentar aos seus clientes. Nós também vamos criar nossa própria maquete nesta classe, o que é muito legal. Porque é a primeira classe de 2019, eu vou estar fazendo um sorteio. Eu vou dar um ano de assinatura premium da
Skillshare para o aluno que criar a melhor maquete, e eu vou dar a vocês dois meses para concluírem isso. Os recursos e informações estão na seção do projeto abaixo. Definitivamente verifique isso. Espero que vocês se matriculem na aula. Estou ansioso para ver seus projetos, e vamos começar.
2. Onde encontrar de alta qualidade: Eu quero mostrar a vocês alguns lugares online onde você pode realmente comprar maquetes, bem como, alguns sites que lhe dão modelos gratuitos que você pode usar para Photoshop ou até mesmo ilustradores. É muito bom investir em maquetes porque você sempre pode reutilizá-los, especialmente se é como trabalho pessoal e trabalho de cliente, é muito importante colocar seus desenhos de logotipo e até mesmo ilustrações, ou branding em algumas maquetes de boa qualidade. Você quer que os arquivos sejam bem organizados, ordenados, e arrumados, porque alguns modelos gratuitos, eles nem sempre são os melhores. Eu só vou mostrar alguns sites que eu usei no passado que realmente me
ajudaram e o primeiro é mockup.zone, você pode ver aqui eles têm pacotes e pacotes aqui, por isso tem embalagens, eles têm maquetes de impressão que são muito legais. Ele tem um monte de revistas coisas e livros e um estacionário e uma gravidade zero, mesmo alguns mais velhos como maquete de publicidade ao ar livre que é super legal e eles até mesmo lançou uma coisa nova chamada Artboard Studio, que é muito legal. Esses caras são realmente incrível, às vezes eles têm algumas vendas em, você também pode obter como toda a loja, então todos os pacotes em um, que é negócio bastante decente como você pode ver por US $100, e você vai praticamente tem tudo o que você precisa para apresentar seus logotipos aos clientes. Então, esses são arquivos realmente organizados no Photoshop, eles são super bons, super fáceis de usar, e eu adoro isso. Número dois é o mercado criativo, eu tenho alguns produtos do mercado criativo
bem e eles têm um monte de maquetes de produtos. Como você pode ver aqui, eles têm 41 mil, isso é muito. Você pode ver aqui, se eu rolar através, eles têm alguns dos populares no topo, então você pode ver que eles têm pacote de roupas, com como camisas e singlets, então se você está em roupas ou você tem um estilo de moda que É bom para você. Você tem bolos mockup, coisas de casamento, embalagens, até mesmo como carros e envelopes, cartazes, molduras de
parede, qualquer coisa a ver com impressão e eles têm essas coisas enormes e eles obviamente, como coisas digitais também, Há bastante. Você sempre pode simplesmente passar por sua busca através e verificá-los. Você só vai para gráficos e você vai para modelos de
produtos e você definitivamente vai encontrar todas as coisas lá. Número três são elementos ou Envato, eles têm dois sites, eles têm elementos Envato e eles têm um mercado envato, eles são da mesma empresa, seus apenas dois sites diferentes. Você pode ver aqui, você pode filtrar as maquetes. Então, se você tem um navegador, você pode escolher o que você quer aqui, você vai chegar com estes refinamento, no lado há filtros e você pode apenas selecionar maquetes de produtos, e você vai ter todos esses mockups legais aqui. Às vezes você precisa de uma coisa específica como uma van, ou uma lata B ou uma certa forma ou, ou embalagem coisa, estes poucos sites são bons para que se você precisa de algo realmente específico. Estes custos, como você pode ver, olhar cinco dólares, seis dólares, alguns cosméticos é absolutamente é muito legal. Então cabe a você o que você vai comprar como coisas solteiras ou comprar um pacote, mas depende do projeto. Então aqui estão alguns outros sites gratuitos onde você pode obter algumas coisas, freedesignresources.net e a primeira guia no canto superior esquerdo você pode ver maquetes. Estes são todos gratuitos e eu gostei destes, eles são muito legais. Já usei alguns destes antes. Até mesmo, isso é muito legal, UI-kit, t-terços, cartões de
visita, até mesmo um presente de Natal é muito legal. Cartão de visita flutuante, isso é muito doce. Mockups de iPhone, um pouco de estacionário, eu gosto disso, isso é incrível. Então sim, isso é muito bom, mockups grátis e você basta clicar neles e você pode apenas baixá-lo muito fácil. Então você pode ver apenas baixar e, obviamente, maioria desses modelos, alguns deles são totalmente gratuitos, alguns deles são realmente amostras de outros produtos, então você pode ver que diz versão completa aqui, você pode ter que ir para o site e ele vai levá-lo ao mercado criativo ou talvez a página de um artista que o faz e onde você pode comprar o kit completo. Então, onde terá um monte de coisas diferentes como você pode ver aqui. Só estou usando isso como exemplo. Então eu vou ter muito mais maquetes, mas a aqui pode ser apenas uma amostra, pode ser apenas uma maquete em vez de todas essas diferentes. Então tenha isso em mente quando estiver no freedesignerresources.net. Outro legal é freebiesbug.com, você pode ver que eles têm alguns brindes e fontes livres e montes de coisas. Clique na primeira guia, você tem PSD livre e, em seguida, em que você quer clicar em maquetes aqui. Eles têm um monte de maquetes digitais como iPhones e MacBooks e todas essas coisas legais no mundo digital, iPads e eu amo esse tipo de coisas. Eles têm outros, como embalagens e outras coisas, mas eles realmente se concentram mais no lado digital das coisas, aplicativos e tecnologia. Outro doce é creativebooster.net, você pode clicar em todos os brindes, eles têm maquetes. Como você pode ver aqui, você pode pesquisar se você quiser alguns específicos. Eles também têm outros modelos, telefones e você também pode enviar um brinde se você estiver criando seu próprio brinde. Então, vamos rolar rapidamente por aqui. Você pode ver seus cartões de visita, você tem um quadro de placas, isso é muito bom. Algumas embalagens, vamos apenas clicar sobre ela e ver como a página está, para que ela mostre, você pode compartilhá-la. Você pode visitar a página de download, que deve levá-lo para outra página que é muito doce. Mais um site é Freepik também, Freepik é incrível. Você pode obter uma assinatura premium que lhe dará o licenciamento, então o licenciamento completo. Se você não tem premium, você pode baixar coisas de graça, tudo que você tem a fazer é apenas atribuir o design ao seu nome, ou você pode pagar por apenas uma conta padrão, o que é muito legal. Mas um monte de coisas é gratuito, você pode apenas clicar sobre ele, e baixá-lo, apenas personalizá-lo e outras coisas. Então [inaudível] e maquetes eles estão sempre carregando novos novos, sempre se mantendo atualizados. Então eu amo Freepik, eles são incríveis e definitivamente verificá-los. Então, sim, há apenas alguns sites onde você pode obter algumas maquetes e eles vão ser super úteis para você. Você não precisa gastar um monte de dinheiro, você só tem que fazer pequenos investimentos ou apenas encontrar os certos, procurar por estas páginas para encontrar as melhores maquetes que você pode usar, mesmo que ele diz tudo livre e começar a arrancar em sua biblioteca para você pode usá-los para.
3. Usando o Adobe Bridge eficaz: Os três programas principais que estou usando são o Adobe Illustrator CC, Photoshop CC e o Bridge CC. Eu tinha o W Credit Clouds, então eu tenho acesso a todos os aplicativos que eles usam. Se você não tem as versões mais recentes, isso é totalmente bom. Você ainda pode usar os mesmos métodos e processos que estou usando porque a versão não mudou muito ao longo dos anos. Eles ainda têm camadas e todas aquelas coisas legais. Adoro usar o Bridge porque nas minhas pastas é fácil navegar pelas pastas, rotular coisas e adicionar estrelas. É clicar duas vezes e alterar a grade e as exibições também. Você pode aumentar o tamanho. É muito útil quando estou tentando pular e procurar por maquetes. Posso clicar nas fotos e ver as minhas maquetes. Se eu quiser olhar, posso pressionar “Controle L”. Se você está em um Mac “Command L” e você pode peneirar essas imagens em uma visão grande, que eu realmente gosto. Eu também posso ir para alterar a exibição e eu posso ir para mostrar itens de subpastas. Se eu clicar na foto que eu quero e um aplicativo que acabou de dizer novamente mostrar itens. Ele mostrará tudo dentro dessas pastas. Certifique-se de que tudo tenha o nome. Se você tem um monte de maquetes é bom para passar por todos eles. Como é que vamos usar uma maquete? Vou usar uma das maquetes da zona de maquete. Eu só tenho um aqui. Você pode ver que eu tenho três pastas diferentes. Eu tenho uma pasta, se eu ampliar aqui. Este permite que você use qualquer um dos elementos ou objetos como camadas individuais. O que eu posso fazer é arrastá-lo para o meu próprio arquivo ou Canvas. Eu posso selecionar os que eu quero, basicamente arrastar e soltar e misturar e combinar para personalizar totalmente o layout da cena que eu estou tentando criar do Mock-up, o que é muito legal. Mas isso demora um pouco mais. Se você quer um campo mais personalizado ou você tem um determinado projeto para um cliente, então isso é realmente útil. Ele também veio com outra foto no gerador de vitrine de marca, que é um de seus pactos. Ele vem com texturas de terra, o que é muito bom. Estas são fotografias de alto risco, que eu posso usar: concreto, tem alguma madeira, alguma tinta, tapas, plástico e padrões legais que eu posso usar no fundo de algumas das minhas fotos. Se eu estou trabalhando, por exemplo, para um ginásio, ou algo assim eu posso usar esses cimentação legal e ter brancos na maquete, o que é legal, por isso é relevante para o cliente. Eu também posso passar por estágios prontos. Se eu clicar nesta pasta aqui, eu posso passar por aqui e você pode ver que eles têm alguns ready-made que eles já fizeram. Tudo o que tenho que fazer é trocar o logotipo do branding do texto. Como você pode ver, é um exemplo de algo que eu posso fazer. Você pode ser brincalhão com isso. Isso é o que eu amo nesta matilha. Eles também têm uma terceira pasta, o que é realmente incrível também. Ele tem algumas maquetes do Photoshop que eles já criaram também. Posso peneirá-los. Eu posso ir nessa vista, organizar esse olhar, eu posso ampliar, é fácil para mim navegar.
4. Como usar modelos: Eu fui para este cartão de visita simples e eu vou clicar duas vezes nisso. O que vai acontecer é, ele vai abrir esse arquivo no Photoshop. Se você não possui Adobe Bridge, literalmente, basta entrar em suas pastas e clicar duas vezes no arquivo como faria normalmente, e você vai obter esse arquivo. A coisa boa sobre essas maquetes é porque eles são maquetes premium, você pode ver no meu lado direito que eu tenho todas as minhas camadas. Vou arrastar isto para que possam ver um pouco mais fácil. Eles codificaram por cores para mim para que você possa ver todo o amarelo, esse é o design principal dos elementos. Todas as sombras, o objeto real em si, o vermelho, que é rotulado no topo, é uma configuração de luz, então tem toda a iluminação. Se eu desligar isso, você pode ver como toda a iluminação é muito plana. Como você pode ver lá, mas com certeza, ative o equilíbrio de cores e todas essas coisas e níveis,
faz com que pareça como é feito para parecer realmente agradável. As cores que está lá para me ajudar a identificar onde tudo está e é realmente útil, torna mais fácil e rápido. Você pode ver aqui eu posso ir e desligar o logotipo ou as cores lá. Posso desligar o objeto, a sombra. mesma coisa para os cartões de visita, você pode desligar as sombras lá como você pode ver lá, então você pode personalizá-los. Posso adicionar as minhas sombras, se quiser. Se eu quiser mudar a iluminação para o lado esquerdo e fazê-la fingir que está sentado daqui, de cima e de baixo, então eu posso fazer isso sozinho. A chave é que temos camadas. Isto é importante. O que mais você tem que reconhecer é sobre um objeto inteligente. O que eu posso dizer aqui, você pode ver que esta camada é chamada de textura do solo. Você pode ver aqui no canto direito da miniatura pequena, tem uma pequena caixa cinza com como um documento, que significa que é um objeto inteligente. Quando eu clicar duas vezes sobre
ele, ele vai abrir uma foto ou um arquivo.psb, como você pode ver, ele abre outra janela. Então eu posso arrastar a Janela assim para encaixá-la ou eu posso simplesmente tirá-la assim, torná-la menor. Isto é para uma textura de terra, é a camada inferior e vai adicionar uma textura ao fundo dos cartões de visita. Agora, porque estou no Bridge, vou voltar para a minha pasta de texturas. Você não tem que comprar texturas, você pode tirar suas próprias fotos ou você pode usar coisas online. Basta ir em salpicos. Texturas de casa. Vou escolher algo, vou escolher esse visual de cimento. O que posso fazer é arrastá-lo para este arquivo aqui. Então eu arrastei-o para esta pasta PSB. Eu só vou escalá-lo para o centro, arrastá-lo para cima assim, e pressionar Enter. O que eu vou fazer agora é eu vou ficar selecionado nesta camada, mas eu vou pressionar Ctrl + S para salvar. Você pode ver esses pequenos asteriscos, que significa que ainda não foram salvos, então quaisquer alterações que você acabou de fazer, não estão salvas. O que eu vou fazer é eu vou pressionar Salvar e ele vai adicioná-lo a esta cena geral que temos aqui em cima, então Ctrl + S para salvá-lo. Você pode ver que ele vai carregar e fazer isso é coisa porque
é uma textura de alta qualidade ou fundo, por isso é bom ter um computador mais rápido. Você quer uma boa CPU e você quer uma boa RAM. Agora eu posso realmente mover isso ou eu posso fechar aquela janela se eu quiser, mas eu vou apenas deixá-lo lá do lado. Você pode ver agora a textura é adicionada
à cena para o fundo do chão, que é tão legal. Se eu desligá-lo, você pode ver a diferença lá. Você pode ver que eu tenho minha textura lá. Se eu não quiser minha textura, o que eu posso fazer é desligá-la e eu posso realmente apenas mudar a cor do fundo ou do fundo. Você pode ver aqui geralmente há uma camada de cor na parte inferior abaixo. Se eu desligar, você pode ver que só tem os pixels transparentes por trás disso. O que eu posso fazer é selecionar esta caixa, posso clicar duas vezes sobre ela e você receberá o seletor de cores. Então o que eu posso fazer é mover e selecionar a cor para que você possa combinar a marca com o projeto do seu cliente ou o que quer que esteja fazendo. Laranja parece legal e eu pressiono Ok, e agora eu tenho essa cor. Você pode ver porque a textura está no topo, é dominante, mas se eu for para a minha textura e meus modos de mesclagem, se eu clicar sobre isso e clicar no modo de mesclagem eu posso ir multiplicar e a textura vai passar com essa cor como Bem, então ele se multiplica sobre a textura. Agora você pode ver que você tem essa textura grungy olhando super legal também. Vou mostrar-lhe um atalho rápido também. Você pode ver no meu lado esquerdo que eu tenho esses dois quadrados. Eles têm a cor completa, o primeiro plano e o fundo. Se estes tiverem cores sobre eles já, posso pressionar Ctrl + Delete ou Cmd + Delete se você estiver em um Mac. Com a minha camada de cor selecionada, ela vai mudar a cor. Vou pressionar Shift + X para mudar as cores como você pode ver lá. Como se fosse uma maneira super fácil em vez de ir para o seletor de cores e, em seguida, vir por aqui e selecionar o que eu quero. Agora temos nossos antecedentes classificados. O que queremos fazer é mudar isso na Adobe e logotipo para este modelo de cartão de visita. O que eu vou fazer é ir para o cartão de visita uma camada. Você pode ver que tem todas as cores e outras coisas. O que eu vou fazer é ir para esta camada, como você pode ver, ele diz substituir. Às vezes, ele vai dizer colocar design aqui ou colocar design aqui ou substituir o projeto. Este é um suporte de lugar e uma vez que você clica duas vezes sobre
ele, ele age como um arquivo PSB exatamente como um objeto inteligente faria. Posso ter o meu logótipo aqui. Então eu vou ilustrar isso. Vou selecionar o logotipo, que é apenas o meu logotipo que eu quero. Eu vou desligar esta camada porque eu não quero esse logotipo lá. Vou colá-lo e quero mantê-lo como um objeto pequeno. A coisa com o objeto pequeno é que quando você escala o logotipo ou o objeto vetorial, você não vai obtê-lo pixelizado, então ele praticamente mantém a resolução. Ele mantém o detalhe sem torná-lo pixelate. Posso escalar isso para cima ou para baixo e vai agir como um vetor. Então você quer ter certeza de que isso não está em pixels. Vou colá-lo. Vou torná-lo menor. Você não precisa segurar Shift mais, Você pode simplesmente arrastá-lo porque o Photoshop o atualizou. Coloque-o no centro, pressione Enter. Você pode ver que o tamanho do cartão de visita é praticamente a maior parte deste quadrado aqui deste tamanho deste arquivo, então eu não quero fazer o logotipo muito grande. Mais uma vez, selecione o arquivo, pressione Ctrl + S para salvar, feche isso ,
e boom, eu tenho meu logotipo lá, que parece super vermelho, super legal assim. Parece assim porque tem essas sobreposições aqui. Então você pode ver aqui ele tem esses detalhes, essa cor, e recursos em um efeito de unboxing. Se eu quisesse preto, ou se quisesse cabo prateado ou dourado assim. Eu gosto de prata porque eu só quero isso simples, apenas algo simples por enquanto. Então essa é a parte inferior do cartão. Talvez eu queira outra coisa para a parte de trás do cartão. Então o que eu vou fazer, eu vou para a pilha de cartões de visita, que é este aqui. Mesma coisa, eu vou para a camada de substituição,
que é a camada de objeto pequeno,
em seguida, mais uma vez, eu vou desligar esta camada e adicionar o designer um. Vou ao Illustrator, ligar para o meu design
, voltar para o Photoshop, colá-lo e aumentar a escala. Se você tiver guias inteligentes ativados, geralmente basta clicar em tudo junto, clique em Salvar. É muito grande como você pode ver aqui na maquete principal, o que eu não gosto. Então o que eu vou fazer, show cut é Ctrl + T ou Cmd + T. Certifique-se de que sua camada está selecionada e ele vai para o modo de transformação. Então você pode ver, você vai ter a caixa de limite lá que você pode dimensioná-lo novamente. Não quero que seja muito pequeno, então pressione Enter pressione Salvar novamente. Vou arrastá-lo um pouco para cima. Você pode ver que enquanto eu estou salvando, ele está se movendo. Parece super legal. Feche isso, eu vou desligar o ouro e deixá-lo em prata, que é tudo que eu quero, como você pode ver lá. Acabamos de fazer dois modelos de cartões de visita, o que parece super bom. Posso ir em frente e brincar com o lápis também, então vou clicar duas vezes nisso. Talvez desta vez eu só queira o ícone. Talvez eu só queira minha marca de logotipo aqui, eu vou colá-lo, dimensioná-lo para baixo, colocá-lo mais ou menos lá, guardá-lo, e então nós temos o meu pequeno logotipo lá. Vou desligar o ouro. Verifique se a camada está ligada. Temos um pequeno logotipo. Parece muito legal, parece fresco. Parece tão realista. Lá temos ele. Em apenas 10 minutos, você pode criar grandes modelos e aplicar esses princípios. Apenas em 10 minutos você pode ver que criamos este modelo de aparência profissional. Você sempre pode voltar, editar as cores, editar a textura, brincar com ela. Se eu quiser um mínimo mais, eu posso fazer assim. Eu posso saltar a opacidade da textura se eu quiser, se eu quiser um pouco mais sutil, saltar para 40 por cento, então apenas manter sutil. Há tantas possibilidades, mas no geral vai fazer o seu trabalho parecer profissional. Você pode usá-lo em seu portfólio, mas vai ser realmente benéfico, especialmente quando você está fazendo o trabalho do cliente porque você tem que mostrar o logotipo de uma forma que eles possam visualizá-lo. Diga formato pequeno, seja em uma embalagem ou em algo pequeno cartão de visita, e você quer fazer grande formato, então você quer mostrar em outdoors e cartazes grandes e todas essas coisas legais. Há tantas coisas que você pode fazer, mas é tudo incrível.
5. Como salvar o modelo de alto Res para apresentação: Quando você estiver satisfeito com seu design final e tiver feito suas maquetes no Photoshop. Obviamente você vai estar fazendo várias maquetes neste,
mas você quer ter um formato pequeno, você vai ter um formato grande. Vamos salvá-lo em um formato que realmente será fácil de
transportar para o Illustrator ou InDesign porque arraste-o e solte-o como uma imagem. O que vamos fazer é salvar como. Então você pode ir para “file”, “Save for Web”. O [inaudível], [inaudível] “controle de deslocamento” como se você estivesse em um Mac, você será “comandado” opção. Você tem essa janela aparecer. Como a soma das maquetes são muito grandes, pode
demorar um pouco, então você quer “Menos” o zoom. Basta clicar neste pequeno botão “Minus” e ele vai apenas diminuir o zoom para você. Você pode ver como o tamanho do documento é 4,7 ou 4,69 megabytes e é um JPEG. Quando chegou ao canto superior direito, nós queremos ver, nós não queremos PNG, mas nós realmente fomos JPEG. A qualidade, queremos mantê-lo em 90, você pode mantê-lo em torno de 80, 85. O que isso vai fazer é tornar o arquivo menor. Esta é uma maquete de alta resolução, você realmente não vai notar a perda de detalhes. Então você só tem um aviso que a menos que você amplie como montes, se eu saltar para cerca de 70, você pode ver como ele fica um pouco mais embaçado, um pouco mais pixelizado. Isso está tudo bem. Mas vai diminuir o tamanho. Então, se o seu computador está atrasando ou você não consegue lidar com isso, então você sabe que pode colocá-lo para baixo para 70. Mas você sabe que qualquer lugar em torno de 85 é bom o suficiente e a qualidade ainda vai estar lá. Então “Zoom Out” para que você possa ver que ele ainda parece muito bom. Então vamos deixar isso por volta dos 85. Você quer assumir otimizado para os arquivos, ser um pouco mais pequeno. Podemos ver que a nossa resolução é 5000 por 3000. Então, é um pouco grande demais porque você quer saltar para baixo do tamanho. Porque se o arrastarmos para o Illustrator, então o que vai acontecer é que ele vai entupir seu arquivo e fazer o arquivo maior. Então eu costumo saltar em cerca de 40 por cento e meu documento que estou usando é 1920 por 1080 na apresentação quando eu salvo como um PDF. Então isso está perto disso. Chega, é maior porque quanto maior o maior é e podemos reduzi-la. Vai reter muito desse detalhe. Então, isso é fixe. Vamos “Salvar como” salvá-lo na pasta. Só vou guardá-lo por isso. Por cima do antigo. O que eu vou fazer é ir para o Illustrator, você pode ver que eu acabei de ter um modelo bastante básico apenas. Então o que eu vou fazer é ir para a pasta e encontrar o arquivo. O que eu vou fazer é apenas “arrastar e soltar” no Illustrator. Como você pode ver lá, é grande. Parece muito bom ver que os detalhes vão lá. Eu só vou reduzi-lo. Então eu vou para os cantos e apenas segurando “Shift” e clicando com o botão esquerdo e arrastando, apenas segurando-o e apenas diminuindo. Arraste-o para o centro. Então eu vou segurar “Alt e Shift” ou “Option and Command” e “Scale” este para cima assim. Eu só vou colocá-lo no centro, mais ou menos. Tudo bem se passar por cima da maçã, isso é totalmente legal. Você pode colocar essa pena do nosso passeio de maquete em nosso modelo, o que é super legal. Isso é incrível. Então nós temos isso feito e obviamente você tem várias maquetes, mas está parecendo muito bom. O que eu posso fazer agora é realmente ir “Arquivo”, “Salvar como”, e eu posso clicar em “Adobe PDF” proteger o PDF suspenso irá “Salvar tudo”. Acho que você pode ver isso. O que queremos fazer, porque se você tiver um monte de maquetes, o arquivo vai começar a ficar realmente grande. Você não quer enviar um arquivo de 830 megabytes para o seu cliente, especialmente que não tem boa internet. Portanto, queremos ter certeza de que estamos usando uma predefinição que será pequena o suficiente para manter o detalhe. Então eu já tenho uma segurança predefinida. Chama-se “Digital”. Então, porque eu não vou imprimir isso em uma alta qualidade. Isso está tudo bem. Queremos configurá-lo para digital para que eu possa enviá-lo através de um e-mail enviado para
apresentá-lo no Skype ou qualquer outra coisa enquanto conversando o caminhando
para o cliente que pode baixá-lo rapidamente. Vai ser rápido. Então vou passar por essas opções. Você tem geral, você pode ver otimizar para web rápido está ativado. Você pode ativar o PDF depois de salvar, você pode desativá-lo se quiser. Eles vão para “Compressão”. Como você pode ver, minha compressão, eu coloquei em “Down sample”. A “Compressão” está em JPEG. Normalmente,
se você estiver imprimindo , vai ser, não vai haver nenhuma compressão. Normalmente é como no “Zip” ou no “None”. A qualidade da imagem está em “Máximo”. Eu praticamente preparei para o mesmo para este. Então este aqui em baixo, aquele é zip porque isso é apenas para imagens de bitmap monocromáticas, que praticamente não temos nada disso no arquivo. “ Compactar” texto e alinhamento que ficam para baixo. Então o máximo em chamas, maçã, está
tudo bem e tudo o resto deve ficar bem. Então isso é tudo doce que pode palatabilidade em dormir em que em 6 porque deve ser padrão. Vou para “Salvar PDF”. Então agora eu posso abrir o PDF e você pode ver que a apresentação está ali. Com a nossa maquete, você pode ver, eles são de alta qualidade maquete parece muito bom e você apresentando. Então seu cliente pode ser como uau, o que é super incrível. Agora, se eu voltar, posso ir verificar o tamanho do documento. O tamanho é de apenas dois megabytes, como você pode ver no gargalo, o que é super bom, que significa que você pode baixá-lo rapidamente quando você enviá-lo em um e-mail ou qualquer maneira que você enviá-lo. É assim que você salva em seu documento.
6. Como criar seu próprio modelo realista: Pessoal, esta é a minha armadilha. Você pode pegar meu Sony A7 no meu tripé e você pode ver como ele se parece. Apenas muito básico. Apenas usando lápis e copo e apenas bloco de notas básico. Então você pode ver que isso é muito legal, muito simples. Você quer tentar manter tudo em ordem. Então eu provavelmente vou mover minha câmera e torná-la totalmente, completamente em linha reta assim. A chave é que você não precisa usar uma câmera. Você pode simplesmente usar seu telefone ou se você tem um DSLR ou o que quer que e tentar mantê-lo firme e estar diretamente em cima de sua maquete porque você quer que ele seja como plana e reta,
e assim a partir de uma vista de cama superior I, que é Muito importante. Então experimente. Basta encontrar alguns objetos em torno de sua casa. Se você tem utensílios criativos ou coisas como lápis ou canetas ou qualquer coisa, e um caderno ou algo onde você pode fingir colocar um logotipo em cima disso. Isso vai parecer bem, faça isso. Você pode criar uma maquete de aparência legal. Você pode ver? Só brincando. Este é mais para um tipo de efeito [inaudível]. Aqui eu tenho minha câmera mais uma vez. É bom ter certeza de que você tem uma tabela branca porque é muito mais fácil, porque você pode adicionar fundos e você pode realmente cortar os objetos para fora se você quiser editá-la e outras coisas. Isso torna isso um pouco mais fácil. Mas você sabe, você pode brincar usando bancada de cozinha, usar o que você pode encontrar em sua casa. É algo muito legal e gratificante quando você cria sua própria maquete e coloca seu logotipo nele. É como se eu criasse isso. Só me dê algumas dicas. Eu quero tirar mais algumas fotos e então nós vamos entrar no Photoshop e eu vou usar essas fotos e ver como isso acaba.
7. Como editar e editar seu modelo: Depois de ter tirado fotos do seu telefone, ou da sua câmera na simulação que você criou. Não importa se você tirou fotos em sua sala de estar, sua mesa, ou onde quer que seja. Para mim, vou trazê-lo para o Bridge porque é o mais fácil de importar, porque eu tenho um DSLR. Então eu estou indo para; arquivar, tirar fotos da câmera. Eu estou indo para o dispositivo, e eu vou selecionar câmera, ou leitor de cartão. Se você estiver no Bridge, e nada aparecer, você pode apenas clicar em atualizar lista, e ele irá atualizar. Agora você pode ver todas essas fotos que eu tirei dessas maquetes. Eu quero desmarcar tudo, e eu só quero selecionar essas fotos que eu tirei. Mantenha pressionada a tecla “Shift” para selecionar todos eles. Agora o que eu vou fazer, eu vou encontrar uma pasta, então importar a câmera. É o dia 25 de 119, e eu vou dizer, Skillshare. Então eu só sei para onde as fotos vão. Eu tenho uma imagem principal aqui agora pronta para ir. Se você estiver usando arquivos raw, então você pode obter um pop-up com eles; o filtro, e você obtém filtro de câmera. Não se preocupe com isso. A foto pode ser apenas um JPEG ou o que quer que seja do seu telefone, isso é totalmente legal. Estamos no Photoshop agora, e o que eu vou fazer é, ir para o canto inferior direito no painel de camadas, clicar no pequeno círculo, meio círculo lá, e então temos todas essas camadas de ajuste. Primeiro, eu quero obter um Níveis, e apenas corrigir o nível, então eu vou arrastar o controle deslizante superior para dentro, e se o fundo você arrastar você vê as sombras ficar mais escuras. Nós não queremos isso. Queremos meio que os médios e os cinzentos. Não queremos que as sombras sejam muito duras. Então eu vou trazer o controle deslizante do meio para cima um pouco. Legal, então temos isso. Vou selecionar a camada de ajuste novamente, e vou para Brilho e Contraste. Você pode ver, aumentar o contraste é mais nítido com as sombras, e os brancos, e se diminuirmos, ele vai mais sutil. Só vou diminuir um pouco o Contraste. Agora o que eu vou fazer, é realmente ir para o equilíbrio de cores, então você pode ver que se você pode ter muita luz do dia, a luz do dia é realmente boa. Às vezes, você pode obter algumas tonalidades amarelas ou azuis dependendo da hora do dia e qual é a sua fonte de iluminação. Se for uma luz artificial, ou não. Então você pode apenas ajustar estes, você tem Sombras, Toques e Destaques. Se eu apenas clicar em Destaques, e eu vou apenas passar por aqui, e você pode ver se eu queria como um certo tom, então eu posso pop é como azul, ou qualquer coisa, ou se eu queria como vermelho purply. Então eu vou apenas ajustá-lo um pouco. As cores, ou ir para tons médios. Então, apenas pequenos ajustes, para que você possa ver que havia um pouco de lama com os azuis, então apenas ajustá-lo, e adicionar um pouco de amarelo, um pouco de vermelho lá, parece um pouco mais agradável. Obviamente, você pode adicionar mais, você pode fazer curvas. Você pode brincar com os filtros de fotos, e todas essas coisas. Mas vamos apenas manter isso simples, e fácil. O que eu vou fazer, eu quero copiar
isso, é um pouco muito espaço no lado esquerdo, então o que eu vou fazer, ir para o meu lado esquerdo da minha barra de ferramentas. Você pode clicar na Ferramenta Marquee, a retangular, a tecla de atalho é M também. Eu só vou me arrastar assim. Então o que eu vou fazer é: Eu tenho minha seleção, eu vou pressionar “Control T”, e agora eu posso realmente mover a tecla Mark onde eu quiser. O que eu vou fazer é apenas trazê-lo um pouco assim, e eu vou apenas pressionar “Enter”, e então você vai cortar a imagem, e ele deve cortar essa imagem assim.
8. Como adicionar um logotipo ao seu modelo: Agora, o que eu vou fazer agora é adicionar meu logotipo, então eu vou para o Illustrator. Você pode ver que eu tenho o meu logotipo aqui. Mas o que vou fazer é mudar para a cor preta. Eu vou selecioná-lo, controle C. Agora eu quero fazer é pressionar o controle V. Certifique-se de que “Objeto inteligente” está selecionado. Aperte “Ok”. Agora, eu vou girá-lo assim para caber na página. Aumente um pouco. Isto não tem de ser perfeito. Quero que pareça o mais realista possível. Nós adicionamos nosso logotipo e isso parece legal. Mas você pode ver que não está realmente misturado com o papel lá. O que vamos fazer é colocar seu painel Camadas no lado direito. O que eu vou fazer é clicar duas vezes na camada, não na miniatura, mas na camada real. Clique duas vezes e você obtém esses estilos de camada, você sempre pode adicionar Bisel. O que vamos fazer, vou colocar meu lado direito no painel Camadas. Você pode ver meu objeto vetorial. Eu posso apenas clicar duas vezes e renomear o logotipo. Primeiramente, o que eu vou fazer é ir para os meus modos de mesclagem, este pequeno menu suspenso acima das camadas. Você pode ver aqui, clique nisso e queremos selecionar Multiplicar. Nós também queremos saltar um pouco a opacidade, então eu vou colocá-lo em 90% assim. O que eu vou fazer agora é realmente criar uma máscara vetorial, então eu vou clicar neste pequeno quadrado com este círculo vazio no meio. Clique nisso. Isso criará uma máscara vetorial. Significa que posso esconder ou mostrar as coisas que está no layout. Vou selecionar meu pincel. Você pode pressionar “B” para o pincel. Se você pressionar “Caps Lock Off”, então você deve vê-lo. Você pode realmente clicar em suas configurações de pincel e você pode realmente fazer o pincel mais grosso assim, mais largo ou mais fino na verdade. Você quer que a dureza esteja em 0. O que eu vou fazer é ter certeza que minha cor está definida para preto no meu primeiro plano aqui. O que vou fazer é garantir que minha máscara vetorial seja selecionada. Eu clico nisso. O que eu vou fazer porque há iluminação batendo aqui, você pode ver que o logotipo, deve
haver um pouco de luz para torná-lo realista. O que eu vou fazer é clicar aqui, encontrar o local e clicar,
então é como se estivesse desvanecendo com o papel lá muito bem. Você quer ter certeza de que sua opacidade é baixa, então você pode ver se minha opacidade é realmente alta, ele vai se livrar de muito do logotipo, mas nós não queremos isso. Vou descer para 20% e clicar uma vez, talvez duas, sim, duas vezes. Você pode ver como se desvanecendo um pouco lá porque é como se a luz estivesse atingindo o papel. Você pode ver como o papel também se dobra um pouco. Se você quiser ir ainda mais longe, você pode deixá-lo pelo menos por enquanto, parece bastante decente. Você também pode apenas fazer deformação normal. Você pode ver que eu fiz uma duplicata pressionando o controle J para que eu tenha outra camada. O que eu vou fazer é clicar com o botão direito do mouse na camada, clicar em “Rasterizar camada”. O que eu vou fazer agora, vá para Editar no menu superior esquerdo, pressione “Transformar” e vá para Warp. Isso nos permite distorcer isso e vê-lo movido um pouco. Você pode ver a página tipo de tem um arredondamento para ele. Posso mover o guidão assim. Não precisa ser perfeito. Você pode simplesmente arrastar seções a partir daqui. Eu não quero inclinar muito, mas você entende o ponto. Eu carrego em “Enter”. Você pode ver que é um pouco warp lá só para torná-lo um pouco mais realista, então sim.
9. Personalizando layouts e objetos: Aqui está a segunda foto que tirei usando minha câmera e às vezes você pode obter objetos que você não quer para possamos realmente cortá-la usando a ferramenta Caneta e personalizá-la e criar suas próprias maquetes usando fotos ou imagens que você encontrar online. Você pode ver, eu tenho meu arquivo aqui que eu abri do Bridge, e é apenas um arquivo bruto aqui, mas você pode trazer seu JPEG, se for do seu telefone, você pode como trazer o JPEG para o Photoshop, como nós pode ver aqui e o que eu vou fazer, temos um painel de senhora no lado direito. Você pode ver a fechadura. fechadura clicando com o botão esquerdo nela e agora temos esta imagem e vocês podem ver aqui podemos duplicá-la caso não cometamos um erro ou algo
assim, então vocês podem ir ao Controle J ou Comando J. Queremos desligar
afechadura clicando com o botão esquerdo nela e agora temos
esta imagem e vocês podem ver aqui podemos
duplicá-la caso não cometamos um erro ou algo
assim,então vocês podem ir ao Controle J ou Comando J.
Basta ir e maquete e a outra camada podemos apenas desligar o olho. O que eu vou fazer é eu realmente vou cortar este caderno, porque para mim o item mais fácil, e o que eu vou fazer é pressionar “P” para a ferramenta Caneta. Como você pode ver, você pega a ferramenta de caneta e o que vamos fazer, nós vamos começar a rastrear em torno deste objeto. Eu quero dizer que isso tem que ser exatamente perfeito, mas eu estou rolando para fora e rolando para cima e para baixo segurando Alt. Faz com que seja super fácil. Você pode segurar Shift também para tornar a linha reta, mas você também pode manter pressionado o clique esquerdo, você pode realmente arrastar e mover e você vai obter uma alça que irá fazer as curvas. Você também pode segurar o Opcional O. Talvez eu não queira este cabo aqui. Eu posso segurá-lo. Clique com o botão esquerdo uma vez, ele vai se livrar dessa alça para que eu possa começar de novo. Clique com o botão esquerdo sobre isso e comece novamente com as curvas. Isso é praticamente eu uso a ferramenta Caneta no Photoshop, ela funciona da mesma forma que você faria no Illustrator. Mas uma vez que você domina isso, você praticamente pode fazer a maioria das coisas aqui dentro. Agora temos nosso caminho como você pode ver aqui, ele está indo em torno de nosso caderno ou qualquer objeto que você está usando e o que queremos fazer é transformar isso em uma seleção. Vou entrar no meu painel do lado direito. É como ao lado das minhas camadas. Eu vou para Janela e ir para caminhos, se você não tê-lo em sua barra de ferramentas e que deve abri-lo e você pode ver, Eu não cliquei em nenhum outro lugar é ver a seleção, o caminho ainda está lá. Mas o que eu vou fazer nesta camada de caminho aqui, você pode ver que ele tem caminho de trabalho e você vê a pequena miniatura. O que queremos fazer é manter o controle pressionado, ou se você estiver em um Mac, é um comando e vamos clicar com o botão esquerdo do mouse uma vez. Você pode ver quando eu mantenho o controle que meu mouse muda, você fica um pouco quadrado lá. Quero clicar com o botão esquerdo do mouse uma vez. Ele vai transformar o caminho em, eles chamam de formigas marchando porque você pode ver que está se movendo, mas é praticamente uma seleção. Ele se transforma em direção à seleção. Voltamos ao nosso painel de camadas e o que eu vou fazer, ir para o canto inferior direito e clicar neste retângulo com o círculo vazio e isso é chamado de máscara de camada, eu vou clicar nisso. E praticamente o que é feito é
mascarar tudo e ele só tem o caderno selecionado agora. O que queremos fazer agora é convertê-los em um objeto inteligente. Objeto inteligente é bom porque então podemos escalá-lo cima e para baixo e ele não vai perder sua qualidade, ele vai ficar como você criou. É bom tirar fotos na máxima qualidade que você pode, usar o telefone que tenha uma câmera decente, mas se não, então você pode brincar com o que você tem. Eu tenho este painel de camadas. Vou clicar com o botão direito do mouse no painel Camada. Tente nesta pequena área cinza, clique com o botão direito do mouse. Vamos converter em objeto inteligente. Agora você pode ver que é praticamente excluído tudo no fundo que era do original, então todas essas coisas ao redor é deletado. Vou desligar esse layout de baixo. Agora é apenas praticamente achatado e agora
temos um objeto inteligente de apenas o notebook agora. Agora, se eu puder pressionar “Control, T” que é transformar, eu posso escalar o objeto, eu posso movê-lo do jeito que eu quiser, se eu quiser fazer como uma colagem ou algo assim, ou como uma bandeira de herói ou algo chamado assim. Você pode ver que eu posso editá-lo, o que é incrível. Mas o que eu quero fazer agora é adicionar um fundo. Podemos ficar neste documento, você não precisa transferi-lo para outro documento. Vou deletar o layout de baixo, então temos essa maquete. Só vou selecioná-lo. Vou movê-lo de volta porque no momento não está parecendo realista. Temos o caderno, que é um caderno real que pegamos, mas agora vamos torná-lo bonito em um maquete que podemos usar. Eu tenho o caderno lá. O que eu vou fazer agora é eu vou entrar em algumas fotos que eu
tirei de um dos meus produtos chamado Rustic Logo Scene Creator, que é muito legal. Eu vou entrar nela. Eu vou chegar às minhas texturas de terra e enquanto eu uso uma dessas texturas que eu
usei, eu vou apenas subir uma vista. Você pode ver que eu tenho toda essa textura legal aqui, eu tenho um pouco de madeira, um pouco de concreto, algumas coisas interessantes. Provavelmente vou pegar esses plásticos. Essa torre também parece boa. Eu só vou para a parede de pedra, eu vou clicar e arrastar isso para dentro Pressione “Enter” Veja a textura agradável que eu tinha tomado. Vou arrastar o layout para o fundo. Como você pode ver, este aqui agora, o caderno está em cima. O que eu vou fazer é pressionar “Control T” ou “Command T” para que eu possa escalar este caderno, do jeito que eu quiser. O que eu vou fazer, eu vou adicionar uma cor, preencher o meu pano de fundo porque é muito duro agora. Então eu vou para clicar neste pequeno círculo, este meio círculo lá e então eu vou para a cor sólida. Posso brincar com as cores. Talvez você não goste de marrom ou algo assim ou dourado. Pressione “Ok” Eu vou mudar estes para multiplicar, como você pode ver isso e eu posso arrastar para baixo a opacidade para que não seja muito duro. Eu também posso brincar. Você pode fazer sobreposição. Vou rolar por esses modos de mistura para que você possa ver como é. Normalmente, eu costumo apenas a multiplicar. Isso é legal. Certifique-se de ligar isso. Eu pulo em cerca de 50 por cento. Isso é fixe. Eu vou escalar isso de volta no meio assim. Agora, o que queremos fazer, queremos fazê-lo à sombra. O que posso fazer agora é ir para a minha camada. Vou clicar duas vezes na camada do meu caderno aqui. O que eu vou fazer é eu vou cair sombras no fundo. O que queremos fazer, você pode ver, você pode brincar com todas essas opções talvez a maioria de vocês saiba como trabalhar com a sombra, mas se não tiver, vou tentar mostrar o que você pode fazer. Você tem a opacidade aqui. Eu costumo não ter muito alto. Você pode fazer a distância que estende a sombra para que você possa ver que a sombra está vindo aqui no caderno. Você vai distância aumenta a distância longe do objeto. Eu tenho espalhado então adiciona um golpe em cima disso, espalha um pouco. Você também tem tamanho; e que tamanho faz ele praticamente penas fora para que ele torna mais suave e isso é o que nós queremos, nós não queremos uma sombra dura dependendo
do olhar que você está indo para ou dependendo do projeto, mas geralmente uma sombra é difusa, ele tem um brilho difuso para ele não é como muito áspero a menos que seja como o sol está diretamente acima dele ou no lado e aquecendo-o no meio do dia, que é quando você tem sombras duras, mas se não estiver em um ambiente realista, você não precisa ser severo para que nós vamos torná-lo suave. Eu tenho 49 pixels, a distância, ou torná-lo muito, talvez 15 pixels. Você pode ver que eu posso torná-lo realmente escuro, mas isso não parece muito realista então nós apenas ir cerca de 50 por cento parece bem. Deve ser mais para baixo, e praticamente isso. Eu aperto “Ok” agora temos uma sombra e parece que está naquela loja de tecnologia. Posso escalá-lo, posso movê-lo, posso torná-lo muito grande se eu quiser. Assim, tantas possibilidades, é incrível e é assim que você manipula para criar suas próprias maquetes como essa. Você pode ver agora, enquanto eu estou girando, você pode ver como a sombra ainda está deste lado, então dependendo de onde sua iluminação está, se ela está vindo do canto superior esquerdo ou direito ou de baixo onde quer que seja, você tem que ajustar as sombras. Voltarei para a sombra e mudarei o ângulo. Você vê como o ângulo aqui, certifique-se de que você selecionou sombra. Eu mudaria o ângulo e ele vai girá-lo para o outro lado tão grosseiramente, 120-ish é bom. Você pode ver a sombra agora. Agora, está do outro lado onde eu quero. Isso é bastante incrível. É assim que você manipula, você pode editar, e eu só quero
mostrar alguns exemplos do meu produto que eu usei. Você pode ver aqui, eu tenho algumas cenas pré-feitas que eu
fiz e eu tenho todos esses objetos diferentes, que eu vou apenas mostrar a vocês em um segundo objetos. Você pode ver, eu cortei todos esses objetos diferentes que eu posso ir em frente e usar. Criei este produto no ano passado e tirei algumas fotos do galpão da minha avó. Ela tinha todas essas coisas rústicas, e você pode ver todas essas coisas legais que podemos usar. Eu tenho uma camada de ajuste para que você possa ver como ele ficou e então eu
ajustei as cores usadas em um equilíbrio de cores, brilho, contraste, filtros de fotos para que você possa ver a grande diferença lá. Então eu literalmente cortar todos esses objetos com a ferramenta Caneta e então o que eu posso fazer agora é eu posso literalmente, qualquer objeto que eu quiser, eu posso selecioná-lo e então eu posso praticamente arrastar essas fotos, todas essas camadas entrar nesta cena que eu quero e deixá-la lá dentro. Certifique-se de que vou selecionar a camada inteira, não apenas a sombra. Você pode ver que tem o item e depois a sombra. Eu vou reduzir isso e em minutos podemos ter nossa própria cena rústica legal ,
e obviamente, você tem que adicionar alguns ajustes e outras coisas, mas isso é muito legal, mas vocês entendem o ponto. Parece super legal. De volta às cenas pré-fabricadas, você pode ver que eu fiz algumas cenas e você pode ver esses objetos são todos objetos separados, assim. Isso é tão poderoso porque você pode criar suas próprias maquetes, você não tem que comprar coisas se você não quiser. É muito divertido, você tem mais controle criativo. Você pode simplesmente jogar em torno de experimento e você pode criar para certos projetos que você precisa, definir e olhar. Você pode criar suas próprias maquetes ou você pode simplesmente jogar em seu logotipo.
10. Saiba mais: Muito obrigado por se juntar à turma. Eu adoraria se vocês pudessem me seguir. Você receberá atualizações sobre as novas classes que estão chegando. Como você pode ver aqui, basta clicar no botão “Seguir” no canto superior esquerdo. Uma vez que você assistiu alguns vídeos, você pode então rever a aula e isso realmente vai me ajudar para que eu possa melhorar e tornar as aulas muito mais valiosas e benéficas para vocês. Você clica na guia de revisão aqui, e você verá um pequeno botão que diz “Deixar revisão” no lado direito. Você clica em “Deixar revisão”. Você receberá alguns prompts e é muito simples de revisar. Você pode apenas clicar nele. O colega de classe atender às suas expectativas, você pode colocar o nível de experiência que você sugere, bem
como o que você gostou sobre a classe e o que poderia melhorar. Você pode selecionar essas barras aqui. Além disso, você pode deixar um comentário no fundo aqui. Isso vai me ajudar muito. Dê algum feedback construtivo. Eu realmente apreciarei isso. Obrigado por assistirem. Estou ansioso para ver vocês em mais algumas das minhas outras aulas.