Como criar seus próprios mockups no Photoshop
ฝัง
- เผยแพร่เมื่อ 12 ต.ค. 2024
- Mockups são uma forma criativa e eficiente de apresentar seus projetos e conquistar seus clientes.
Já imaginou criar seus próprios mockups? Aprenda neste vídeo! Tudo o que você vai precisar é de um celular com câmera e um pouco de criatividade!
Link para o sorteio: clubedodesign.c...
Aprenda neste vídeo como criar seus próprios mockups utilizando recursos caseiros. Com recursos de edição do Photoshop, edite suas imagens e crie mockups que podem ser atualizados com apenas alguns cliques.
Isto graças ao uso de objetos inteligentes no Photoshop, que combinadas com camadas de ajustes lhe permitem criar resultados surpreendentes.
Legendas em português disponíveis. Ative nas configurações do player de vídeo.
► Nosso site: clubedodesign.com
► Fanpage: clubdode...
► Google+: goo.gl/AzDD8q
► Comunidade: goo.gl/VxnUi9
► Twitter: / clubedodesign
Eu vi críticas aqui sobre sua "falta de objetividade"
Cara não se preocupa..pq tipo obetividade não significa falar pouco. Objetividade significa você explicar muito em pouco tempo :)
Pra mim que não tenho conhecimento algum sobre o assunto além de você ser muito explicativo você foi bastante objetivo em tudo.
Parabéns pela dedicação a quem está aprendendo.
Quem exigiu objetividade realmente vai precisar estudar mais. afinal quem quer tudo mastigado não sabe nem como é morder e tão pouco o sabor.
Boa.
Eu estou começando a entender o photoshop e pra mim foi super bem explicado
Liut, acompanho o seu trabalho há muitos anos, quando o youtube ainda era puro mato, e você sempre fazendo excelentes postagens na internet, com todos os detalhes possíveis daquilo que queria passar. Sou muito grata pelo seu preciosíssimo trabalho ! Muito bom , muito ditático ! Primoroso! Grata
Muito obrigado
O melhor de todos que já assisti! Agora vai!!
É sempre um prazer assistir seus vídeos, só não aprende quem não quer mesmo.........
Abraço e obrigado pela partilha de conhecimento!!!
+Júlio Guerra Muito obrigado! :D
Muito obrigado! Sua metodologia é massa. Ganhou um inscrito
Você é excelente, simpático, competente e didático. Simplesmente adoro.
Nem terminei de assistir o vídeo, mas já estou dando like porque sua maneira de explicar é muito legal e com bastante clareza. Muito bom!
Maravilhoso, quem reclama do seu vídeo que aprenda sozinho, to aprendendo 3D, e queria aprender a deixar ele como mockup para vender, seu vídeo abriu minha mente, vlw demais
Que bom que curtiu Sirlei 🙂
SENSACIONAL!!! explicação e domínios IMPECAVEIS. Parabêns!!
Valeu Marcus!
Tutorial PERFEITO, parabéns pelo trabalho, me ajudou muito!!
+Caio Gomes obrigado! ;)
Entrei pra aprender uma coisa e acabei aprendendo 10, parabéns pela excelente explicação!
PERFEITO. Há muito tempo estava procurando como fazer isso. Obrigado
cara, seu canal é INCRÍVEL. muito obrigada, tem me ajudado muito!
vou estudar todos seus conteúdos, gostei muito e me deu um norte a seguir, sempre gostei dessa área mas nunca tive coragem de navegar a fundo e agora me deu coragem assistindo seu conteúdo! continue por favor. queria fazer um pedido, como desenhar objetos tipo... Diamante brilhante
Excelente aula! Hoje aprendi algo muito importante para apresentar e que pode fazer toda a diferença, obrigado.
+João Rico muito obrigado! :D
ótima explicação ... objetos planos seria um processo de certa forma simples de se fazer, agora a minha grande dificuldade está em fazer mockup em objetos cilíndricos como por exemplo copos long drink... esse sim merecia uma aula pq já procurei na net inteira e não acho nem pra comprar !!!!!
+Erick Moreira na verdade é mais simples do que parece. :D
É só usar uma parte do projeto, e usar o recuro Wrap para curvar como desejar. Farei algo do tipo sim.
Um abraço!
Super amei, tudo que estava precisando no momento. Muito obrigada
Muito top, há pouco tempo descobri sobre o mockup, e deu um Up em meus trabalhos....agora sabendo que eu mesmo posso fazer vai ficar melhor ainda....Muito obrigado pelas dicas....video compartilhado e curtido com sucesso! parabéns ao canal
+De tudo um pouco will valeeeu! :D
Clube do Design por nada ^^)
Olá! Obrigada pelo vídeo! Me ajudou muito para conseguir editar uma foto! Parabéns e ignore os comentários ridículos que não te agregam em nada aqui :)
Parabéns pelo tutorial!
Cara, apenas uma observação, o conta gotas do meio serve para ajustar o balanço de branco da foto através de um cinza 18%, ou seja, a melhor maneira de usá-lo é em um tom cinza da imagem, quanto mais próximo do cinza 18% mais fiéis serão as cores.
Abraços!
+Felipe Portella muito obrigado pela contribuição. :D
Muito bom, otima explicação simples de enter do jeito que voce esta explicando.
Obrigado Ary! 🙂
Ah se quiser você pode entrar na nossa comunidade do discord pra trocar uma ideia com a galera e tirar dúvidas também.
discord.com/invite/VP79Vft
Feliz Ano 2016, e agradeço todo o que aprendi com você até hoje.
+Eder Nabarro muito obrigado! :D
Tutorial maravilhoso, didático e claro. Muito obrigada! Agregou mais conhecimentos do que apenas criar seu próprio mockup.
Obrigadaa 💛
Parabéns pelo vídeo!! Me ajudou muito!
Olá Liute. É bom dizer também que pra ficar mais realista ainda, poderíamos pegar o reflexo na tela do tablet e jogá-lo acima da layer do objeto inteligente, diminuindo a opacidade e usando um blend-mode que se adeque. A maioria dos mockups de tela usam esse método de reflexo.
Sucesso!
+Neilton Silva isso mesmo! Bastaria fazer o recorte do reflexo, que neste exemplo está bem definido, ou recortar a forma da tela original e utilizar um blend-mode para misturar com a sua arte.
Um abraço!
Gente como alguém consegue dar deslike poxa! PARABÉNS PELO SEU TRABALHO!
Parabéns pela ótima informação de conteúdo, é sempre incrível ver alguém da nossa aréa com disposição em ajudar ao próximo. Parabéns pelo canal.Sucesso
Ótima vídeo aula. Espero evoluir bastante com ela. Obrigado!
+Milton Ksiazeki valeu! :D
Um abraço!
Tem muito babaca de merda aqui nos comentários falando que ele fala muito,,,e tal.....mas o Cristian dedica uma boa parte do seu tempo postando aulas "GRATUITAS" para nos ajudar.......Eu sou muito grato ao Cristian, pois com as aulas que ele posta "GRATUITAMENTE" e muito bem explicadas, com todos os detalhes, hoje trabalho como Designer profissionalmente ganhando meu salário e sem gastar nenhum centavo (que eu não tinha pra gastar).......Parabéns Cristian e muito obrigado.....
Nossa muito legal! Consegui entender e fazer um mockup bem legal.
EU TE AMO CARA!
+Luciana Ribeiro paga a pizza :D
Parabéns pelo seu objetivo de ajudar o próximo, muito bem explicado.
Parabéns pela aula e as explicações....Muito Bom...
+Eder Nabarro obrigado! ;)
Cara muito bom .... Queria manjar 10% do que você domina ....
Top da galaxia este video, valeu demais mesmo pelo esforço cara!!!
Parabéns Liute, mais uma aula show.
+Robert Alexsander muito obrigado! :D
Cara você e fera demais parabéns ajudou muitoo
Obrigado! :D
Muito bom mesmo!! parabéns você explica muito bem.
perfeito! muito obrigada. Consegui fazer um personalizado que precisava muito.
Muito obrigado amigo! eu fiz um projeto com uma foto pessoal baseado nisso que você ensinou, não ficou 100% bom mas aprendi muita coisa //
Many thanks friend! I made a project with a personal photo based on what you taught, it was not 100% good but I learned a lot
Muito obrigado! :D
Muito bem explicado e detalhado. Parabéns....
ótima aula, obrigado. Antes do fim do vídoe, já havia entendido como fazer, em imaginava que era tão simples
PERFEITO!!! Melhor explicação impossível !!!
Teria como auxiliar um Mockup de caneca? Como fazer o objeto inteligente em formato cilindrico???
Obrigado! Você pode usar Deformação para dar o formato, fica nas opções de transformação, logo abaixo da distorção.
Um abraço!
Cara tutorial sensacional, parabéns pelo trabalho!!
+Carlos Eduardo Santos Santiago muito obrigado! :D
Liute, mandou bem nesse tutorial. Parabéns!
Muito bom!
Parabéns! Obrigado por compartilhar suas habilidades!
+Lucas Martins muito obrigado! :D
parabéns pelo ótimo trabalho, cara!
show de bola!
+oliveranza muito obrigado! :D
Aula sensacional, aprendi muitas coisas.
Parabéns pelo conteúdo meu querido
QUE VÍDEO PERFEITO!!! OBRIGADO!!
Liute, tudo bem? boa noite...
bom, muito obrigado pelo vídeo, muito bacana mesmo... bom, eu estou precisando aprender a fazer e pelo vídeo parece ser muito fácil mesmo... só me perdi na hora de criar máscara, não entendi o por que de criar máscara, se era só para arredondar os cantos do quadrado ou se era para outro motivo... bom, se for para fazer os cantos arredondados não seria mais simples criar o quadrado fazer as bordas pouco arredondadas e só depois mudar ele para objeto inteligente? não precisaria de fazer máscaras...
uma outra dúvida seria que vc criou um objeto inteligente dentro de outro, tenho alguns mockups que não precisa de criar um dentro do outro, existe apenas o objeto no arquivo principal, insere a arte e salva. Bom sei que é da forma que vc faz e deixou claro.. só queria saber se é mais complicado, existe algum tipo de comando ou ação dentro do ps para fazer desta forma.
bom, muito obrigado mesmo, desejo sucesso e muito obrigado pelo aprendizado.... vou tentar com certeza rs...
+Gustavo Pires você pode criar o resultado de diversas formas diferentes, aliás, mencionei isso no vídeo. Você pode sim criar um retângulo arredondado, mas vai ter que usar clipping mask dentro do objeto inteligente pra que a imagem também fique com cantos arredondados.
excelente vídeo parabéns !!!
parabéns pelos vídeos , gostei . já vou praticar ....
mas tira uma dúvida ! ao salvar a imagem. em jpg qualidade 8 & 12 , da resultado diferente?
faz uma vídeo aula de exportar imagens. vários formatos em boa qualidade! obrigado
Muito bom, agora vai melhorar minhas apresentações. Fico muito agradecido.
+marco damasio que bom que ajudou!
Um abraço!
amei, aprendi varios passos que n sabia
Obrigado! :D
esse vídeo ajudou demais!!! obrigada
Que bom que ajudou
Muito bom! Vc explica muito bem!
Me ajudou demais. Grato!!!
+Sidinei Marcos muito obrigado! ;)
Clube do Design, faz um tutorial de como seria para criar mockups de camisetas... obrigada e parabéns pelo trabalho.
+Alexandra Produçao já temos um aí no canal. ;)
Procurei e não encontrei... por isso achei que não tivesse, vou procurar novamente :)
Muito bom vídeo!!! PARABÉNS!
Não tem um tutorial de Mockup de caneca? Gostaria de saber como fazer o efeito que envolve a imagem pra dar aquele efeito de "circunferência"
+Leila A o processo é o mesmo, mas na hora da distorção, além de usar o "distort" (distorcer), você precisará usar o Wrap (deformar). É só clicar com o botão direito e selecionar... é tão fácil que você saber de cara como usar o recurso.
Um abraço!
Obrigada!!! Vou tentar... valeu !
Foi uma ótima aula!
Obrigado! :D
Tutorial ótimo, me salvou.
Legendar está me ajudando muito. Obrigada, Liute! :D
Excelente videoaula! Muito bem explicado! Obrigada por compartilhar! Uma dúvida, pq tenho que criar um objeto inteligente com a minha imagem original? Não posso trabalhar diretamente na imagem original?
Você não tem, é apenas uma recomendação, já que trabalhando com objetos inteligentes o redimensionamento não faz a reamostragem dos pixels originais da imagem.
Entenda o seguinte: trabalhar com o Photoshop é trabalhar essencialmente com pixels. Quando você aumenta o diminui uma imagem, o Photoshop deliberadamente "joga fora" os pixels que ele não precisa. Mantendo em um objeto inteligente, ele joga fora os pixels da imagem que está usando no projeto, mas o arquivo original permanece intacto. Se precisar aumentar a imagem de novo para o tamanho original, por exemplo, o Photoshop terá de onde resgatar as informaçõe soriginais.
Clube do Design muito obrigada pela resposta! Assinei o canal e vou assistir outras videoaulas ! Muito bom!
Parabens pela explicação...
Olá, gostei muito do seu Vídeo está de Parabéns.
Cara estou apanhando para fazer um MockUp aqui rsrsrs.
Preciso fazer para colocar em uma imagem de Sk8, mais não sei se dá. Quero colocar a imagem da minha escolha dentro do formato do Sk8. Imagem reta planificada, assim que der um Ok. Ela se encaixa na figura do Sk8, dá para fazer isso?
+Paulo Maia você pode colocar uma imagem dentro de um texto usando clipping mask.
Ótima aula, vai me servir bastante!
+Rahfen obrigado!!!
Um abraço!
Me ajudou e muito. Muito obrigado ✌
Valeu! :D
muito boa ficou perfeito
Muito bom...tudo Bem explicado!!
ÓTIMO PROFESSOR MUITO GRATO .
+raul borges muito obrigado! :D
Adorei. Muito bom.👏👏👏
É nóis
Parabéns você é muito bom!
Muito bom meu amigo, vc é 10
Ótimo vídeo!
Seus vídeos são OTEMOS
+Regiane Dutra haha, muito obrigado!
luite... mto bom seus tutos... parabens... deixa eu te perguntar uma coisa... eu baixei um mockup de um folder com dobra paralela, e quando eu coloco a imagem do folder q eu fiz dentro do objeto inteligente pelo "PLACE EMBEDDED" e salvo para vizualizar o resultado, qdo eu dou zoom a qualidade fica boa....fica ótima...
mas a questao aqui é... eu utilizei somente os contornos do folder dobrado desse mesmo mockup, e ao inves de eu usar os objetos inteligentes que veio no arquivo que eu baixei, eu fiz uns novos objetos inteligentes, e usei a mesma imagem que eu havia usado no place EMBEDDED, salvei e dei zoom, por que que a qualidadade nao ficou a mesma do mockup original que eu baixei, sendo que usei a mesma "foto do folder que eu fiz no corel" usado no mockup original baixado?
ah só pra completar, eu fiz os novos objetos inteligentes e coloquei as medidas do tamanho do folder antes de converte-los em OBJ Inteligente...igual vc fez no video ai...mas quando dá zoom, nao fica com qualidade igual ao outro... Quero saber qual é o Problema disso, pq ao inves de eu ficar baixando mockup´s, eu crio os meus próprios entende?
Basta criar o seu mockup com uma resolução maior (quantidade de píxels). Se você pressionar Ctrl+Alt+I no documento que você diz ter alta qualidade, pode ver quantos pixels ele tem, daí é só dar uma comparada com quantos pixels você está criando o seu documento.
Um abraço!
parabens excelente aula
+VagnerProduçoes Santos muito obrigado! :D
Boa tarde! Estou querendo começar a apoiar meu esposo em alguns projetos e quero ajudá-lo com mockups, mas preciso começar do zero mesmo, tipo qual photoshop, qual aplicativo etc… tem alguma dica ? Algum vídeo ou curso para iniciantes crus de tudo rs! Obrigada
Oi Mayara, tenho sim. Dá uma olhada no meu curso de Photoshop na suitecriativa.com.
Excelente tutorial, eu gostaria de criar um mockup para camiseta que acompanhe as imperfeições da camiseta, dobras, amassados, tem alguma dica?
+Eduardo Michetti faça uma busca pelo recurso "displace" do Photoshop.
Eduardo, procura os vídeos do Walter Mattos!!! O cara é "MONSTRO" no Design! Abraços!!!
Consegui fazer um mockup para squeeze do zero. Obrigado. Mas lembrarei de ver a partir de 12:00.
Amei! Já estou treinando! ;)
Meu mestre !
Valeu, me ajudou muito!!!!!!!!!!
MUITO OBRIGADO!!!!!!
Bom vídeo!! E para objetos circulares e cilíndricos??? Como faz para distorcer e demais detalhes???
É só usar Warp, só tem que medir qual é a área da arte que aparece, o restante não precisa ser exibido e pode ser cortado.
Show!! muito bom vídeo, parabéns pelo canal! ganhou +um inscrito
Nuuu adorei. Me salvou! kkkkk Muito bom!
+Lara Duarte Valeeeu! :D
parabens pelo video eu posso fazer mockups e depois usar a ferramenta action,para apenas mudar a "roupagem" de um objeto?
+Rafael Ensa uma excelente forma de descobrir é tentar. Faça experimentos, assim você pode descobrir até coisas ainda mais legais. :)
Um abraço!
tentei mas nao fez o mesmo procedimento nas outras imagens,a unica coisa feita foi abrir junto com a imagem modelo.Fiz no modo automatico .Nao sei se falta algo a ser feito
Veja este vídeo: th-cam.com/video/GlPqTOq-p94/w-d-xo.html&lc=z134zzhahrbmfrfcc23sy32aypzphpuj404
Parabéns seu vídeo ficou ótimo!!
Vc pode me ajudar? Eu estou seguindo seu vídeo e tentando fazer Mockup para camisa feminina,porque eu trabalho com estampa e preciso usar os mockups pra divulgar os modelos.
Eu segui os mesmos passos.mais o resultado do meu mockup não ficou com o mesmo efeito dos que eu concegui baixar,o meu aparece minha arte com um fundo branco. e os que baixei só aparece o desenho.
Vc sabe o que tenho a fazer pra arte aparecer na camisa como se estivesse sido estampada ?
+Magna Souza na maioria dos mockps deste tipo você precisa exportar a sua arte com fundo transparente. Logo, precisa exportar em PNG, ou TIFF ou PSD com fundo transparente. Se exportar em JPG o fundo sempre será branco.
Um abraço!
+Clube do Design .obg pela resposta. Vou tentar desse jeito e ver como fica.
Liute, obrigada pelo ensinamento, vc é mto fera. Parabéns!
Por favor, me ajude... Gostaria de saber: pra criar um mockup de um caderno com espiral (onde o espiral invade a área do mockup), como faço? Seria o mesmo procedimento?
Obrigada mais uma vez.
+Dri Marotta sim, o processo é o mesmo. Bastaria usar máscaras para esconder na arte as áreas onde o arame deve aparecer.
Um abraço!
+Clube do Design Liute, vc pode me indicar algum vídeo pr'eu aprender melhor?
Dri Marotta nesse vídeo eu uso máscaras nos detalhes dos dedos, é basicamente o mesmo: th-cam.com/video/gKqYlV3l3QE/w-d-xo.html
+Clube do Design vc é tudo de bom! Obrigada!!!
Dri Marotta :D Logo vou lançar a minha escola online. Espero que seja um dos alunos. :D
Olá Liute! Por favor, se puder crie um tutorial ensinando a criar um mockup de verniz localizado. Obrigado :) \m/
Estou verificando se o efeito pode ser reproduzido de alguma forma. Quando descobrir, trago um vídeo. ;)
Muito obrigado :)
Mto bom! Desconfio como seja feito aquela simulação. Mas, ele sabe mais que eu, certamente kkk
Liute, você é fera irmão like tmj
adoro seus vídeos Liute.. me ajuda muito.. Obrigada
Muito bom o video, parabéns. Estou tentando fazer o meu próprio aqui, porém trata-se de um mockup para canecas. Por se tratar de uma caneca diferente dessas convencionais, e eu ter pouca experiencia ainda no Photoshop, estou a procura de quem possa desenvolver pra mim a um valor justo.
Fernando, fiquei curioso em saber qual seria o valor justo. :D
Bom... Se você conseguir desenvolver podemos negociar. Justo seria o famoso, "bom pros dois lados". :)
O Tutoria é ótimo, cheguei quase lá no que eu queria. Porém falta alguns detalhes que vai me tomar um certo tempo pra aprender e conseguir deixar como eu quero. Tempo esse que não disponho.
Top demais!! Só não entendi pq deve criar um objeto inteligente da primeira imagem. Não daria para criar um retangula já no primeiro arquivo e transformá-lo em objeto inteligente? Mt Obrigado!!
Oi Guilherme, tudo em cima?
Faz um teste e conta pra gente o que descobriu. :)
Um abraço!
Clube do Design Opa! Deu certo tb! Outra coisa que fiz que deu certo foi colar como imagem Vinculada. Valeu!!
Muito bom!
Outra pergunta, qual a config do seu pc???? Q velozzz! hahaha
Sério, quero um assim. Diz pra mim? =)
+Dri Marotta ele já é velinho, tem quase 4 anos. Um Dell Inspiron 15R. Já tem versões mais recentes dele.
Um abraço!
ótimo video, mas me ajuda em uma dúvida , como eu faço quando preciso fazer um furo ... exemplo estou fazendo um mokup de placa de carro decorativa e ela tem uns furos em casa canto.... me ajuda obrigada
E só apagar com a máscara.
kkk, obrigada até consegui , mas depois que eu salvo a imagem fica atras e não assumi o formato do mokup, vou tentar fazer de novo ...
Oi só consegue pelo photoshop
Tem como fazer pelo Corel Draw ???????
Este recurso é do Photoshop.
Faz um vídeo criando mockup de camisa!
Já tem.
@@clubedodesign passo o link kkk. Mas vou dar uma procurada.