Transcrições
1. Introdução: Acredito que uma das partes mais importantes de um negócio criativo é como você mostra seu trabalho. Se você é um ilustrador ou designer de padrões. bloqueios são uma ótima maneira de mostrar a arte e visualizar como seu design ficará em produtos da vida real. Meu nome é Mariam Beck e sou uma designer de padrões de superfície baseada em Estocolmo, Suécia. Na minha primeira aula de compartilhamento de habilidades, você aprendeu tudo sobre como criar design de padrões usando o Adobe Draw e o Illustrator. Nesta aula, vamos falar tudo sobre como jogar começar o trabalho que você criar e mostrá-lo em maquetes. Você pode usar maquetes em seu site em um livro de olhar nas mídias sociais. Mock-ups são uma ótima maneira de tornar futuros clientes possíveis visualizar como seu design vai olhar em seus produtos.Que pode ser um
quebra-negócio . If você está tentando vender sua arte para os clientes. Você vai aprender o que são maquetes, por que você deve usá-los e, mais importante, como criar seus próprios modelos usando fotos stock grátis e Photoshop.You pode usar sua própria arte ou baixar meu design padrão original na classe. Para fazer esta aula, É bom ter uma compreensão básica de Photoshop.Vamos
passar por tudo, desde a colocação simples básica para técnicas mais avançadas, como trabalhar com prospectivas e texturas. Vou ensinar-lhe diferentes técnicas e como trabalhar com os detalhes. Assim, você pode criar seus próprios modelos profissionais de alta qualidade para você mesmo.
2. O que é um modelo e por que usá-lo?: Vamos começar com o que são maquetes e por que você deve usá-los. Maqueta digital é basicamente uma foto de um produto que você manipula para fazer parecer que sua arte está impressa nesse produto. Geralmente, é um arquivo do Photoshop onde você pode colocar seu trabalho artístico em um objeto. Quanto maior a qualidade for
a maquete, mais realista será a maquete. Eu sempre aponto para que a maquete pareça o mais real possível. Só dá uma impressão muito mais profissional. Por que você gostaria de mostrar sua arte em produtos? Bem, para começar, é muito divertido ver seus padrões e ilustrações ganharem vida em coisas reais. Mesmo que seja apenas uma foto de uma coisa real, ele pode ajudá-lo a visualizar o tipo de produto que sua arte irá concordar, e é uma ótima maneira de fazer com que os futuros clientes visualizem como sua arte ficaria em seus produtos. O que, a longo prazo, pode ser uma quebra de negócio se você tentar vender sua arte para clientes. Um pequeno bônus se você apenas começar a fazer ilustrações e pais, é que ao ver sua arte em um maquete, você pode obter um pequeno impulso de confiança como ele realmente pode sentir que seu padrão é impresso em um produto da vida real, que pode ser uma sensação muito legal se você não viu isso antes. Qual é a diferença entre as maquetes prontas e as que você faz? Bem, pronto são só isso. Eles são arquivos PSD preparados que você baixar e, em seguida, colocar sua arte em. Eles são muitas vezes super fáceis e bastante rápidos de usar. Mas, no lado negativo, os de alta qualidade geralmente custam um pouco de dinheiro. Há alguns bons de graça, mas é bastante demorado encontrá-los, e geralmente é difícil encontrar modelos gratuitos para todos os tipos de produtos. Passei muito tempo pesquisando grátis para usar modelos prontos. Eu tenho algumas dicas sobre onde encontrá-los e como saber que eles são de alta qualidade. Vou compartilhar isso mais tarde na aula. Vamos falar sobre fazer suas próprias maquetes, que é o foco desta aula. Ele definitivamente tem suas vantagens para ser capaz de fazer suas próprias maquetes. Você pode usar fotos stock grátis, o que significa que você não precisa pagar nada para fazer uma maquete. Você pode fazer aqueles únicos que ninguém mais usa, e você pode fazer alguns modelos de estilo de vida realmente agradáveis com fotos que estão mais em ação do que normalmente os modelos prontos estão. Você pode, é claro, também comprar fotos de estoque e fazer maquetes deles. Nesse caso, não é livre. Mas se você não encontrar uma marcação pronta ou uma foto gratuita que se adapte às suas necessidades. Comprar uma foto stock pode ser uma boa escolha. Outra opção é tirar suas próprias fotos e fazer maquetes deles, que é uma coisa super legal se você é bom com a câmera. Eu acho que a parte mais difícil de fazer suas próprias maquetes é encontrar ótimas fotos para usar, porque não é toda foto que vai fazer uma boa maquete. Vamos passar pelo que você deve procurar ao procurar fotos e como saber se uma foto faz uma boa maquete mais tarde nesta aula. Pessoalmente, uso ambos os modelos prontos e faço o meu próprio. Tenho uma grande biblioteca de arquivos que construí por alguns anos. Com tudo, desde grátis a pago, pronto, e os que eu mesmo fiz usando fotos. Quando eu crio novos padrões, eu uso muitas maquetes para mim para obter um bom visual de como um padrão ou coleção ficaria em um determinado produto. Se você está me seguindo no Instagram, você provavelmente notou que eu compartilho minhas maquetes lá bem
como no meu livro de look e no meu site, tudo para mostrar meus padrões.
3. Seu projeto: O projeto da classe é fazer uma maquete usando uma das fotos gratuitas que estão vinculadas na descrição. Ou, claro, todos eles se você quiser praticar. A aula é construída para que possamos começar com as técnicas mais fáceis e continuar avançando para cada lição. Eu encorajo você a experimentar todas as técnicas que eu lhe ensino nesta aula, então você pode ver por si mesmo a diferença que os detalhes fazem, que você mais tarde possa decidir quão detalhado você quer trabalhar com suas próprias maquetes. Basicamente, quanto mais você trabalha com os detalhes, melhor será a maquete. As fotos que usaremos nesta aula são gratuitas para fins comerciais e não comerciais. Você pode baixá-los na aula através dos links na descrição. Você pode optar por trabalhar com sua própria arte ou com meu padrão original que você pode baixar na sala de aula. E se você tiver alguma dúvida, sinta-se à vontade para perguntar na página da comunidade.
4. Onde e como encontrar fotos: Então, a parte mais difícil de fazer suas próprias maquetes geralmente é encontrar ótimas fotos. Existem muitos sites onde você pode encontrar fotos que são gratuitas para uso tanto para fins comerciais quanto não-comerciais. Eu tenho alguns sites favoritos que eu uso, e eu vou compartilhá-los com você nesta lição. Vamos começar com as fotos grátis. Os sites que eu uso mais, e recomendo estão em splash e pixels. As fotos são realmente de alta qualidade, e os sites são fáceis de usar. Suas fotos são gratuitas para uso comercial e não comercial e nenhuma atribuição é necessária. Para fotos pagas, gosto de fotos da iStock, criar o mercado e Getty Images. Na verdade, eu não comprei muitas fotos para usar em maquetes. Só um ou dois. Se eu pagar, eu costumo pagar por maquetas prontas, que eu sei que são de produtores de alta qualidade. Então, quando você escolhe uma foto, você precisa procurar alguns detalhes que
permitem que você saiba se ele vai fazer uma grande maquete ou não. Verifique os seguintes recursos na foto. Um. Objeto de cor. O objeto na foto que você deseja colocar seu octógono precisa estar em uma cor, não padrão. O melhor é encontrar objetos brancos padrões de luz e objetos pretos para padrões escuros. No entanto, você pode alterar a cor do objeto, sobre o
qual você aprenderá mais adiante nesta classe. Foto afiada. Como sua arte é nítida, a foto precisa ser nítida. Caso contrário, ele parecerá irrealista quando você colocar seu trabalho artístico nítido em uma foto não nítida ou desfocada. Textura. Uma maquete fica melhor se o objeto tiver alguma textura e não for completamente plano. Não muitos detalhes.As melhores fotos são quando o objeto está livre de detalhes. O que quero dizer é, por exemplo, sem cabelo no caminho, ou outras coisas que você pode precisar para trabalhar muito detalhado em torno de fazer com que pareça bom. Você pode, claro, optar por fazer isso se quiser, mas para mim, eu acho que é muito demorado, e o resultado pode nem sempre parecer bom, e natural no final. Relâmpago e cores. Uma boa foto tem até relâmpagos, e cores agradáveis e atraentes. Nem todas as obras de arte ficarão bem em todas as fotos, dependendo das cores da foto e das cores da arte. Você obterá o melhor resultado se você combinar as cores na foto com as cores em seu padrão, sobre as
quais falaremos mais tarde na aula.
5. Prepare sua arte: A primeira coisa que você precisa fazer se você estiver usando sua própria arte para esta classe é preparar seu arquivo para que você possa colocá-lo em uma maquete. Vou passar por como você faz isso com um padrão feito no Adobe Illustrator. Se você estiver usando meu padrão original, os arquivos de exemplo anexados na classe, você pode simplesmente passar para a próxima lição. A primeira coisa que fazemos é abrir a foto que você está fazendo uma maquete e fazer um retângulo que cobre o objeto onde você vai colocar sua arte. Eu faço um quadrado para cobrir o travesseiro onde eu vou colocar meu padrão mais tarde. Copie o quadrado com o comando C no Photoshop. Em seguida, vamos para o Illustrator e o arquivo em que você tem a arte. Pressione “Command V” e cole o quadrado. Escolha “Forma composta”. Agora, você tem um quadrado com o tamanho certo, modo que o arquivo JPEG que vamos criar é o tamanho correto para preencher o objeto em sua maquete. Preencha o quadrado com seu padrão ou a arte que você usará. Então você pode querer salvar duas escalas diferentes do padrão. Vá para “Objetos” e “Transformar” e “Escala”. Talvez reduzir a escala para um dos padrões para 50%. Isso é totalmente opcional, é apenas para que você possa experimentar mais tarde com escalas de sua arte quando estamos fazendo a maquete. Às vezes eu sinto que é muito melhor ter tudo preparado antes de começar com uma maquete que eu não precise voltar ao Illustrator uma e
outra vez para fazer edições e novos arquivos JPEG. Em seguida, abra a ferramenta de exportação de ativos
no painel direito da ferramenta ou, se você não a vir lá, vá para Janela e clique em “Exportação de ativos”. No menu, selecione “Configurações de formato” para fazer as configurações antes de exportar. Aqui, eu uso JPEG 100, escolher linha de base, otimizado e anti-alias arte otimizado. Se você está fazendo padrões e já teve um problema com linhas brancas em seus padrões, esta é uma das soluções que são usadas para remover as linhas brancas para salvar arquivos como arte otimizada. Vou te mostrar o que quero dizer. Se você simplesmente copiar o padrão do Illustrator e colá-lo no Photoshop, como fazemos aqui, muitas vezes você obterá essas linhas brancas. Sei que tem algo a ver com anti-alias, mas não sei exatamente por que eles existem. Mas o que eu sei é que eles podem ser realmente irritantes e eles vão imprimir, se você salvar um JPEG com linhas brancas e enviá-lo para uma impressora. O que você precisa fazer para remover as linhas brancas é o mesmo para JPEG como arte otimizada. Você pode ver que quando coloco meu JPEG no Photoshop, em vez de apenas copiar o padrão do Illustrator, as linhas brancas desapareceram. Mesmo que eu guarde isso, para colocá-lo em uma maquete, você verá que não há mais linhas brancas no travesseiro. Vamos voltar ao ilustrador e salvar nossos arquivos como JPEGs otimizados para arte. Primeiro, arraste os dois quadrados para a ferramenta de exportação de ativos. Você pode renomear seus arquivos para talvez pequenos e grandes. Em seguida, selecione ambos. Certifique-se de que você tem o formato JPEG 100 escolhido e eu uso escala um e sufixo menos 100. Quando você fez suas configurações, clique em “Exportar” e escolha onde deseja salvar o arquivo. Agora, você tem dois JPEGs com seu trabalho artístico em duas escalas diferentes que você pode experimentar nesta classe. Se você quiser usar minha arte, eu anexei três maneiras de cores diferentes do
meu padrão de listras simples e todos eles têm duas escalas diferentes. Principalmente eu vou usar os grandes escalas nesta classe, mas eu anexei uma escala menor também, que você possa experimentar por si mesmo e ver o que você prefere. Agora você tem tudo pronto para se juntar a mim e fazer as maquetes ao meu lado enquanto você assiste a aula.
6. Posicionamento simples: Se você tem tudo definido, ou fez JPEGs de sua própria arte ou baixou minha arte desta classe, então estamos prontos para ir. Vamos começar com o básico nesta lição. Como criar uma maquete a partir de uma foto, com apenas uma colocação simples e alguns ajustes simples para torná-la realista. Vamos começar com a foto do quarto, onde colocaremos nossa arte na roupa de cama. Abra a foto no Photoshop. A primeira coisa que vamos fazer é remover o pequeno bloqueio na camada, apenas clicando uma vez sobre ele. Em seguida, selecionaremos a área da foto onde colocaremos nossa arte. Começaremos com um travesseiro aqui. Existem várias maneiras de fazer isso. Estou usando a Ferramenta de Laço Magnético. Acho que é tão rápido e fácil de usar. Estou apenas clicando uma vez e vamos começar no final do travesseiro, apenas movendo-se ao longo das bordas para fazer todo o travesseiro uma seleção. Não importa se é uma seleção perfeita em torno das bordas porque podemos corrigir isso mais tarde. Vá para selecionar, salvar a seleção
e, em seguida, você pode digitar o travesseiro. Eu costumo salvar minhas seleções porque pode ser tão frustrante voltar e fazê-lo novamente e novamente se você perdê-lo. Você deve ter adivinhado que eu aprendi isso da maneira mais difícil. Em seguida, colocaremos nosso padrão em cima do travesseiro. Para fazer isso, costumo arrastar meu arquivo JPEG da pasta para o Photoshop. Vou usar o marrom grande para isso. Redimensione-o para que cubra o travesseiro. A única coisa que importa aqui é que cobre todo o travesseiro. Talvez algo assim. Em seguida, clique em “Enter” para colocar seu trabalho artístico. Então vamos fazer um objeto inteligente de nossa obra de arte. A razão pela qual fazemos isso, é para que possamos reutilizar a maquete uma e outra vez. Eu mostro-te isto mais tarde. Por enquanto, vá para o menu no painel de camadas. Certifique-se de ter seus objetos selecionados e clique em converter em objeto inteligente. Você não pode realmente ver que algo acontece, mas você só tem que confiar em mim desta vez. Quando você criou uma camada de objeto inteligente, escolha a seleção que você salvou, vá para selecionar, carregue seleção e escolha travesseiro e clique em “Ok”. Agora temos a seleção em nossa camada de objeto. Estamos muito perto de colocar nosso padrão no travesseiro. Clique no pequeno retângulo com o círculo no painel de camadas para adicionar uma máscara de camada. Eu acho que você pode dizer que isso corta a seleção de seu trabalho artístico. Como você pode ver, parece meio plano e não misturado em uma foto. Certifique-se de que você tem a máscara de camada selecionada e vá para o modo de mesclagem e mude de normal para multiplicar. Agora, isso já parece muito bom, não é? Temos mais alguns detalhes para corrigir antes que pareça ótimo. Se você olhar para as bordas, você pode ver que elas podem não ser perfeitas. O padrão pode estar caindo ou talvez não cubra todo o travesseiro. Para corrigir isso, certifique-se de que máscara de camada está selecionada e, em seguida, use a ferramenta Pincel. Selecione o tamanho e a dureza. Eu uso dureza 100 por cento e tamanho 43 pixels aqui. Escolha preto como cor de primeiro plano se quiser apagar o trabalho artístico. Então eu vou remover isso que está fora da borda do travesseiro. Aqui você pode ver que a obra de arte está faltando no travesseiro. Em seguida, você pode escolher o branco como a cor do primeiro plano e adicionar o trabalho artístico na máscara de camada com a ferramenta Pincel e o branco selecionado. Estou passando por todas as bordas do travesseiro para ver onde preciso preencher ou remover meu padrão da máscara de camada. Estou usando a ferramenta de pincel, estou desenhando em uma máscara de camada com preto para remover o padrão e branco para adicionar o padrão. Ao corrigir as bordas do travesseiro, selecione o objeto em vez da máscara de camada no painel de camadas e vá para filtrar, desfoque e desfoque gaussiano. Clique nos pequenos livros de pré-visualização. Eu não sei se você vê claramente aqui na minha tela, mas você deveria ver na sua. Um pouco de desfoque é adicionado ao trabalho artístico. Dê uma chance e veja quanto desfoque você gostaria de adicionar. O que procuramos aqui é fazer com que o padrão pareça realista na foto. Eu uso 0,4 pixels e basta clicar em “Ok”. Adicionamos um pouco de borrão gaussiano. O último passo, é borrar as bordas, apenas um pouco para torná-lo ainda mais realista. Escolha a ferramenta de desfoque no painel esquerdo da ferramenta. Em seguida, verifico se minha máscara de camada está selecionada no painel de camadas. Estou tirando o tamanho e a dureza do pincel um pouco, antes de clicar e arrastar ao redor das bordas do travesseiro. Eu só quero borrar um pouco aqui ao redor das bordas porque, como você pode ver na foto, o travesseiro é realmente um pouco desfocado. O que queremos fazer é combinar e misturar nossa arte com a foto original. Quando você borrou as bordas e você está feliz com isso, você é realmente feito com a criação de sua primeira maquete a partir de uma foto. Este é o básico,
um simples posicionamento de sua arte e alguns pequenos ajustes para torná-lo realista. Vamos dar uma olhada rápida em como você coloca outro padrão nesta maquete. É por isso que demos o primeiro passo na lição. Criou uma camada de objeto inteligente do seu trabalho artístico. Toque duas vezes em sua camada de objeto inteligente com seu trabalho artístico. Aqui tens a tua obra de arte. A grande coisa é que você pode colar outro padrão aqui e salvá-lo e ele irá mostrar diretamente na maquete, incluindo todos os ajustes que você fez anteriormente. Estou usando o padrão de listras azuis aqui. Arrastando o JPEG para o Photoshop, pressione o comando para salvar
e, em seguida, volte para o nosso arquivo de maquete para ver se o travesseiro agora está coberto pelo novo padrão. Que incrível, não é? Você também pode voltar para o smart ou declave e tentar diferentes escalas do padrão, para ver como isso mudaria o olhar em sua maquete. A última coisa que você precisa fazer, é salvar isso como um arquivo PSD. Dessa forma, você pode simplesmente abrir seu arquivo e as camadas estarão lá. Você pode reutilizar a maquete uma e outra vez com novos padrões, colocando-os na camada de objeto inteligente. Aí está você. Você acabou de fazer uma simples maquete de posicionamento que você pode usar uma e outra vez para mostrar seu trabalho artístico.
7. Perspectiva e textura: Em algumas fotos que você encontrar, eu quero fazer uma maquete de. O objeto pode ter uma perspectiva, o que significa que, se você colocar sua arte simplesmente plana em uma foto, ela parecerá irrealista. Nesta aula, eu vou orientá-lo através de alguns passos que vão se misturar em sua arte em um objeto em perspectiva. No final desta lição, nós também adicionaremos outra técnica para fazer sua mistura de padrões ainda mais na foto, e essa técnica é chamada deslocar Filtro. Mas primeiro, vamos abrir nossa maquete de quarto, e desta vez vamos adicionar nossa arte na capa. Eu realmente não me lembro como é chamado esta parte da cama, mas eu estou chamando isso de capa nesta lição. A capa tem um pouco de perspectiva, você pode ver que ele se inclina para a sala. A primeira coisa que faremos é organizar um pouco o arquivo, renomear a camada de mock-up de travesseiro para Pillow, e nomear a camada de fundo apenas para Fundo. Para começar, faremos os mesmos primeiros passos que fizemos no travesseiro. Selecione a tampa com a ferramenta de laço magnético
e, como da última vez, ela não precisa ser uma seleção perfeita. Podemos ir lá e consertar as bordas mais tarde. Basta arrastar e selecionar a capa
e, quando terminar,
vá para “Selecionar”, salve a seleção e dê o nome de Capa. próximo passo é colocar seu arquivo JPEG com seu trabalho artístico. Para adicionar seu arquivo JPEG, arraste o arquivo, e eu vou colocar o padrão de listras grandes marrom
mais uma vez e colocá-lo sobre a capa. Você pode desligar o símbolo dos olhos nas camadas de travesseiro para que possamos ver
claramente onde estamos colocando nosso padrão na capa. Agora, faça essa camada para uma camada de objeto inteligente e, em seguida, renomeie a camada para Capa. Bem, é hora de colocar esse padrão em uma perspectiva para que ele combine com a capa. Ir para editar e distorcer perspectiva. Clique e arraste sobre a área que você deseja criar em perspectiva. Estou arrastando meu padrão aqui. Depois de escolher a área, vá para o topo, para painel e escolha “Deformar”. Aqui está um pequeno truque para alterar o modo de mesclagem de camadas para multiplicar que você possa ver o padrão e a capa ao fazer as alterações na perspectiva. O que fazemos agora é arrastar os pinos, os cantos do quadrado, para manipular a perspectiva do nosso trabalho artístico. Eu só estou me movendo pelas curvas até eu obter um resultado final que eu acho que vai ficar bom. Talvez algo assim. Quando terminar, seleciono a ferramenta de movimentação e clique em “Aplicar”. próximo passo é escolher sua seleção, ir para “Selecionar”, “Carregar seleção” e escolher Capa. Assim que tiver sua seleção, você poderá criar uma máscara de camada no painel de camadas. Agora você tem seu padrão em uma perspectiva na capa. Eu acho isso tão incrível. Para comparar, eu fiz uma camada aqui sem a perspectiva. Como você pode ver, a diferença é enorme como quão realista este look mock-up se você colocar o padrão em uma perspectiva ou se você apenas colocá-lo plano. Eu só vou jogar fora a camada de amostra, e vamos continuar com alguns ajustes para torná-la ainda mais realista. Agora podemos fazer o mesmo que fizemos com o travesseiro, podemos ir sobre as bordas selecionando a máscara de camada e usar a ferramenta de pincel, desenhar com preto para remover o padrão e com branco para adicionar o padrão na máscara de camada. Quando estiver satisfeito com as bordas, vá para “Filtro”, “Desfoque” e “Desfoque gaussiano” para adicionar o desfoque geral à capa. Em seguida, escolha a ferramenta de desfoque e passe pelas bordas da tampa. A última coisa que faremos para tornar isso ainda mais realista é adicionar uma nova técnica, o filtro deslocado. O filtro de deslocamento fará com que o padrão se mova com a textura e as dobras da tampa de uma maneira mais realista. Basta seguir e você verá no resultado final, o que eu quero dizer. A primeira coisa que precisamos fazer é fazer uma foto em preto e branco do arquivo original. Abra o JPEG original no Photoshop e clique em “Painel de ajuste” na saturação de
matiz e arraste
a saturação para que a foto fique em preto e branco. Em seguida, salve a foto como um arquivo PSD, e eu vou nomeá-lo deslocar. Então o que vamos fazer é colocar este filtro de deslocamento. Primeiro, certifique-se de que sua camada de objeto inteligente está selecionada. Em seguida, vá para “Filtro”, “Distorcer” e “Deslocar”. Escolha “Tile” e “Wrap around”, nas configurações e clique em “Ok”. Então você escolhe sua foto em preto e branco e abre. Se ampliarmos aqui agora, você pode ver que o padrão se moveu em torno das dobras
na capa e tem eu acho que você pode dizer adaptado à textura na capa. Agora você pode fazer o mesmo com a camada de travesseiro. Selecione a camada de objeto inteligente, vá para “Filtro”, “Distorcer” e “Deslocar”. Escolha “Envolver” e “Tile” e sua imagem em preto e branco. Agora terminamos com isso, um pouco mais avançado maquete. Você colocou sua arte em uma perspectiva e também aprendeu a fazer um filtro de deslocamento, que faz com que o padrão se mova ao redor da textura e das dobras e os movimentos do objeto em uma foto. Salve o arquivo como um arquivo PSD para que você possa
usá-lo repetidamente com novos padrões e arte. Uma vez que você terminar, juntou-se a mim na próxima lição, onde vamos mergulhar no que fazer se você encontrar uma grande foto, mas o objeto que você quer colocar sua arte em é outra cor que o preto ou branco.
8. Mudar a cor de um objeto: Às vezes, você encontra uma ótima foto, mas a cor do objeto no qual deseja colocar sua arte não é clara. Esta foto do bebê é um ótimo exemplo. É assim que vamos olhar se você tentar colocar sua obra de arte na roupa do bebê sem mudar as cores. Basicamente, não tão bom. Para poder usar esta foto, você precisa mudar a cor do objeto antes de fazer uma maquete dele. Nesta lição, vou mostrar-lhe como fazer isso, bem
como como como ajustar a arte para que pareça que está se movendo com roupa, em vez de ser apenas uma obra de arte plana colocada em uma foto. Você verá o que quero dizer mais tarde nesta lição. Abra a foto do bebê e vamos começar mudando a cor do objeto. Começaremos da mesma forma que as lições anteriores. Selecione a Ferramenta Laço Magnético e faça uma seleção em torno do macacão. Eu não sei se isso é realmente chamado de macacão, mas vamos chamá-lo assim nesta aula. Estou usando a Ferramenta de Laço Magnético, eu clico uma vez e, em seguida, arraste ao longo das bordas. Se eu cometer um erro, eu sempre posso apertar a tecla de trás uma vez para voltar um ponto na minha seleção. Aqui eu cometi um pequeno erro. Eu só vou escolher o adicionar à seleção na barra de ferramentas superior e continuar a mover-se ao redor do macacão com a Ferramenta de Laço Magnético e adicionar à seleção para escolher o macacão inteiro na minha seleção. Quando você fez toda a seleção, salve-a indo para selecionar, salvar seleção e nomeá-la como macacão. Em seguida, vamos para o menu do painel
Camadas e duplicar a camada apenas no caso de você cometer algum erro, que você ainda tenha o arquivo original para se referir novamente. Vou apenas renomear as camadas para original e de fundo. próximo passo é carregar sua seleção e clicar em criar nova camada de sensação ou ajuste na parte inferior do painel Camadas. Infelizmente, você não pode ver isso na minha tela, mas eu clico no mapa gradiente aqui. Clique na cor para editar o gradiente e escolha um gradiente preto a branco. Você pode experimentar com o quanto branco e preto você quer um gradiente. Basicamente, quanto mais branco você escolher, mais branco para objeto vai ficar. Então eu vou dizer que você quer ter o máximo de
branco que puder sem perder todas as sombras, que é o que o preto representa. Quando você estiver satisfeito com o resultado, clique em Ok
e, como você pode ver, tudo na sua seleção será incluído na máscara de gradiente. Você provavelmente ainda quer ter os padrões marrom aqui como é na imagem original. Portanto, selecione a ferramenta de pincel e um pincel de tamanho menor e preto como cor de primeiro plano. Em seguida, desenhar com eles, ferramenta de
pincel sobre os padrões para removê-los da máscara e seleção. Agora mudamos a cor do objeto e podemos continuar com a colocação da nossa arte. Desta vez, acho que vou experimentar listras marrons pequenas. Então eu arrasto o JPEG no Photoshop, redimensione-o para caber no macacão e apertei Enter para colocá-lo. Renomeio a camada para macacão
e, em seguida, converto-a em uma camada de objeto inteligente, no menu do painel Camadas. Carregue a seleção e faça uma máscara de camada para cortar a seleção do trabalho artístico, altere o modo de mesclagem para multiplicar. Agora eu posso ver que eu não estou super feliz com o gradiente. Então eu volto para o mapa gradiente e escolho uma cor cinza em vez do preto, que tornará o macacão inteiro um pouco mais leve. Eu realmente não gosto das pequenas listras neste mock-ups,
então eu apenas clicar duas vezes na minha camada de objeto inteligente e colocar a grande faixa marrom em vez disso. Pressione o comando S para salvar, e então eu volto para editar a maquete um pouco mais. Vamos rever os detalhes. Primeiro, conserte as bordas. Minhas bordas realmente parecem boas aqui. Então eu não preciso consertá-los. Mas se você fizer isso, certifique-se de que a máscara de camada está selecionada, vá para a ferramenta Pincel e use a cor preta para remover um trabalho artístico e branco para adicionar o trabalho artístico à máscara, assim como fizemos nas lições anteriores. O que eu vou fazer aqui é selecionar a ferramenta de desfoque e desfocar isso apenas um pouco. Eu só estou me movendo por cima das minhas bordas para deixá-las um pouco mais embaçadas. Em seguida, eu seleciono a camada de objeto inteligente, e eu vou para filtro de desfoque e desfoque gaussiano para adicionar um pouco de desfoque geral. Minhas configurações são 0.3. pixels aqui. Então acho que quero aumentar um pouco o padrão. Eu clique duas vezes na camada de objeto inteligente e escalo o padrão e aperto Command S para salvar. A próxima coisa que faremos é tentar adicionar um pouco de textura à obra de arte, como parece, o tecido na foto original tem um pouco de textura. Nosso objetivo com maquetes é sempre fazer a arte se misturar o máximo possível na foto original. Vá para filtrar, filtrar galeria, escolher textura e texturizador selecione Canvas, e eu uso 52 por cento escala e relevo um. Bata, ok. Vamos dar uma olhada. Isso parece muito bom, não é? A última coisa que faremos é talvez a mais importante para fazer a maquete parecer o mais realista possível. Se você der uma olhada no macacão e sua arte, você pode ver que nossa arte parece plana em cima desse macacão, e gostaríamos muito que a arte se ajuste aos movimentos no tecido. Para fazer isso, desvincule a camada de objeto inteligente e a máscara de camada clicando no pequeno símbolo de cadeia. Em seguida, selecione a camada de objeto inteligente e vá para editar, transformar e deformar. Agora arraste nos pontos e nas alças e tente fazer o padrão se mover em ajuste com o movimento no tecido. Você pode realmente experimentar aqui e se mover e ver o que parece bom e não. Quando estiver satisfeito com os resultados, você pode clicar em mover para, para salvar as alterações. Vamos dar uma olhada na diferença sem e com o trabalho. Isso é realmente mudanças detalhadas, mas faz muita diferença
no resultado final, na medida em que a maquete vai parecer realista. Então esse foi o último detalhe a corrigir nesta maquete, e terminamos com isso. Nós mudamos a cor do objeto usando mapa gradiente. Adicionamos tomadas devido ao trabalho artístico e usamos a ferramenta de distorção para fazer o padrão se mover em ajuste com o movimento na tela. Agora, todos esses passos podem parecer técnicos e complicados no início, e pode ser preciso um pouco de prática para conseguir uma folga. Mas eu prometi que quando você fizer isso algumas vezes, vai ficar muito mais fácil, e basicamente, são apenas alguns passos que você precisa aprender para fazer uma maquete parecer tão realista. Se você está acabado e feliz com o resultado, vamos para a próxima lição, onde vamos praticar na edição da foto original apenas um pouco, e falar um pouco mais sobre como as cores
da foto e o trabalho artístico afeta o descuido da sua maquete.
9. Editar a foto e combinar as cores.: Nesta lição, vamos fazer algumas pequenas edições na foto original, e também vamos falar um pouco mais sobre como as cores em uma foto e sua arte afeta o resultado final. Vamos abrir a foto com a prancha de surf e começar com a edição. Nesta foto, talvez você queira remover o texto em uma pasta, pois ele pode parecer um pouco irrealista quando você coloca a arte em cima do texto. Você pode editar isso com muitas ferramentas diferentes no Photoshop. Vou usar minha nova ferramenta favorita para isso, que é a ferramenta Pincel de cura de pontos” e eu apenas clicar e arrastar sobre o texto e vê-lo desaparecer magicamente. Quão incrível é isso? Na maioria das vezes, a ferramenta de pincel de cura de pontos funciona perfeitamente para minhas necessidades de edição de pontos e detalhes em fotos. Talvez eu queira remover essa coisinha preta na parte de trás do tabuleiro também. Quando eu terminar, vou salvar isso como um arquivo JPEG e
nomear o número dois e salvá-lo com grande resolução e arte otimizado. Em seguida, abra o novo arquivo JPEG, e este é o que vamos começar a fazer a nossa maquete. Basicamente, fazemos as edições na foto original, e então salvamos isso como um novo arquivo e abrimos o novo arquivo para começar a fazer a maquete. Vamos começar fazendo uma seleção da prancha de surf. Escolha a “Ferramenta de Laço Magnético” e faça uma seleção da parte de trás do tabuleiro. Aqui eu uso a ferramenta adicionar à seleção e remover da seleção
na barra de ferramentas superior com essa ferramenta laser para fazer a seleção perfeita em torno das bordas. Quando eu terminar com a parte de trás do tabuleiro, eu escolho adicionar à opção de seleção e adicionar a frente do tabuleiro para a mesma seleção. Quando você tiver a frente e a parte de trás do tabuleiro em sua seleção, salve a seleção. Vá para “Selecionar”, “Salvar seleção” e estou nomeando minha seleção para prancha de surf. Se você olhar de perto, você verá que a prancha é um pouco amarela, então eu vou mudar a cor dela apenas um pouco e reduzir a saturação para torná-la mais branca. Então eu clico em “Matiz, Saturação” no painel de ajuste e retiro a saturação completamente, que basicamente tornará a placa preta e branca. Às vezes ele funciona apenas para derrubar a saturação do objeto e às vezes você precisa fazer um mapa de gradiente como fizemos na lição anterior. Eu acho que, como regra geral, você pode ter isso, mais branco o objeto é desde o início, mais provável é que você só precisa mudar
a saturação em vez de usar um mapa gradiente. Para mim, eu só acho que o ajuste de saturação é muito mais rápido e fácil, então se ele funciona na imagem, eu prefiro escolher esse. Em seguida, vamos mesclar essas camadas, então vá para o “Menu do Painel de Camadas” e “Mesclar Camadas”, e esta foi a última edição que fazemos para a foto original. Vamos colocar nossa obra de arte, eu vou experimentar o azul grande para isso. Arrastando o JPEG e eu acho que eu vou girar o meu como parece mais provável que o padrão
seria impresso nessa direção nesta prancha e ele vai apenas olhar muito melhor. Dimensioná-lo para que ele se encaixe na placa, pressione “Enter” para colocar e, em seguida, “Converter para objeto
inteligente” camada e renomear a camada para prancha de surf. Em seguida, vamos carregar nossa seleção, fazer uma máscara de camada e escolher “Multiplicar” como modo de mistura. Vamos adicionar um pouco de desfoque gaussiano, ir para “Filtro”, “Desfoque gaussiano” e minhas configurações são 0,5 pixels, pressione “OK”. Então vamos borrar um pouco as bordas com a ferramenta de desfoque, assim como fizemos nas lições anteriores. Escolha a ferramenta de desfoque e experimente um pouco com as configurações e clique e arraste ao redor das bordas para fazê-las misturar mais nesta foto. Algo que não falamos muito sobre nas lições anteriores, é como as cores da foto em combinação com as cores da sua arte, afeta o quão bom e realista uma maquete vai olhar. Basicamente, você deseja combinar as cores da foto com sua arte. Aqui você pode ver que, parece bem com este padrão azul, mas eu acho que este maquete ficaria ainda melhor com um padrão que tem cores mais quentes. Então vamos experimentar o padrão marrom e ver se você pode ver alguma mudança. Para mim, acho que esse padrão parece muito melhor nesta foto, pois a própria foto tem um brilho quente para ela. Experimente um pouco com isso em diferentes modelos e veja como a arte fica diferente
em diferentes modelos com base
nas cores da foto original e nas cores da sua arte. Eu diria que a maquete parecerá mais realista se você tentar combinar as cores da obra de arte com as cores na foto. Para fazer o próximo passo, vamos salvar este arquivo como um arquivo PSD e, em seguida, abrir o JPEG editado, aquele que nomeamos número dois. Vamos usá-lo para deslocar filtro novamente como
fizemos na maquete de perspectiva na lição anterior,
então tire a saturação da foto para torná-la preto e branco e, em seguida, eu salvá-lo como um arquivo PSD. Em seguida, certifique-se de que você tem a camada de objeto inteligente selecionada, vá para “Filtro”, “Distorcer e “Deslocar”, toque em bloco e envolva e pressione “OK” e escolha seu arquivo PSD preto e branco. Como você pode ver, a obra se moveu um pouco e adaptou aos movimentos e textura da prancha de surf, que fará com que pareça um pouco mais realista. Eu sinto que esta prancha ficará melhor com um padrão de grande escala, então eu toco duas vezes na camada de objeto inteligente e escalar o padrão. Aperte “Command S” e volte para a maquete. Em seguida, vamos ajustar o padrão um pouco para melhor ajuste à forma da placa, então desvincule as camadas, certifique-se de que você tem a camada de objeto inteligente selecionada e vá para “Editar”, “Transformar” e “Deformar”. Arraste os pontos e as alças para fazer o padrão se mover e ajustar o tabuleiro um pouco melhor. Com isso, eu costumo experimentar para ver o que ficaria bem em uma foto, talvez algo assim parecesse muito legal. Vamos dar uma olhada na diferença antes e depois da ferramenta de dobra. É uma grande diferença, não é? Eu acho que isso parece muito legal. Aí está, a maquete da prancha de surf está terminada. Usamos a ferramenta Pincel de cura de pontos, a ferramenta de desfoque, o desfoque
gaussiano, o filtro e a ferramenta de distorção. Vamos mergulhar na próxima lição, onde falaremos sobre o que fazer se sua arte tiver uma cor de fundo escura.
10. Trabalhos com fundo escuro.: Se você tiver um padrão ou arte com uma cor de fundo escura, ele não ficará bem se você colocá-lo em um objeto branco. Então, para isso, precisamos encontrar uma foto onde o objeto é preto, como nesta foto. Vamos começar fazendo uma seleção em torno do topo com a Ferramenta Laser Magnético, assim como fizemos nas lições anteriores. Não se esqueça de salvar sua seleção. Vá para selecionar “Salvar seleção” e nomeie-a como Topo e,
em seguida, coloque a arte. Vou usar o padrão preto aqui. Arraste o JPEG e carregue a seleção. Faça uma máscara de camada e, em seguida, chegaremos
à primeira coisa que é diferente das lições anteriores. Assim, podemos escolher o modo de mesclagem Multiplicar aqui, pois o trabalho artístico não os mostrará. Então, em vez de Multiplicar, vamos escolher Exclusão. Vou então escolher a ferramenta de pincel e corrigir as bordas e desenhar com cor preta para remover, e branco para adicionar o meu padrão na máscara de camada. Para que isso pareça o mais real possível, precisamos ser realmente detalhados com a ferramenta de escova ao redor das mãos e dos dedos aqui. próximo passo é adicionar um pouco de Borrão Gaussiano. Vou adicionar 0,5 pixels desfoque aqui. Em seguida, fazemos uma versão em preto e branco da foto original assim como fizemos nas lições anteriores e adicionaremos um filtro Deslocar. Então eu vou borrar as bordas com a ferramenta de desfoque e trabalhar realmente detalhado em torno das mãos e dos dedos e experimentar diferentes configurações com a ferramenta de desfoque para ver o que faz esta peça parecer o mais realista possível. Eu também vou usar a ferramenta de pincel e a máscara de camada e desenhar com preto e mudar o modo de mistura
para Multiplicar, para tentar adicionar um pouco de sombra onde o tecido encontra a mão no lado esquerdo da foto. Vamos trabalhar o padrão um pouco para que
pareça que ele se ajusta aos movimentos no tecido. Estou experimentando aqui e arrastando os pontos e as alças para ver o que pode parecer bom. Eu acho que eu realmente vou remover o filtro Deslocar neste um como
parece que ele não faz essa grande diferença e o tipo [inaudível] me dá o resultado que eu estou atrás. A última coisa que vou experimentar é adicionar um pouco de sombra
no canto esquerdo, pois parece que a área ao redor dessa mão parece um pouco irrealista. Então eu vou usar a ferramenta Gradiente e adicionar um gradiente radial suave que são cinza a cores transparentes. Vou mudar o modo de mesclagem para Multiplicar e arrastar para baixo a opacidade. Sim, eu gosto dos resultados, então eu vou manter essa pequena sombra na minha maquete. Agora esta maquete está terminada e na verdade é isso. Fizemos todas as diferentes maquetes nesta turma. Então, se você me acompanhou, ótimo trabalho. Se você encontrá-lo realmente técnico e difícil, dar-lhe um pouco de tempo e experimentar as diferentes técnicas algumas vezes. Depois de praticar um pouco e se sentir confortável fazendo suas próprias maquetes com todas essas técnicas, você pode basicamente fazer uma maquete de qualquer foto que você achar que tem as condições básicas certas. Então vamos para a próxima lição que é uma pequena lição bônus onde eu falo sobre maquetes prontas e onde encontrar os melhores.
11. Modelos prontos: Agora você sabe como fazer suas próprias maquetes. Se você quiser continuar explorando maquetes
por conta própria e dar uma olhada nas maquetes prontas. Tenho algumas dicas que tornarão mais fácil para você saber por onde começar. Acho que, no geral, a parte mais difícil das maquetes é encontrar as melhores. Como mencionei antes, passei uma enorme quantidade de tempo procurando boas maquetes em diferentes lugares, que me levou a reduzi-lo a alguns produtores que eu sei com certeza oferece alta qualidade. Às vezes eu ainda Google para modelos gratuitos para diversão, mas eu já construí uma grande biblioteca para usar. Passei o tempo necessário para ser capaz de usar prontas e fazer maquetes de alta qualidade. Meu site favorito absoluto para comprar mock ups são Creative Market, é tão fácil de usar e encontrar grandes lá. Os produtores que compro a maioria das minhas maquetes são Creatsy e Field Office Studio. Ambos têm maquetes de alta qualidade que você não vai se decepcionar. Eu também uso os sites Pixeden, Pixelbuddha e Mockup World. Todos esses sites têm ambos gratuitos e pagos para maquetes. Alguns dos melhores livres que eu tenho são desses três sites. Você também pode dar uma olhada em Dribbble, Behance e GraphicBurger, onde você pode encontrar alguns bons também. maquetes prontas são geralmente muito fáceis e rápidas de usar. Se você usar os arquivos de alta qualidade,
os arquivos de maquete que você baixar serão muito parecidos com os que criamos nesta classe. Haverá uma ou várias camadas de objetos inteligentes nas quais você colará no seu trabalho artístico. Às vezes, você pode até mudar a cor do plano de fundo ou os detalhes do objeto. A parte mais difícil de tudo é encontrar os grandes, especialmente os que são livres.
12. Obrigado!: A aula acabou e você
aprende tudo o que eu sei sobre fazer maquetes. Espero que tenha gostado de assistir a aula tanto quanto eu gostei de fazer isso. Eu realmente amei maquetes e eu acho que é uma ótima maneira de mostrar a obra de arte. Muito obrigado por fazer esta aula. Se você tiver alguma dúvida, pergunte a elas na página da comunidade e não deixe de compartilhar seu projeto da turma.