Dê vida à sua padronagem usando fotos como mockups | Aga Kobylinska | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Dê vida à sua padronagem usando fotos como mockups

teacher avatar Aga Kobylinska, Surface pattern designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

9 aulas (25 min)
    • 1. Trailer

      1:08
    • 2. Introdução geral

      2:33
    • 3. Como preparar seu arquivo de padrão

      1:27
    • 4. Escolhendo a fotografia de direito

      1:48
    • 5. Reúna todos os materiais em um arquivo de trabalho

      2:02
    • 6. Trabalhando com a máscara de camada

      10:52
    • 7. Se seu padrão tiver um fundo preto

      1:32
    • 8. Como mudar a cor do objeto

      2:24
    • 9. Boa sorte!

      1:25
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

2.664

Estudantes

58

Projetos

Sobre este curso

63f1dba0

Este curso é de designers de padrões de superfície e outros artistas que criam sua arte para que ela possa aparecer em produtos mais tarde. Vou ensinar você em algumas etapas fáceis de como fazer o arquivo do photoshop para que você pode usar seu modelo de fotos de várias vezes para usar de sua fotografia de fotografia Vou fornecer uma lista útil de links em que você pode por de de em consideração ao escolher uma para escolher uma como em que Não importa se você quer mostrar seus designs para um cliente e faça seu portoflio mais atraente ou para ver como sua arte se apresenta em produtos, este curso é para você!

Este curso é para iniciantes do Photoshop e vai abordar apenas técnicas básicas e fáceis e fácil. Uso o Adobe Photoshop Creative Cloud para Windows, mas para este curso, não faz sua diferença se você tiver uma versão anterior do Photoshop ou ou em que você estiver no Mac. Os atalhos para a vídeo de aulas para o PC, mas no curso você vai encontrar um pdf com seus equivalentes para Mac.

O que você vai vai precisar de

Abaixo estão algumas das ferramentas que serão úteis neste curso.

  • Adobe Photoshop (comece uma avaliação gratuita aqui)
  • Seu próprio design de padrões (ou o que forneci em uma seção de projeto de curso)
  • Uma fotografia que você vai usar como modelos (aqui na que eu uso durante o curso: uma garça de baker de uma (here preto, em em que a t-shirt, de se, uma menina sobre o mar)
  • Wacom em a

806018c

*para o vídeo de trailer eu usou uma música de fundo grátis de JewelBeat.com

Conheça seu professor

Teacher Profile Image

Aga Kobylinska

Surface pattern designer

Professor

Hi! My name is Aga (this is abbreviation from my full name which is Agnieszka, but I suppose it would be hard to pronounce for most of you!). I am a surface pattern designer based in Warsaw, Poland.

My adventure with the pattern design has started a few years ago with Make It in Design courses. I loved designing patterns so much, that I have left my job in advertising to fully concentrate on this new career. Since then, I've been constantly learning new skills, painting and designing patterns for fabrics and other goods. I've beed working with fabric manufacturers and brands owners to bring new, beautiful designs into the world. Nothing feels better than seeing your work serving others everyday! 

I'm truly obsessed with learning. It may sound crazy but I graduate... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Trailer: Oi! Meu nome é Aga Kobylińska, sou designer de padrões de superfície de Varsóvia, Polônia. Trabalho como freelancer do meu estúdio em casa, criando designs de padrões para têxteis. Depois de terminar qualquer projeto, mal posso esperar para ver como ficaria no produto final. É por isso que faço muitas visualizações usando imagens da Web. Nesta aula, eu gostaria de compartilhar com vocês minha técnica, e eu tenho certeza que você vai adorar tanto quanto eu faço como é realmente fácil, divertido e rápido. Além disso, dá bons resultados. Portanto, é uma ótima maneira de adicionar um pouco de vida ao seu portfólio e impressionar seus potenciais Clientes. No final da aula, você terá seu próprio design têxtil imaginado na peça de roupa. e o arquivo do Photoshop pronto para ser usado em outro projeto. Não se preocupe se você for iniciante no Adobe Photoshop. As ferramentas que eu uso são realmente básicas, e eu vou guiar para o seu processo passo a passo. Mal posso esperar para ver seus belos desenhos em produtos! Vemo-nos na aula! 2. Introdução geral: Olá a todos, bem-vindos à aula. Estou muito animado por tê-lo aqui, especialmente que esta é a minha primeira experiência de ensino de sempre e eu me diverti tanto enquanto preparava esta aula. Espero que você goste e que você use as novas habilidades em seus projetos futuros. Só uma introdução rápida aqui. Meu nome original é Agnieszka Kobylińska mas meus amigos me chamam de “Aga” e este é sob este nome que você vai me encontrar na Web. Eu sou freelancer e crio Surface Pattern Designs, que mais tarde podem ser impressos em tecidos, por exemplo. Gostaria de mostrar em alguns exemplos o que você aprenderá durante esta aula. Uma imagem fala melhor do que 1000 palavras , então vamos passar para o screencast por um tempo. Este é o meu portfólio online em issuu.com. Como você pode ver, eu adoro mostrar meus projetos em produtos exemplares. Para este fim, eu usei ambos os modelos prontos feitos e curso de fotos da vida real. Antes de mergulharmos em nosso projeto, gostaria de explicar em breve a diferença entre esses dois termos. mocus prontos são imagens preparadas de uma forma, que você acabou de inserir seu design em um Objeto Inteligente e sua visualização está pronta. Aqui está o exemplo. É uma ótima ferramenta, especialmente se você criar obras de arte para artigos de papelaria e materiais de marketing. Na maioria dos casos, a configuração é neutra, portanto, cabe a qualquer apresentação. No entanto, se você criar seus projetos com têxteis em mente, como eu faço prontas maquetes apresentar algumas limitações. Em primeiro lugar, há um número relativamente pequeno de modelos de roupas para escolher, excluindo camisetas talvez. Mas mesmo se você encontrar alguns, eles são geralmente bastante austero e frio. Enquanto isso, as roupas e têxteis em geral são macios e aconchegantes. É por isso que eu gosto de substituir ou completar as maquetes prontas com imagens da vida real de pessoas e cenas que eles usam como maquetes, após uma preparação prévia. Nos seguintes segmentos, vou compartilhar onde procurar as boas fotografias, o que levar em consideração, ao escolher ou tomar uma e como colocar seu design no objeto escolhido para que pareça realista. E sua tarefa será: colocar seu próprio design têxtil em um pedaço de pano, em uma foto de sua escolha que todos possamos ver como seria maravilhoso na vida real. Vamos começar. 3. Como preparar seu arquivo de padrão: Se você fez esta classe, suponho que você já tem o seu design têxtil que você gostaria de ver no produto final. Mas se não for o caso, não se preocupe. Você pode usar o JPEG I forneceu a seção de material da classe. Você encontrará também alguns links para grandes aulas do SkillShare sobre este assunto. Se o design de padrão estiver preparado no Adobe Illustrator, abra um novo documento e prepare um retângulo bem grande preenchido com seu padrão. Meu documento está definido A4, mas depende de você. Como vê, vou mudar a escala do meu padrão. Sim, cerca de 30% para tornar o padrão mais denso para que eu possa ter mais controle sobre ele mais tarde. Se você tiver seu design preparado no Photoshop, crie um novo arquivo. Digamos que A4 aproveite, como aqui, preencha com seu padrão. Eu vou usar, hum este padrão, Eu acho que com um pouco menor escala e convertê-lo em objetos inteligentes. Não é realmente necessário mas no próximo segmento vou explicar por que eu gosto de fazer isso dessa maneira. Ok, nós temos o nosso padrão pronto para ser colocado na foto, agora vamos falar um pouco sobre as imagens que vamos usar. 4. Escolhendo a fotografia de direito: Agora vamos falar um pouco sobre as fotos que vamos usar nossas maquetes. A regra geral relativa à fotografia, você precisa para este fim é que o pedaço de pano ou outro objeto, você wan para cobrir com seu padrão deve ser branco ou possivelmente de cor clara. É muito importante que a imagem não seja exposta de uma forma que os destaques sejam soprados. Todos os tipos de detalhes, texturas e sombras são cruciais aqui. Aqui estão alguns grandes exemplos de fotografias que podem ser usadas como maquetes. Eu não sou o fotógrafo, então eu uso principalmente fotos da Web que estão em Creative Common License. Meu estoque favorito é unpplash.com, eles têm realmente grandes fotos mas também há lotes de ações comerciais onde você pode comprar fotos para este fim. Só um pequeno bilhete aqui. Se você usar uma imagem da Web e quiser imprimi-la mais tarde, certifique-se de que a resolução do arquivo é grande o suficiente. Para efeitos da Internet 72 pp. é suficiente , mas para impressão você precisará de resolução de 300 ppi. Você pode verificá-lo clicando no tamanho da imagem, (é claro, sua imagem tem que estar aberta no Adobe Photoshop) Se você inserir 300 ppi aqui, ele mostrará a captura de impressão da fotografia. Este é muito pequeno para impressão, apenas cerca de nove por centímetros agradáveis. Mas eu só estou planejando usá-lo para a tela para que este tamanho seja suficiente. Claro, você também pode usar fotos tiradas por você mesmo. Você é livre para escolher. Se você já tiver sua foto escolhida, abra-a no Adobe Photoshop. 5. Reúna todos os materiais em um arquivo de trabalho: Certo, agora vamos reunir nossa fotografia e nosso padrão em um só lugar. Meu padrão de ramos minúsculos, Eu só vou mover da segunda janela para o meu arquivo mantendo o botão esquerdo do mouse. Como você vê o tamanho do documento com meus pequenos ramos é muito maior e a escala não é como eu quero então eu vou ampliá-lo gravando “CTR-” atalho. Agora posso ver as bordas do meu Objeto Inteligente. Ao segurar “SHIFT” para manter as proporções e “ALT” para preservar o centro, reduzo o tamanho do meu retângulo. Ok, nós temos. Vamos ampliar usando o atalho “CTR+”. Se você tiver seu padrão preparado e salvo no Photoshop, é claro que você pode fazer uma nova camada preenchida com seu padrão, digamos este. Mas não recomendo deixar assim. Eu prefiro que você converta para o Objeto Inteligente porque, graças a isso, você pode mover seu padrão, e caso contrário você não tem tanto controle sobre ele. Se você tiver seu padrão aberto no Illustrator em algum lugar no plano de fundo, basta copiá-lo e colar no Photoshop como um Objeto Inteligente e ajustar a escala. Ok. E para aqueles de vocês que usaram o JPEG, eu forneci na seção de projeto de classe, ir para arquivo, colocar incorporado, encontrar o arquivo “Hooray.jpeg”, e clique em “lugar” e ajustar a posição e escala como eu tenho já mostrado no exemplo do arquivo do Illustrator. Por este momento, vamos desligá-lo. Quero dizer, você clica neste olho aqui, então só a camada com a fotografia é visível. Eu apagaria os padrões que não usarei então só tenho um, assim como você. 6. Trabalhando com a máscara de camada: Para este tutorial, eu escolhi o meu padrão aquarela com pequenos ramos e esta bela imagem de uma menina padeiro de unsplash.com. Nos próximos passos, cobriremos a blusa branca dela aqui com o nosso padrão e o resultado final será algo parecido com isso. Neste tutorial, vamos usar ferramentas muito básicas do Photoshop. Será, em primeiro lugar ferramenta de laço magnético que você vai encontrá-lo aqui. No seu espaço de trabalho, você provavelmente tem uma ferramenta de laço regular neste local mas você pode escolher a magnética clicando neste ícone com o botão esquerdo do mouse. Então vamos precisar deste painel de camadas e é isso por um momento. Ok? Vamos começar a preparar nossa máscara de camada. Para este efeito, escolha a sua ferramenta de laço magnético, o atalho é “L” e que começa a traçar as bordas da blusa padeiros. Clique no ponto de partida com o botão esquerdo do mouse e rastreie as bordas. Uma vez que você tem algum canto, clique sobre ele para adicionar um ponto. Caso contrário, basta seguir as bordas sem clicar em nada. Normalmente, eu uso o meu tablet WACOM para este propósito mas para este tutorial eu uso o mouse como, graças a isso eu trabalho mais lento, isso será mais fácil para você seguir. Ok, esta parte da nossa blusa está selecionada então vamos ligar o nosso padrão e clicar no ícone de máscara de camada aqui. Você vê, este círculo branco sobre um retângulo branco? Ele adiciona uma máscara à sua camada. Então nós clicamos aqui e uh, você vê? A máscara é adicionada. Para este momento, ele não parece muito bem, pois nossa máscara cobre completamente a fotografia que está abaixo mas se você mudar seu modo de mesclagem, você vê? Você tem um painel aqui. E se você escolher multiplicar, você vê? É muito melhor. Ok, então esta área está pronta e agora vamos adicionar as outras. Vamos fazer isso um pouco diferente desta vez, mas assim como antes de começar selecionando nossa área com ferramenta de laço magnético. Mas desta vez não clicaremos no ícone de máscara de camada, trabalharemos no que já tínhamos criado. Certifique-se de que a máscara está selecionada, pegue sua ferramenta de pincel. É aqui. Você pode ampliá-lo um pouco e começar a pintar sobre a área selecionada com cor branca. Certifique-se de que a cor do primeiro plano aqui está definida como branca pois desta forma você adiciona as áreas da máscara. Se você quiser acabar com isso, mude a cor do primeiro plano para preto. Você pode alternar rapidamente entre essas duas cores digitando “X” no teclado. Certo, temos algumas outras áreas que queremos cobrir com nosso padrão. Será esta área isto e isto. Então, vamos repetir os passos. Para desmarcar as formigas marchando, basta clicar no atalho “CTR + D”. Ok, e como você pode ver nosso maquete está quase pronto mas há alguns detalhes que eu gostaria de corrigir. Em primeiro lugar, temos os botões aqui cobertos com o nosso padrão e queremos que eles joguem. Então vamos ampliar, vou diminuir o tamanho do pincel até isso, mudar a cor do primeiro plano para preto e começar a pintar sobre os botões. Opa! Você vê, uma vez que você dá errado, você pode corrigir rapidamente e facilmente o erro alternando entre as duas cores do pincel. Se você quiser, você pode jogar com detalhes como esta cadeia aqui exatamente da mesma maneira. Vou corrigi-lo apenas um pouco. Está bem. O que eu também gostaria de corrigir é a escala do meu padrão porque eu quero que minha queimadura seja um pouco menor. Então, eu vou para o meu Objeto Inteligente no painel de camada. Vê essa corrente ligando nosso padrão com a máscara? Se você mantê-lo assim e você quer mudar a posição do seu padrão, você vê? Você move todos os elementos juntos. Mas se você desativá-lo e selecionar seu Objeto Inteligente, poderá movê-lo e alterar a escala. Eu vou viver assim e eu vou ligá-lo novamente. Se quiser, pode deixar assim. Eu acho que a visualização parece muito agradável, mas vou mostrar-lhe mais algumas dicas aqui. Se você quiser verificar se você é uma máscara é exata, você pode fazê-lo fazendo uma nova camada, preenchida com uma cor sólida. Digamos que esta cor. E vamos copiar nossa máscara para esta camada. Você faz isso simplesmente segurando o botão “ALT” e arrastando a máscara para nossa camada de cor sólida. E você vê? Opa, não é tão, tão exato. Então, esta é a boa maneira de corrigir um pouco sua máscara de camada. Então, vamos clicar em uma máscara de camada, vamos ampliar, e vamos começar a cobrir os elementos que queremos corrigir com ferramenta de escova de energia. Ok, veja aqui e aqui. Oops Você vê, o tempo todo, eu estou usando minha ferramenta de pincel apenas alternando entre cor de primeiro plano branco e preto digitando “X” no teclado para cobrir e descobrir com a máscara os fragmentos desligados Nossa blusa. Claro, você também pode alterar a mistura mais para multiplicar aqui. para que possamos ver se nossa máscara cobre algumas áreas que não queremos. Sim, se for o caso, corrigimo-los usando pincel definido para preto. Você ainda vê que as bordas não são realmente perfeitas. Se você tem um design padrão com um fundo branco, como eu tenho, não é realmente um problema porque nós não vemos as bordas. Caso contrário, você vai querer corrigi-lo um pouco. Você pode fazer isso clicando com o botão direito do mouse na máscara, refinar máscara, e você pode jogar um pouco com esses ajustes aqui. Então você pode mudar de borda, por exemplo. Vê o que acontece? Se eu mudar de borda para menos, as bordas se tornam mais visíveis, mas uma vez que eu mudá-lo para mais, elas estão mudando para fora, digamos. Nós também podemos suavizar as bordas, veja, se você está bem? Como este. Não gosto que tenha sido muito movido, mas vamos deixar assim. Você tem que jogar um pouco com isso, com esses ajustes. Ok, Se você está muito feliz com os resultados, basta clicar em “OK”. Agora nossa máscara de camada está pronta, e podemos movê-la para o nosso padrão. então faça o mesmo que fizemos alguns momentos antes. Basta segurar e vamos movê-lo da camada de cor sólida para o nosso padrão. Ok. Substituir a máscara de camada? Sim. Desliga este, liga este e vês? É muito melhor. Certo, vamos deletar isso. Sim, é perfeito. Veja, minha garota, tenha uma bela blusa estampada. Se eu colocar aqui o meu, vamos dizer “hooray.jpg” Como eu fiz aqui, Eu posso apenas eu tenho sido apenas segurando velho, tomar esta máscara camada aqui. - Sim? Mude o modo de mistura para multiplicar e voilà! Nosso padeiro tem blusa em outro padrão. Ok, você vê? Então, você pode usar esse arquivo do Photoshop uma e outra vez apenas alterando os padrões. Nos seguintes segmentos, tentarei mostrar alguns problemas que você pode encontrar e como resolvê-los. Está bem , vejo-te nos próximos segmentos. 7. Se seu padrão tiver um fundo preto: Meus projetos são geralmente delicados e leves mas às vezes eu preciso fazer algo no fundo preto e, neste caso, minha técnica padrão realmente não funciona. Isso ocorre porque o modo de mesclagem de multiplicação funciona da maneira que áreas mais escuras da camada de botão ficam escurecidas na camada superior. Se a camada superior é muito escura ou preta, as áreas mais escuras não são realmente visíveis. E o design parece plano. Minha maneira de lidar com esse problema é encontrar a imagem com um pedaço de pano preto. Mas, novamente, pode ser apenas uma mancha preta - as refrações de luz devem ser visíveis. Aqui está o exemplo da fotografia que posso usar. Apenas repetimos os passos que já aprendemos. Cortei a máscara de camada, coloquei no meu padrão e defini um modo de mistura para exclusão desta vez. Você vê? Parece muito mais realista. Eu também posso borrar meu padrão um pouco para que ele pareça ainda mais realista. Ok! 8. Como mudar a cor do objeto: Às vezes você tem uma ótima foto que você gostaria de usar como maquete porque, por exemplo, é ternos de humor para sua idéia ou as texturas são ótimas. Mas o objeto que você gostaria de cobrir com seu padrão não é branco. Nesse caso, uma vez que você cubra o objeto escolhido do seu padrão e defina seu modo de mistura para multiplicar a cor abaixo, influenciará seu design. Mas há um remédio bastante fácil. Se a peça de pano escolhida for lisa e de cor clara, você pode usar o mapa de gradiente para mudar sua cor para branco. Vês o efeito? Vou mostrar-lhe rapidamente como usá-lo. Eu já preparei uma máscara de camada sobre a blusa aqui. Agora crio uma camada de mapa de gradiente e, como antes, adicionarei uma máscara de camada em cima dela, clico duas vezes em um mapa de gradiente aqui e este painel será aberto. Clique nesta barra, certifique-se de que este estilo de gradiente preto e branco está selecionado. Você vê, a blusa já é preto e branco. Mas não clique em OK ainda, vamos ajustá-lo um pouco. Está vendo o controle deslizante? Estes dois pequenos controles respondem ao gradiente e às cores. Vou mudar este preto para algo mais quente clicando duas vezes neste indicador. Ao escolher cores, você verá diretamente em sua foto o que ele faz sua imagem. Você também pode iluminar essa área alterando a posição fora do indicador branco. Você pode jogar um pouco com esta ferramenta e ao mesmo tempo observar as mudanças na fotografia. Quando estiver satisfeito com o resultado, clique em OK e pronto. O pedaço de pano é branco. Agora você repete as etapas dos últimos segmentos: coloque seu padrão na nova camada. Copie a Mesquita Camada, eu disse, o fosso emprestado para multiplicar e finalmente. 9. Boa sorte!: Assim que a imagem estiver pronta, você poderá manter o documento para outro projeto. Agora você pode mudar os padrões muito rapidamente e ver seus diferentes desenhos na peça de vestuário escolhida . Basta copiar a máscara de camada para a nova camada, você pode salvar sua imagem como escolha de dia ou outra para muito. Você precisa usar para o seu portfólio são apenas para sua própria subseção. Você vai ver que é realmente viciante. Por enquanto, você tem todo o pensamento para fazer seus padrões brilhar, graças às visualizações. Mas encorajo-vos a experimentar as outras ferramentas assim que sentirem a certeza com as que vos mostrei . Talvez no futuro você prefira usar a classe mental em vez da classe magnética. Ele vai ou você vai querer jogar com um mapa de deslocamento. As possibilidades são infinitas. Ok, é isso. Obrigado por assistir. Espero que você tenha encontrado esta classe útil e que você já tenha começado a visualizar seus padrões de produtos. Estou curioso com os resultados do seu trabalho, então, por favor, não se esqueça de compartilhá-los na seção do projeto da classe. Eu gostaria que você postasse separadamente seu design têxtil Incan ser um padrão sem costura ou outro design que você imagina no clube a imagem original que você usou e ele, senhores, e seu final para a montagem vendo a seção da comunidade onde você tentará responder a qualquer uma delas com perguntas iniciais