Finja até acertar: criação de modelos realistas para promover seus designs | Abby Hersey | Skillshare

Velocidade de reprodução


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

Finja até acertar: criação de modelos realistas para promover seus designs

teacher avatar Abby Hersey, I draw things. I make things. I love coffee.

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

6 aulas (30 min)
    • 1. Introdução

      2:15
    • 2. Modelo de lay flat - spot

      5:27
    • 3. Modelo de lay

      7:08
    • 4. Modelo dimensional - gráfico

      6:04
    • 5. Modelo dimensional - padrão

      8:37
    • 6. Conclusão

      0:45
  • --
  • 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.

823

Estudantes

2

Projetos

Sobre este curso

Criar de produtos realistas Quer você está de vendas de produtos digitais, como criar trabalho freelance para os clientes ou de de uma colaboradora em potencial ou de quem de quem o colaborador de produtos é uma ótima maneira de adicionar uma forma

Neste curso, você vai aprender como criar simples laying de sombra e de dimensão plana e complexa para gráficos spot e de de repetição Como salvar seus modelos como usar de

Você vai precisar apenas de duas coisas para participar do curso - algumas da sua arte e Photoshop. Vamos trabalhar no Photoshop o tempo e você vai precisar do CS3 ou posterior. Se você não tiver uma versão atualizada do Photoshop, você pode obter uma avaliação gratuita aqui. Os links para as fotos de estoque usada no curso estão disponíveis na seção do projeto para que você pode criar as aulas com as aulas ou você pode usar suas próprias fotos.

Conheça seu professor

Teacher Profile Image

Abby Hersey

I draw things. I make things. I love coffee.

Professor

 

My love of design began with the over-the-top, unquestionably 1980’s rainbow wallpaper in my childhood bedroom. It inspired in me a love of color, pattern, and shape that’s only grown over the years and has driven me to create engaging and inspiring designs of my own. I passionately believe in the power of illustration and design to transform spaces, simplify communications, and build relationships.

I was formally trained in graphic design, but most of what I use on a daily basis is self-taught, trial and error,  or learned from Skillshare, which is why I am passionate about sharing what I've learned, demystifying design concepts and technical skills through my classes.

When I’m not in the studio, I’m probably outdoo... 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. Introdução: Oi. Sou Abby Hirsi, designer de padrões de superfície e ilustradora baseada em Sound of Columbus, Ohio. Quando eu estava começando como artista, eu queria a credibilidade que vem de ter seu trabalho artístico em produtos. Eu também pensei que esta seria uma ótima maneira de apresentar minhas idéias de design para diretores de arte que eu queria trabalhar com. Infelizmente, seria muito caro ter produtos feitos com seus projetos neles. Eu tinha alguns itens impressos de farinha de colher da Sociedade Seis, mas como um novo artista, eu sabia que não podíamos dar ao luxo de obter todos os meus desenhos impressos em amostras que eu poderia enviar torno de diretores de arte quando eu pudesse. Dio a pouco ou nenhum custo foi fazer simulações de produtos realistas na loja de fotos e usou estes para lançar minhas idéias, mostrando aos diretores de arte exemplos concretos de como meu trabalho traduzido em um produto acabado. Tenho alguns dos meus melhores trabalhos contratuais. Eu também uso simulações muito liberalmente na minha mídia social e site. Quando eu não tenho novos produtos saindo, isso me ajuda a manter as pessoas envolvidas e realmente dá um pouco mais para o seu trabalho artístico. neste curso, vou mostrar-lhe como fazer Vários tipos de simulações usarão gráficos spot e padrões para criar marcações planas e dimensionais. Vou mostrar-lhe como salvar essas marcações como modelos para que você possa reutilizá-los infinitas quantidades de tempo com muito pouco trabalho. Você não precisa de muito para participar desta aula. Você só precisa de algumas obras de arte e loja de fotos. Você precisará da versão CS três ou posterior, e se você não tiver uma versão que funcione, você poderá obter uma avaliação gratuita usando o link nas informações do projeto da classe. Também estão incluídos na seção Projeto da classe estão links para todas as fotos de estoque que usei nas simulações. Estes são gratuitos, e você pode usá-los quantas vezes quiser de qualquer maneira que você quiser. Mas você também é bem-vindo para usar suas próprias fotos para a aula 2. Modelo de lay flat - spot: o primeiro tipo de simulação será fazendo é um plano lay simulação de um ponto ou gráfico de colocação . Ah, Flat Lay é apenas uma maneira extravagante de dizer que todos os itens são dispostos plana e fotografados de cima, e um ponto ou gráfico de posicionamento é obra de arte que deve ser colocada em algumas coisas. Parece simples, mas é algo sem fundo. É algo que não vai cobrir toda a superfície do seu produto s. Portanto, tenha isso em mente quando você está selecionando sua arte. Eu fui em frente e abriu a foto de estoque cartão de nota que será usado eo primeiro passo é desenhar um retângulo que é aproximadamente o tamanho ea forma do cartão de nota. Posso sempre ajustá-lo mais tarde, por isso estou a adivinhar. Então eu tenho esse retângulo. Vou chegar à minha paleta de camadas e clicar com o botão direito na camada e convertê-la em um objeto inteligente. Agora eu posso pegar isso e colocá-lo no cartão. Posso transformá-lo girando e alinhando. Vou reverter a opacidade um pouco para poder ver o que estou fazendo e estou focado em deixar isso bem claro. Por enquanto, você vai ver o que algumas das minhas bordas não estão alinhando uma ondulação como eles poderiam. Então o que vamos fazer é editar, transformar e trabalhar. Como o cartão não é um retângulo perfeito, minha forma também não deve ser. E usar a ferramenta de dobra me dá todos esses pontos diferentes, mas eu posso me ajustar aos contornos do meu cartão. Já que estamos usando um gráfico que não vai preencher todo o espaço. Não preciso ser incrivelmente preciso, mas quero chegar o mais perto possível. Muito feliz com isso. E então agora eu vou clicar duas vezes na minha camada de retângulo, e isso abre uma caixa de diálogo que diz, Depois de fazer qualquer alteração, eu preciso pressionar Salvar. Não preciso ver isso de novo, mas vou deixá-lo por agora, e isso me leva à minha forma como era antes de ser transformado. Vá em frente e esconda esse retângulo porque eu não estou interessado em ter isso no meu cartão, e eu vou pegar minha arte. Meu trabalho artístico para este cartão foi criado um ilustrador. Então é um arquivo vetorial, e eu só vou copiar e redigir. Se você criou seu trabalho artístico e Photoshopped, mesma coisa que você pode copiá-lo e reproduzi-lo. O que é mais importante é que sua arte tem um fundo transparente. Então eu provei minha obra de arte, e agora eu vou dimensioná-lo onde, gosto de mim e aprendê-lo mais ou menos onde eu gostaria de estar no cartão. Assim que eu estiver feliz com isso, eu vou apertar o comando S ou control s para salvar e fechar isso. Você pode ver que ele apareceu no meu arquivo. Ainda é uma rapacidade tão baixa. Então eu vou em frente e aumentar isso 100%. Parece muito bom. Um passo adicional que vou dar é mudar o tipo de camada aqui de normal para multiplicar. O que isso vai fazer é permitir que a textura do cartão de notas para mostrar através, e realmente faz com que pareça que a obra de arte está no cartão, ao contrário de apenas plopped lá. Agora que eu tenho isso feito, Eu concebê-lo para fora como um J peg e ou o que você favorito formato de arquivo é para usar em seu site ou suas mídias sociais, mas eu também posso salvar este arquivo de loja de fotos como um modelo para usar novamente. E quando eu quero colocar obras de arte diferentes neste cartão de nota, eu apenas entro e clique duas vezes no ar retângulo e trocar a arte. Então vai me poupar muito tempo da próxima vez que eu quiser zombar de um cartão de notas. Se eu salvá-lo como um modelo para fazer isso, Eu só vou apertar comando shift save para salvar como eu vou salvá-lo apenas um arquivo de formato za Photoshopped. Com todas as camadas marcadas, vou dizer que a pasta de modelo para que eu possa usá-lo novamente no futuro. 3. Modelo de lay: nossa próxima simulação vai ser outra simulação plana, mas desta vez vamos usar um padrão de repetição em vez de um gráfico spot. Eu não tenho que ter aberto a imagem do notebook que eu vou estar usando para o passo e você vai ver que há um monte de espaço vazio que eu realmente não preciso para esta simulação. Então eu vou ir em frente e cortá-lo para baixo para focar apenas no caderno. Fique com a caneta. Isto é tudo o que eu realmente preciso. O outro arquivo que abri é o meu padrão contínuo e repetido. Se os padrões não são algo que você está confortável para fazer, eu ensino uma aula de loja de fotos em uma aula de ilustrador sobre como criar um padrão de repetição contínuo . Mas para este exercício vai assumir que você tem arte para um padrão e basta ir em frente e abrir aquela loja de fotos. Vou selecionar tudo na minha tela, ir para editar padrão definido. Eu vou dar este padrão e nome e clique em OK, que adicioná-lo ao meu menu predefinido padrão, e eu vou ser capaz de agarrá-lo quando eu estou trabalhando na simulação up. Voltarei ao arquivo do meu caderno, e o que quero fazer é selecionar a parte do caderno que vou preencher com esse padrão. Este caderno tem uma alça elástica, e eu não quero que o padrão apareça nessa alça. Será mais realista se o padrão parecer que está correndo atrás daquela alça. Então eu só quero selecionar a capa real do caderno, indo para usar minha ferramenta varinha mágica para pegar isso. E você verá que, uma vez que essa cinta elástica é da mesma família de cores que o próprio caderno , ele pegou partes disso na minha seleção. Mas posso refinar isso. Então isso é OK. Estou mais preocupado em obter as bordas muito boas novamente. Posso refiná-los um pouco, mas vou em frente e começar com isso, a fim de mudar esse formato um pouco. Eu quero trabalhar com ele no modo basco rápido, uh, uh, e o que eu vou fazer como meu primeiro passo é ir para selecionar e em verso, e o que isso faz é selecionar tudo, exceto a capa do caderno. Ele apenas inverte a seleção que eu tinha no lado esquerdo. Vou clicar em editar no modo de máscara rápida e você verá que esta forma vermelha é a área que será preenchida com o padrão vai usar a ferramenta de laço político para cortar o vermelho que está cobrindo esta pulseira para que ele remova da minha seleção. Você pode usar qualquer ferramenta que você mais confortável com o laço político faz. Linhas retas bonitas, mas não uma reta como se eu usasse, tipo, uma caixa de seleção. O Eso. O fato de esta cinta não ser perfeitamente reta não é um problema. Ele pega nisso. Para me livrar disso, vou apertar Command X ou Control X se você estiver trabalhando em um PC e agora a alça não está incluída. Eu vejo que as áreas aqui na extremidade do caderno não são tão limpas quanto eu gostaria que fossem. E então eu quero tipo de adicionar à minha seleção desta vez. Para fazer isso. Eu quero ter certeza de que o preto é minha cor de primeiro plano aqui no meu seletor de cores, e eu vou pegar minha ferramenta de pincel, que é enorme. Vamos fazer isso um pouco menor, Suman e arrumar isso um pouco. Está dando um pouco bagunçado, então vou sair do meu modo de máscara rápida e inverter minha seleção novamente. Então é só o caderno. E então eu posso ir para selecionar e refinar Edge e apenas mudar estes um pouco para pegar algumas coisas extras e suavizar as bordas, apenas um pequeno clique. Ok, vamos voltar para a minha seleção e eu vou jogar no modo de máscara rápida só para ver se ele mudou muito bem. Estou feliz com isso. Então deixe o modo de máscara rápida, e o próximo passo é criar uma nova camada com o meu padrão. Mantenha a seleção. Não selecione Clique para cima em seu menu em Camada Nova Phil e Padrão. Você pode nomear esta camada. Vou dar o nome de capa de caderno. Clique em OK, e preencheu essa seleção com o padrão mais recente que usei na loja de fotos neste caso, o que acabamos de criar. Eu vou em frente e clique em OK sobre isso, mas eu tenho a opção Teoh. Aumente a escala ou diminua a escala. Mas eu estava feliz com ele em 100%, então eu vou deixá-lo em 100% e clique em OK agora eu vou mudar meu tipo de camada de normal para multiplicar, e isso realmente permite que a textura do caderno seja exibida através. Há muita textura neste caderno, mas você pode ver que parecia que a obra de arte foi colocada no caderno. Volte para a temporada. Veja de novo. Isto é antes de eu multiplicar minha camada e depois realmente dá um pouco algo extra, agora eu posso salvar isso como um modelo, assim como fizemos com nossa primeira simulação, para que eu possa usar o show se eu quiser usar no futuro e mudar o padrão. Tudo o que eu tenho a fazer é clicar nesta miniatura aqui que mostra o meu padrão duplo clique nele, e eu posso então rever todos os padrões na minha biblioteca e selecionar de forma diferente. 4. Modelo dimensional - gráfico: para nossas redes zombam. Estamos passando para algo um pouco mais complexo. Esta é uma camiseta e usará um gráfico spot na frente da camisa. A camisa é muito bem fotografada, mas há algumas dobras e alguns alongamentos para o tecido, e nós realmente queremos capturar isso. Vai dar um pouco de realismo que não precisávamos quando fizemos o nosso cartão de notas ou caderno. Para fazer isso, vamos começar criando um mapa de deslocamento. Um mapa de deslocamento parece complicado, mas na verdade, é apenas uma versão desta foto que podemos usar para dizer à loja de fotos como distorcer nossa imagem. O que eu estou indo para dio é ir para ajustes de imagem e níveis. Eu vou me certificar de que este é o mais alto contraste possível, realmente mostrando essas dobras bem, não preocupado com nada no fundo da imagem. Só estou preocupado com o que vai fazer aqui para deixar a camisa em si. Uma vez que essa pasta agradável e escura, eu vou clicar em OK, e eu vou para o meu painel de ajuste, selecionar matiz e saturação e ir em frente e levar a saturação todo o caminho para baixo, efetivamente tornando esta uma imagem em tons de cinza. Vou continuar e salvar isso como um arquivo Photoshop que eu posso indicar Teoh mais tarde na simulação. Então vou dar um nome a um mapa de deslocamento de camisetas. É seguro. Vá em frente e feche isso e reabra meu arquivo de camiseta não editado, assim como fizemos com o E Flat. Deite-se zombar. Vamos criar um objeto inteligente que representa nosso trabalho artístico. Eu estou usando arte que é retangular e sobre este largo novamente, apenas tipo de adivinhar e ajustá-lo para preencher. Encha as camisas, vai para a direita, clique na minha camada e converta em um objeto inteligente. Se eu clicar duas vezes, então eu posso me livrar desse retângulo e inserir meu ilustrador copiar e colar novamente . Se o seu trabalho artístico foi criado na loja de fotos, basta copiá-lo e colá-lo no objeto inteligente e ajustado para tamanho e posicionamento. Eu não salvei isso e fechá-lo e você vai ver que minha obra de arte está na camiseta mudar minha camada para ser multiplicado e todos esses espaços brancos ar ido agora, e você pode realmente ver a textura da camiseta por lá parece muito convincente já, mas a obra de arte realmente precisa se mover com algumas dessas dobras, e é isso que nosso mapa de deslocamento vai fazer por nós. Para fazer uso do nosso mapa de deslocamento, vou selecionar a camada que contém minha arte e ir até o menu de filtro em Filtro. Eu estou indo Teoh mouse sobre, distorcer e, em seguida, clique em Deslocar. Ele vem com uma escala padrão, horizontal e vertical, e isso é basicamente controlar a quantidade de movimento que a loja de fotos faz do seu mapa de deslocamento. Isso pode ser ajustado com base em como ele funciona. Quando você tentar, eu vou tentar às cinco e ver se precisamos torná-lo um pouco maior ou um pouco menor. Vamos clicar em OK, e ele vai me pedir para abrir meu mapa de deslocamento para que eu nunca chegar ao meu mapa de deslocamento camiseta que fizemos e eu vou clicar em abrir e você pode ver a obra de arte deslocada apenas um pouco. Vou desfazer e refazer isso para você ver a diferença. É sutil, mas realmente acrescenta algo extra. Então aqui está antes do mapa de deslocamento, e aqui está ele com ele. Ele acabou de mudar em algumas dessas áreas com as dobras um pouco novamente, eu poderia fazê-lo mudar mais, aumentando o número em minhas escolhas de deslocamento. Mas estou muito feliz com os indefesos. Não é suposto ser uma grande coisa para fazer. É suposto dar-lhe um pouco de realismo adicional. Por exemplo, se fomos Teoh 12, digamos que ele é seriamente movido, e ele começa a borrar as bordas na parte inferior. Então vamos voltar Teoh, onde ele está. E então eu posso guardar isso como um J peg ou PNG ou o que eu precisar para redes sociais ou enviar para um cliente. 5. Modelo dimensional - padrão: Nossa simulação final para este curso vai ser o mais desafiador até agora. Vamos aplicar um padrão. Phil Teoh uma simulação dimensional. E enquanto a maioria dos passos permanecem os mesmos que fizemos para o nosso padrão plano leigo simulado , nós vamos Teoh. Adicione o elemento de mapas de deslocamento que usamos em nossa camiseta. Brincar com a Thea. Outra coisa que torna isso um pouco mais desafiador é a própria imagem. Às vezes, é simplesmente impossível encontrar uma foto stock que satisfaça todos os seus desejos. Eu queria uma foto de um vestido branco que não incluísse um padrão texturizado louco. Eso que o meu padrão foi aplicado pareceria que realmente era o tecido daquele vestido. Eu não vim com nada, e o que eu encontrei foi um tipo de vestido laranja claro que se adequa a todas as necessidades, exceto em sua laranja. Então, um dos nossos passos será pegar este vestido e torná-lo branco. O que vai começar, no entanto, é criar nosso mapa de deslocamento assim como fizemos para a camiseta. Mock up. Eu vou Teoh, ajuste os níveis no meu arquivo e certifique-se que as dobras no tecido são boas e ousadas. Vou levar minha saturação todo o caminho para baixo e então salvei este arquivo da loja de fotos como um mapa de deslocamento para usar. Quando chegarmos a esse estágio, eu voltei para a imagem original do vestido, e eu estou pronto para começar a selecionar a área que eu quero preencher com Padrão vai usar a ferramenta varinha mágica para começar, mas provavelmente precisa fazer a limpeza em máscara rápida, mantendo pressionada a tecla shift enquanto eu uso a minha magia. Uma ferramenta que posso adicionar à área que selecionei. Isso vai me ajudar a capturar a maior parte do vestido. Antes de eu usar o Quick Basco, nós vamosem frente e rápido em meus mapas de cliques e apenas limpar essas poucas áreas onde eu ainda estou cantando. nós vamos em frente e rápido em meus mapas de cliques e apenas limpar essas poucas áreas onde eu ainda estou Mas minha seleção não é perfeita. - Assim que eu estiver feliz com a minha área de seleção, eu vou usar o balde de tinta para preencher isso com preto. Nunca veremos este preto. Vamos usar isso como uma maneira fácil de pegar essa seleção porque vamos precisar usá-la duas vezes nos próximos passos. Assim que eu estiver feliz com a minha seleção eu vou usar o balde de tinta para preencher esta área eleitoral em preto. Nós nunca vamos ver a peça preta acabada interna, mas ela está lá para facilitar os próximos dois passos. Vou arrastar essa camada até a parte inferior da paleta de camadas para que não fique visível. Com esta área selecionada, vou clicar na imagem do vestido na paleta de camadas e, em seguida, escolher um ajuste de matiz e saturação. Vou em frente e levar a saturação até o fim e, em seguida, trazer a minha leveza para cima um pouco, e agora você pode ver que temos o vestido branco que eu esperava ter. Agora preciso criar um novo padrão. Phil Layer na mesma forma é esse vestido. E é por isso que fizemos esta versão preta para que eu pudesse usar minha ferramenta varinha mágica e facilmente selecionar essa área, mesmo que não seja visível. Com isso selecionado, eu vou fazer uma nova camada de camada de filme nova, preencher seu padrão de chamar este padrão de vestido e, em seguida, selecionar o padrão tinha, tipo, dois anos, vamos clicar em OK e ele criou este para baixo em direção ao fundo, então eu vou arrastá-lo todo o caminho até o topo da minha paleta dos Lakers. Como você pode ver , ainda está bem plano. Precisamos mudar o tipo de camada de normal para multiplicar, e agora você pode ver que parece estar apenas deitado no vestido. Vou clicar duas vezes na minha amostra de padrão e ajustar a escala um pouco. Obtê-lo exatamente onde eu gostaria de estar você e clique em OK, este é o ponto onde nós iria salvar este arquivo como um modelo para uso futuro. Uma vez que adicionamos o deslocamento, mapa não será mais capaz de alterar nosso padrão porque um padrão Phil é uma coisa ativa na loja de fotos. Ele não vai nos deixar usar esse mapa de deslocamento até que esse padrão tenha sido rast, arizado ou transformado em pixels. Porque eu não quero passar por todo o trabalho duro de escolher um vestido e mudar a cor do vestido. Da próxima vez que eu quiser salvar o modelo agora e agora estou pronto para o mapa de deslocamento. Vou selecionar a camada que tem o padrão ir para filtrar, distorcer e deslocar. Ele aparece e me diz que deve ser Rast arised e eu vou clicar, OK? E porque o completo fez isso é um pouco mais dramático do que o que vimos em nossa camiseta. Vou aumentar isso um pouco e clicar, OK, OK, vamos navegar nos mapas de deslocamento que fizemos no primeiro passo. E novamente, é muito sutil que você possa ver como o padrão afunda nas dobras para ir para trás. Esta é a nossa obra de arte. Antes desta é a nossa obra de arte com os deslocados que mapeiam as flores ao longo das dobras apenas tipo de mistura naquelas dobras em sempre que eles não fizeram anteriormente. Parece muito bom. Agora eu posso salvar esta imagem para uso em meu site ou mídia social ou para enviar para um cliente e realmente impressionar as pessoas. 6. Conclusão: Agora é hora de você compartilhar seu projeto com a turma. Sua tarefa é criar uma simulação de produto realista que mostre sua arte de uma maneira emocionante. Ele também lhe dará algumas riscas de design vermelho. Se houver tal porco, compartilhe sua simulação final e sua arte original na seção do projeto. Prática faz perfeito, Então, eu encorajaria você a tentar mais de um tipo de marca e tentar cada usando o seu modelo de marcação com arte diferente. Eu adoraria ver notas sobre seu processo e como você pretende usar suas simulações acabadas para comercializar seu trabalho.