Transcrições
1. Arte de digitalizar e cores no Photoshop no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a arte de linha limpa e digitalizada a
cores no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos limpando e colorindo arte de linha digitalizada. Vamos dizer como extrair arte de linha de um scan, então deixamos o papel e mantemos as linhas. Então vamos ver como colorir para que
possamos colorir nosso objeto qualquer cor que nós gostamos. À medida que você passar, você provavelmente verá um prompt para um polegar para cima para esta classe. Se você gosta da aula,
por favor, dê um polegar para cima. Estes são muito importantes para mim para tornar os vídeos visíveis no Skillshare, então eu realmente aprecio todos que dão um polegar para cima. Se você tiver alguma dúvida, basta publicá-las na área da comunidade e eu fico muito feliz em ajudá-lo com suas perguntas. Se você está pronto, vamos começar. Tenho um ritmo de arte digitalizada para você trabalhar para que você possa acompanhar.
2. Arte de digitalizar e de linha de cores - parte 1: Para começar com este projeto de limpeza de alguma arte de linha digitalizada e, em seguida, recolorá-la, se você não tem algo para trabalhar, eu vou dar-lhe um link de download para esta página do meu SketchBook e você pode apenas abra no Photoshop. Se você tem arte de linha própria ou desenho próprio, você é livre para usar isso. Agora, para começar, eu estou olhando para esta scooter porque este é o que nós vamos extrair
e colorir e eu não acho que esta linha aqui é perfeitamente horizontal. Então eu vou aqui para a ferramenta Régua e eu
vou apenas arrastar a ferramenta Régua ao longo desta linha na imagem,
a linha que eu acho que deve ser horizontal. Em seguida, em versões posteriores do Photoshop, eu posso clicar aqui para endireitar a camada. Se você tiver uma versão anterior do Photoshop e não tiver isso na barra de ferramentas, vá para Imagem,
Rotação de imagem e selecione Arbitrário. Photoshop já terá calculado em que ângulo esta linha está, e está tudo pronto para você clicar em “Ok” e seguida, endireitar a imagem para essa linha. A próxima coisa que queremos fazer é cortar a scooter. Queremos ter certeza de que teremos toda a scooter e não muito de qualquer outra coisa que não queremos. Agora, posso começar com a borracha e começar apagar os bits que não quero desta imagem. Temos a borracha selecionada, vamos ver que tipo eu tenho. Bem, eu vou escolher este pincel de borda dura. Eu não preciso ser particularmente limpo aqui, mas eu vou querer apagá-lo para a transparência porque a idéia
deste processo de limpeza é tirar as linhas para fora e deixar tudo o resto longe da imagem. Vou abrir a palete de camadas aqui e ver o que temos. Bem, esta é uma imagem JPEG e esta é uma camada de fundo, eu não consigo chegar à transparência de uma camada de fundo. Se eu tentar apagar daqui, você pode ver que eu vou apagar para
a fundo e se a cor de fundo acontecer de ser preto, então eu estaria apagando para preto. O que eu preciso fazer é converter essa camada de fundo em uma camada regular. Podemos fazer isso apenas clicando
neste ícone de cadeado e isso irá apenas converter isso em uma camada normal. Agora, se isso não funcionar na sua versão do Photoshop, basta pegar o ícone de cadeado e arrastá-lo e soltá-lo na lixeira que tem o mesmo efeito. Agora, quando eu uso a borracha nesta imagem, você pode ver que estamos apagando a transparência. Esse padrão de xadrez está nos dizendo que essa camada é agora transparente. Agora, não queremos trabalhar muito com a borracha nesta fase porque há algumas ferramentas que podemos usar que podemos trabalhar muito, muito mais rápido. Eu só vou ampliar um pouco aqui e uma ferramenta que eu vou usar é a ferramenta Varinha Mágica. Ele compartilha uma posição da barra de ferramentas com a ferramenta Seleção Rápida, mas realmente a ferramenta Varinha Mágica faz um trabalho incrível com essa arte de linha. Agora, a primeira coisa a fazer com a ferramenta Magic é definir a tolerância. Vou definir isso para cerca de 25. Isso define um intervalo de cores para os pixels ao redor da área em que estou clicando e como a maior parte do plano de fundo desta página é branco, isso deve pegar a maior parte dele. Também quero desmarcar contíguo. Se eu deixar contíguo selecionado e se eu clicar aqui fora, eu só vou selecionar os pixels ao redor da scooter, e eu não vou obter os pixels que estão brancos dentro da scooter, então eu vou desativar esta caixa de seleção. Agora, eu vou apenas clicar e isso terá selecionado a maioria dos pixels brancos em torno desta imagem. Não terá todos eles, mas terá a maioria deles. Eu só vou pressionar “Delete” e isso vai soltá-los imediatamente. Então eu quero desmarcar a seleção para que eu possa escolher, “Selecionar”, “Desmarcar” ou eu posso simplesmente pressionar Control ou Command + D. Para dizer como estamos indo eu vou apenas localizar o novo ícone de camada aqui e eu vou para Control ou Command, clique nele para adicionar uma nova camada abaixo da camada de imagem atual e eu quero preencher isso com branco. Como branco é a minha cor de primeiro plano, posso pressionar Alt + backspace, Option + Delete no meu Mac para preencher esta camada com branco. Agora, não parece que nós progredimos muito longe porque esta é praticamente a maneira que a imagem parecia antes. Mas está em duas camadas separadas, então sabemos que as linhas pretas são totalmente separadas para o fundo branco. Sempre que estou limpando arte de linha como esta, estou realmente preocupado em ter certeza de que eu me livre de quaisquer pixels perdidos. Vou clicar aqui no ícone fx e escolher Curso. O que eu vou fazer é adicionar um traço vermelho , então eu vou ter certeza de que minha cor está definida como vermelho. Pode ser qualquer cor que você gosta, mas você quer ser capaz de vê-lo realmente claramente e eu vou definir meu tamanho para 304 pixels. Eu vou selecionar fora porque é importante que os traços cerquem o pixel, você pode não vê-lo se você tiver, por exemplo, dentro selecionado e eu vou apenas clicar, “Ok”. Agora, parece que esta imagem desenvolveu um caso de varicela e o que esses pontos são, são pixels subjacentes nesta camada que não conseguimos quando clicamos com a ferramenta Varinha Mágica. Agora vamos com a ferramenta de borracha nesta camada, a camada que tem o trabalho de linha sobre ela, e eu vou apenas apagar esses pontos. O que eu realmente estou fazendo é que estou apagando um pixel colorido aqui e assim que o pixel colorido vai, então não há nenhum ponto no Photoshop colocar um traço em torno de algo que não está lá. Vou ter muito cuidado ao passar por cima desta imagem só para me certificar de que me livro de todos os pontos. Bem, como os pontos vão, eu sei que a imagem está sendo limpa, mas eu não
quero passar por cima das linhas porque eu não quero que as linhas vão. A primeira viagem através da imagem é com uma borracha muito grande apenas limpando o pior desses pontos. Então eu vou entrar muito perto então eu vou ampliar a imagem usando a ferramenta de zoom. Vou certificar-me de que tenho a minha borracha ajustada para uma quantidade muito pequena. Agora, eu só vou limpar, essas áreas ásperas em todos os lugares eu vejo um nódulo na borda que é um pixel embaixo dele. Eu só vou sair por aí com muito cuidado para me livrar desses. Há um pixel. Digamos que eu estou tentando ter certeza de que minha borracha é aproximadamente do mesmo tamanho os pontos, então eu sei que se eu pressionar a borracha sobre o ponto que eu vou me livrar, o pixel que está causando o problema em primeiro lugar. Agora, isso vai demorar um pouco para eu fazer, então eu vou parar de falar. Eu só vou acelerar o vídeo enquanto eu limpo esta imagem. Se você cometer um erro ao fazer isso, basta pressionar Control + Alt+Z, Command + Option + Z no Mac. Só para desfazer o último golpe que você fez você pode continuar. Agora, é muito importante que você faça isso com uma borracha rígida porque você não quer ter nenhuma emplumação em torno de sua borracha. É por isso que escolhemos um pincel que tinha 100 por cento de dureza nele. É incomum usar escovas tão duras, mas para este propósito, ele realmente faz um trabalho muito bom. Claro, o que queremos fazer quando estamos limpando nossa linha, especialmente se planejamos vender esses itens, é que queremos ter certeza de que, se alguém colocar isso em uma página ou mesmo onde adicionar um traço em torno dela, eles não estão indo para obter esses pequenos pontos que vimos quando adicionamos o golpe pela primeira vez. Queremos dar-lhes arte de linha limpa. Estou muito feliz com o trabalho de limpeza que fiz e tudo que preciso fazer para me livrar
desse golpe vermelho é arrastar e soltar esse efeito na lata de lixo. Agora, eu tenho a minha arte de linha limpa. Como é limpo arte linha agora eu posso ir em frente e colorir. Mas se eu vou salvar a imagem no tempo principal, eu preciso ter certeza de que eu salvá-lo em um formato que mantenha essa camada transparente aqui. Quero salvá-lo como um arquivo PSD. Não salve-o de volta como o arquivo JPEG original ou então você vai achatá-lo e você terá que se
livrar do branco tudo de novo, então basta salvá-lo como um arquivo PSD e você está pronto para ir.
3. Arte de digitalizar e de linha de cores - parte 2: Depois de isolar a arte da linha
nesta scooter para que você tenha a arte da linha em uma camada separada, você pode ir em frente e colorir. Agora, antes de eu fazer isso, Eu estou um pouco preocupado que algumas das linhas pretas nesta scooter não são tão preto como eles poderiam ser. Eu vou ajustá-los e eu vou usar um ajuste de níveis. Vou escolher Imagem, Ajuste e, em seguida, Níveis. Agora no histograma aqui os escuros estão
deste lado do histograma e as luzes estão aqui. O que vamos fazer é arrastar este pequeno controle deslizante aqui apenas um pouco para dentro da esquerda. Isso vai escurecer os pixels mais escuros. Este meio ajusta os tons médios, e nós vamos arrastá-lo aqui para a direita porque isso vai escurecer os tons médios. Se você não tem certeza de qual maneira arrastá-lo, basta tentar arrastá-lo em ambas as direções e você verá
claramente que arrastá-lo para a esquerda não é uma boa idéia. Se quiser que tudo fique mais escuro, basta arrastá-lo para a direita. Não queremos fazer todos os nossos tons totalmente pretos, só
queremos escurecê-los. Clique em OK. Agora estamos prontos para ir em frente e colorir esta scooter. Agora, quando eu estiver colorindo assim, tudo que eu vou fazer é ter certeza de que eu tenho todas as cores em uma camada separada. Vou clicar aqui na camada inferior e vou adicionar uma camada. Esta vai ser a minha turquesa escura. Vou usar isso para o próprio corpo da scooter. Eu posso fazer o trabalho de colorir esta scooter muito fácil se eu usar a arte linha em si, você vê a arte linha foi desenhada de modo que cada elemento aqui está preso. Ao redor de cada área aberta, há uma linha preta sólida. Se eu usar a Ferramenta Varinha Mágica, posso selecionar essas áreas clicando dentro delas. Vai tornar o meu trabalho muito mais fácil. Agora vou certificar-me, neste caso, que a Contiguous seja verificada. Porque se eu clicar aqui, eu quero apenas selecionar os pixels nesta área,
não em todos os lugares da imagem. Eu só vou clicar na área ali. O que acontece quando clicamos aqui com a Ferramenta Varinha Mágica é que estamos realmente clicando e não há pixels nesta área. A Ferramenta Varinha Mágica seleciona cada pixel igual a este. Bem, todos esses são pixels totalmente transparentes, então o photoshop selecionando todos eles e ele pára quando ele entra em uma linha sólida. Como essas áreas estão presas, vamos ser capazes de selecioná-las facilmente. Agora, a linha ou a seleção vai direto para a linha preta, mas não vai passar por cima dela. Isso pode me deixar com uma pequena lacuna. Eu quero expandir esta seleção apenas um pouco. Vou escolher Selecionar, Modificar, Expandir. Vou expandir por três pixels e clicar em “Ok”. Esse comando está no Photoshop há anos, então você terá em sua versão do Photoshop ou seja lá o que estiver usando. Agora eu vou selecionar
a camada turquesa escura porque é aí que eu vou colocar minha cor. Agora eu aproveitei a chance mais cedo para preparar minhas cores e eu tenho essas pequenas amostras de cores aqui. Vou selecionar a ferramenta Conta-gotas e basta clicar na cor que quero usar. Agora, como a cor é a cor do primeiro plano,
posso pressionar a opção Alt Backspace Delete no Mac
e preencherei essa seleção com a cor que posso pressionar a opção Alt Backspace Delete no Mac escolhi. Quando terminar de preencher com a cor, pressionarei Control ou Command para selecionar diariamente a seleção. Vou em frente e adicionar outra camada. Isto vai ser turquesa leve. Vou usar esta cor turquesa clara aqui para
colorir vários elementos na minha scooter. Vou voltar a selecionar a scooter. Vou voltar para a Varinha Mágica. Vou clicar no primeiro dos elementos que vou colorir. Como todos precisarão ser selecionados e expandidos, posso fazê-los todos de uma vez. Vou manter a tecla Shift pressionada enquanto clico em todas as outras áreas que quero colorir da mesma cor. Agora tenho todas essas áreas selecionadas. Agora vou expandi-los. Selecione, Modificar, Expandir três pixels. Clique em “Ok”, certifique-se de que eu vá e selecione minha camada turquesa leve, vá e pegue meu conta-gotas, e selecione a cor. Agora você poderia facilmente selecionar cores de suas amostras. Tenho-os aqui nas minhas amostras. Acho que é um pouco mais fácil trabalhar com eles na tela. Agora que expandi minha seleção, tenho minha cor selecionada, tenho a direita selecionada, vou Alt Backspace opção Excluir para preencher essas áreas e, em seguida, Controle ou Comando D para desmarcar a seleção. Eu vou parar de falar agora e acelerar o vídeo como eu terminar de colorir esta scooter. Uma vez que eu terminar de colorir esta scooter, há apenas uma outra mudança que eu quero fazer para esta imagem. Se eu olhar de perto para essas linhas escuras, direi que há um haloing muito leve ao redor das bordas. Isso é porque não escolhemos necessariamente
todos os pixels mais claros apenas ao redor das bordas de nossas linhas mais escuras. Agora, para ter certeza de que essas linhas não são mais leves, elas não são haloides, eu só vou misturar essa camada com as camadas abaixo em um modo de mistura de escurecimento. Agora há alguns modos de mistura de escurecimento que eu posso usar, Darken é um deles, Multiplicar é o outro. Qualquer um destes irá apenas certificar-se de que quaisquer pixels ligeiramente mais claros
nestes desenhos de linha serão misturados com os abaixo, e para que não vejamos nenhum efeito haloing mais leve.
4. Arte de digitalizar e de linha de cores - parte 3: Agora que fomos em frente e coloridos nossa scooter, há um par de coisas que eu quero falar aqui e uma delas é como você vai salvar isso. Agora, eu salvei isso como um arquivo PSD que me permite manter essas camadas intactas para que eu possa voltar em qualquer fase e mudar qualquer uma dessas cores. Quando eu estou trabalhando com coisas que são talvez eu vou vender ou eu não tenho certeza exatamente de que cor eles realmente precisam ser, eu sempre vou salvar um arquivo como um arquivo PSD para que eu possa voltar e facilmente recolorir as coisas. Eu voltei e disse, Eu quero re-colorir este assento. Vou localizar a camada que tem o assento nele e esta é esta camada aqui. Se eu controlar ou comando, clique na miniatura aqui, seleciono o conteúdo da camada. Eu tenho pontas combinando em torno da cor rosa. Agora tudo que eu preciso fazer é ir e selecionar uma cor para usar. Por exemplo, vou selecionar o amarelo aqui e, em seguida, pressionar a opção “Alt Backspace” Excluir no Mac porque esta é a minha cor de primeiro plano para substituir essa cor na imagem. Claro, Controle ou Comando D para desmarcar a seleção. Agora pode chegar um momento em que eu quero re-colorir o objeto inteiro. Eu só vou desligar meu painel de cores aqui em cima. Para recolorir o objeto inteiro, eu selecionaria a camada superior, e então eu adicionaria uma camada de ajuste, camada,
nova camada de ajuste e poderíamos usar saturação de matiz, por exemplo, e clique em “Ok”. Com a camada de ajuste de saturação de matiz, posso ajustar todas as cores da imagem em relação umas às outras, apenas arrastando o controle deslizante de matiz. Isso apenas move todos os tons ao redor da roda de cores e eu recebo alguns efeitos de cor realmente interessantes de fazer exatamente isso. Se encontrar uma combinação de cores que goste, posso fechar esse diálogo. A beleza disso é que o ajuste de saturação de matiz é apenas uma camada de ajuste. qualquer momento, podemos ativá-lo ou desativá-lo clicando no ícone de visibilidade da camada aqui. Claro, se isso fosse arte e se você estivesse pronto para vendê-la, então você faria algumas coisas. Para mim, eu venderia minha arte como um fundo transparente. Eu quero que o fundo seja transparente e a arte seja
assim e eu o salvaria como um arquivo ping, um arquivo PNG. O formato de arquivo ping é especial. É como JPEG e porquê porque ele achata a imagem em uma única camada. Mas, ao contrário do JPEG, o fundo não é necessariamente branco, você pode ter transparência em um arquivo ping. Esta imagem seria uma scooter achatada com toda a coloração e a arte da linha em uma única camada na imagem. Mas o fundo aqui seria transparente. Isso permitiria que alguém pegasse essa imagem e colocasse em um fundo colorido e a scooter ficasse lá sentada. Não traz uma borda branca com ele. Ping é um formato muito bom para salvar essa imagem se você quiser colocá-la em um fundo colorido ou vendê-la como uma obra de arte, por exemplo. Eu vou salvá-lo também como um arquivo PSD porque, é
claro, eu quero ser capaz de voltar e editá-lo se eu precisar. Se eu quiser colocá-lo na web, então seria formato JPEG. Mas é claro, JPEG é um formato com perdas, então ele vai ser raspado um pouco e vai levar este fundo com ele. Lá você tem um processo rápido para limpar e colorir arte linha de digitalização. Seu projeto para esta aula é pegar a scooter que eu dei a você ou qualquer outra peça de arte de linha que você tem e fazer a mesma coisa com ela. Limpar a digitalização e, em seguida, colorir a arte
da linha e, em seguida, publicá-la no projeto para que todos possamos ver os esquemas de cores que você criar. Estou ansioso para vê-los. Por favor, se você gosta desta aula, dê um polegar para cima. Isto é muito importante. Os polegares para cima realmente ajudar os vídeos para ser capaz de ser visto. Eu realmente, realmente aprecio todos que dão um polegar para as minhas aulas. Se você tiver alguma dúvida, use o painel da comunidade para fazê-las e eu fico muito feliz em ajudar onde puder. Meu nome é Helen Bradley. Muito obrigado por se juntar com para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
