Vix Blog
No Result
View All Result
  • Economia
  • Educação
  • Segurança
  • Mundo
  • Negócios
  • Notícias
  • Tecnologia
  • DMCA
NEWSLETTER
  • Economia
  • Educação
  • Segurança
  • Mundo
  • Negócios
  • Notícias
  • Tecnologia
  • DMCA
No Result
View All Result
Vix Blog
No Result
View All Result
Home Segurança

Porquê fabricar uma maquete de tela no Photoshop

Carolina por Carolina
25 de março de 2022
Tempo de leitura:10min de leitura
0
Porquê fabricar uma maquete de tela no Photoshop

Muitos designers e artistas usam maquetes para exibir seus trabalhos. Neste tutorial de maquete de tela, você aprenderá porquê fabricar maquetes do zero usando objetos inteligentes e máscaras no Photoshop. É mais fácil do que você pensa. Vamos pular direto.

O que são maquetes e porquê elas funcionam?

Mockups são imagens que são formatadas de forma que você substitua secção da imagem pelo seu próprio design. Estes são frequentemente usados ​​para designs de telas, designs de embalagens ou roupas.

Você encontrará muitos modelos gratuitos de PSD online que você pode usar. Essas maquetes são fornecidas com uma foto ou até mesmo uma cena gerada por computador e completadas com uma categoria de objeto inteligente, que é porquê seu design pode ser aplicado à maquete.

O objeto inteligente manipula a perspectiva do seu design para que um design projecto possa ser deformado em qualquer superfície da foto, porquê uma tela de telefone ou uma camiseta. Você pode subtrair maquetes prontas com a categoria de objeto inteligente colocada no design, tudo o que você precisa fazer é juntar seu design e o objeto inteligente faz o resto para você.

Relacionado: Porquê usar o Adobe Camera RAW porquê um objeto inteligente no Photoshop

É muito simples fabricar o seu próprio e incluir uma categoria de objeto inteligente que funciona com sua foto e aprimora seus designs. Vamos iniciar com o tutorial.

1. Prepare sua foto


Foto de um laptop ao lado de uma planta e uma xícara de café com uma tela de computador sendo ela.

Você precisa iniciar com uma foto de subida qualidade de uma tela. Se você olhar através de sites de retrato, você notará que as imagens de telas têm poucas distrações em torno do objecto.

MAKEUSEO VÍDEO DO DIA

Considere a figura do seu design final que terminará na tela e certifique-se de que o restante da foto siga um tema semelhante. Se o seu design for feminino e ligeiro, estilize a foto com um pequeno vaso de flores ou tecido floral. Se o seu design for para um pregão de moca, inclua uma xícara de moca ao lado da tela na foto.

No universal, certifique-se de que haja um fundo limpo ao volta do objecto principal da sua foto (que será uma tela de qualquer tipo).

Você pode usar sua própria foto ou sites de procura porquê Unsplash ou Pixabay para o que você precisa. Se for necessário editar, agora é a hora de fazer isso.

2. Crie um objeto inteligente

Para fabricar sua maquete, comece abrindo sua foto da tela no Photoshop. Logo, precisamos fabricar um objeto inteligente. Para fazer isso, use o Instrumento Retângulo (você) e desenhe um retângulo grosseiro na tela da imagem. Escolha uma cor de preenchimento para o retângulo e remova o traço.


Captura de tela da página do Photoshop mostrando a criação do objeto inteligente.

No pintura Camadas, clique com o botão recta do mouse na categoria com seu retângulo e clique em Transmutar em objeto inteligente. A partir daqui, podemos transformar o objeto inteligente. Para vincular o Instrumento Transformar pressione [Cmd + T] no Mac e [Ctrl + T] no Windows.


Captura de tela da página do Photoshop mostrando a criação do objeto inteligente.

Com a utensílio Transform ligada, segure o Cmd (Mac) ou Ctrl (Windows) para insignificante e passe o cursor em um quina do retângulo até que ele se transforme em uma seta branca. Usando esta seta, clique e arraste cada quina do retângulo para os cantos da tela na foto.

Quando o retângulo estiver desempenado, clique duas vezes em qualquer lugar para empregar o efeito. Isso agora criou um objeto inteligente, que é para onde seu design irá.

3. Adicione uma máscara, se necessário

Se você tiver obstáculos adicionais em sua imagem, porquê a tela do laptop obstruindo a tela do computador em nossa imagem, você pode usar uma máscara de categoria para trabalhar com seu objeto inteligente.


Captura de tela no Photoshop mostrando o mascaramento de um objeto inteligente

Crie o objeto inteligente que cobre as obstruções usando as etapas na seção anterior. Em seguida, no pintura Camadas, clique em Fabricar máscara de categoria. Usando uma utensílio de seleção (eu), selecione tudo na foto, excluindo a tela onde ficará sua maquete.

Depois que todo o resto estiver selecionado, pressione o botão Excluir tecla no teclado. A miniatura da Máscara de Categoria em seu Quadro de Camadas mostrará uma forma branca onde a tela está e todo o resto ficará preto e mascarado.

4. Adicione seus designs

Depois de fabricar um objeto inteligente, é hora de juntar seu design à sua maquete.


Captura de tela mostrando botões de objetos inteligentes no painel de camadas

Abra o design solicitado no Photoshop e selecione tudo pressionando [Cmd + A] no Mac ou [Ctrl + A] no Windows. Copie a seleção e volte para a janela com seu design de maquete. Encontre a categoria que contém seu objeto inteligente e clique duas vezes na caixa de objeto inteligente no pintura Camadas. Isso abre o objeto inteligente em uma novidade janela.


Captura de tela do Smart-object-imagePhotoshop mostrando a imagem pronta para conversão de objeto inteligente.

Agora, você pode grudar seu design copiado anteriormente. Transforme o tamanho para que cubra todo o retângulo. Uma vez definido o tamanho, salve a imagem pressionando [Cmd + S] no Mac ou [Ctrl + S] no Windows. Saia da janela mal ela for salva.


Maquete concluída com duas telas de computador simuladas

Volte para a janela principal; você deve ver seu design de maquete concluído com sua novidade tela.

5. Torne-o realista

Você pode deixar sua maquete porquê está, mas para levar seu design para o próximo nível, você pode juntar clarão ou reflexos realistas à tela do computador, supra do seu objeto inteligente.

Para visualizar o clarão oriundo, use o Visibilidade botão na categoria de objeto inteligente. Veja porquê a luz incide na tela na foto original. Quando você liga a visibilidade, o clarão oriundo da tela desaparece e parece um pouco projecto.

Selecione a miniatura da máscara de categoria na categoria pretendida, clique com o botão recta do mouse e escolha Aditar máscara à seleção. Em seguida, adicione uma novidade categoria e clique no botão gradiente utensílio. Vamos usar um gradiente linear preto e branco, colocando o branco onde a luz atinge sua tela.


Maquete de uma tela de laptop e uma tela de computador

Com seu gradiente no lugar, altere o modo de mesclagem da categoria para Multiplicar. Isso dá o efeito polarizador do clarão da tela, o que torna sua maquete mais realista.

RELATED POSTS

7 maneiras de emendar a instrumento Windows Miracast quando ela funciona mal

Porquê enganar aplicativos para pensar que seu Android não está enraizado

Uma vez que usar gestos do mouse no Vivaldi para velejar mais rápido

Agora você tem um padrão completo que pode salvar porquê PSD para usar em vários designs no horizonte. Tudo o que você precisa fazer é modificar a imagem na categoria de objeto inteligente.

Relacionado: Porquê salvar imagens de subida qualidade no Photoshop

Crie seus próprios modelos de tela no Photoshop

Usar suas próprias fotos e designs de maquetes dá mais integridade ao seu trabalho e o separa de outros artistas. Ele adiciona um toque pessoal aos seus designs e oferece mais controle sobre o resultado final. Consulte levante guia simples para fabricar sua própria maquete de tela do zero.


Computador em uma mesa com um portfólio em exibição
Behance vs. Dribbble: qual plataforma é melhor para artistas?

Se você é um designer gráfico ou um artista, precisa de uma plataforma para mostrar seu trabalho. Cá, comparamos o Behance e o Dribbble.

Leia a seguir


Sobre o responsável

Ruby Helyer
(6 Artigos Publicados)

Ruby é escritora na categoria Criativa da MUO, com foco em ortografar sobre software de design. Tendo trabalhado porquê designer, ilustradora e fotógrafa, Ruby também é bacharel em Notícia Gráfica e rabi em Inglês com Escrita Criativa.

Mais de Ruby Helyer

Assine a nossa newsletter

Junte-se à nossa newsletter para dicas de tecnologia, análises, e-books gratuitos e ofertas exclusivas!

Clique cá para assinar

Novidades no seu e-mail!

Não enviamos spam! Leia mais em nossa Política de privacidade

Verifique sua caixa de entrada ou a pasta de spam para confirmar sua assinatura.

ShareTweetPin
Carolina

Carolina

Relacionado Posts

Segurança

7 maneiras de emendar a instrumento Windows Miracast quando ela funciona mal

24 de março de 2022
Porquê enganar aplicativos para pensar que seu Android não está enraizado
Segurança

Porquê enganar aplicativos para pensar que seu Android não está enraizado

24 de março de 2022
Porquê usar guias no Vivaldi para organizar sua navegação
Segurança

Uma vez que usar gestos do mouse no Vivaldi para velejar mais rápido

24 de março de 2022
Uma vez que trabalhar em mansão sem experiência
Segurança

Uma vez que trabalhar em mansão sem experiência

24 de março de 2022
O que é hash e porquê funciona?
Segurança

O que é hash e porquê funciona?

24 de março de 2022
Porquê emendar o erro “Vídeo indisponível” no Apple TV +
Segurança

Uma vez que ativar e personalizar legendas no Apple TV+

24 de março de 2022
Next Post
AirDrop não está funcionando?  Conserte-o rapidamente com estas 15 dicas

AirDrop não está funcionando? Conserte-o rapidamente com estas 15 dicas

9 maneiras pelas quais suas mensagens do WhatsApp podem ser hackeadas

9 maneiras pelas quais suas mensagens do WhatsApp podem ser hackeadas

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

No Result
View All Result

Últimas Notícias

7 maneiras de emendar a instrumento Windows Miracast quando ela funciona mal

24 de março de 2022
Porquê enganar aplicativos para pensar que seu Android não está enraizado

Porquê enganar aplicativos para pensar que seu Android não está enraizado

24 de março de 2022
Uma vez que parar de compartilhar recibos de leitura no iMessage

Uma vez que parar de compartilhar recibos de leitura no iMessage

24 de março de 2022
Porquê usar guias no Vivaldi para organizar sua navegação

Uma vez que usar gestos do mouse no Vivaldi para velejar mais rápido

24 de março de 2022
Uma vez que trabalhar em mansão sem experiência

Uma vez que trabalhar em mansão sem experiência

24 de março de 2022

Novidades no seu e-mail!

Não enviamos spam! Leia mais em nossa Política de privacidade

Verifique sua caixa de entrada ou a pasta de spam para confirmar sua assinatura.

Categorias

  • Entretenimento
  • Mundo
  • Segurança
Vix Blog

Somos entusiastas da tecnologia com a missão de ensinar ao mundo como usar e compreender a tecnologia em suas vidas.
SAIBA MAIS »

Entre em contato conosco enviando um e-mail para [email protected]

Posts recentes

  • 7 maneiras de emendar a instrumento Windows Miracast quando ela funciona mal
  • Porquê enganar aplicativos para pensar que seu Android não está enraizado
  • Uma vez que parar de compartilhar recibos de leitura no iMessage

Categorias

  • Entretenimento
  • Mundo
  • Segurança

Links Importantes

  • Quem Somos
  • Blog
  • Fale Conosco
  • Política de Privacidade
  • DMCA

© 2021 VixBlog - Notícias e dicas para o seu dia dia.

No Result
View All Result
  • Economia
  • Educação
  • Segurança
  • Mundo
  • Negócios
  • Notícias
  • Tecnologia
  • DMCA

© 2021 VixBlog - Notícias e dicas para o seu dia dia.