Padrões de almôndega no Adobe Photoshop - um curso Graphic Design for Lunch™

1. Padrões do metaball no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço, padrões de metaball 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 olhando para uma forma metaball e vamos ver como podemos criar uma forma metaball e vamos fazê-lo de duas maneiras, e então como podemos fazer padrões a partir dele. Há um monte de aprendizagem nesta classe, há algumas técnicas realmente interessantes para criar um padrão de metaball de estilo orgânico. Você também vai aprender algumas técnicas valiosas de manipulação de forma quando criarmos a forma mais regular do metaball. Em cada caso, tendo feito uma forma de metaball, vamos usá-lo para criar alguns padrões interessantes. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima, e em segundo lugar, escreva em apenas algumas palavras por que você está curtindo esta aula. Recomendações como esta ajudam outros alunos a dizer que esta é uma aula que eles também podem gostar. Se você gostaria de deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você está pronto agora vamos começar. Vamos criar formas metaball no Photoshop e criar padrões a partir delas. Vamos começar com uma forma de metaball mais regular e, em seguida, vamos passar para a criação de uma forma de metaball orgânico. 2. Pt 1 - faça uma forma de metaball: Antes de começarmos a aula, só quero explicar como é que se desenrola. Primeiro de tudo, vamos usar formas para criar uma forma de metaball personalizada. Vamos fazer isso para usuários do Photoshop CS6 e CS8. Se você estiver usando o Photoshop CS5, então você deve pular para o último vídeo, porque eu criei um vídeo especial para você, para mostrar como você pode criar a forma em versões anteriores do Photoshop. Então, se você é um usuário CS5 volte porque você vai ver como podemos usar essa forma metaball para fazer alguns padrões. Então, para todos, independentemente da versão que você está usando, vamos olhar para uma técnica muito legal, e eu tenho certeza que você vai ficar animado com isso porque o padrão é realmente fluido e usa algumas técnicas realmente interessantes . Então vamos fazer alguns padrões usando essa técnica. Mas, primeiro, para usuários CS6 e CS8, veja como criar uma forma de metaball personalizada no Photoshop. Para criar nosso padrão de metaball básico vamos realmente criar uma forma de metaball. Vou escolher Arquivo e, em seguida, Novo. Eu só vou fazer um modo de cor RGB de documento de 400 por 400 pixels, mas ele vai ter um fundo branco porque vai ser um pouco mais fácil de ver o que está acontecendo, e eu vou clicar em Criar. Vou pressionar Control ou Comando 0 só para ampliar isso. Vou trabalhar com as Formas. Eu estou indo para a categoria de forma aqui e eu vou selecionar uma elipse. Vou me certificar de que estou trabalhando com uma forma crítica. Em versões anteriores do Photoshop, sua forma só vai preencher com um preenchimento e você queria ter uma opção Traçado. Se você estiver trabalhando em versões posteriores do Photoshop, desative esta opção Traçado, você só quer um preenchimento. Caso contrário, isso vai ficar realmente complexo muito rapidamente. Estou trabalhando com Shapes e apenas uma cor de preenchimento, vamos segurar Shift e arrastar um círculo que é pouco menos da metade do tamanho deste documento. Então isso tem cerca de 160 pixels de largura e altura. O meu documento tem 400, por isso é só por baixo disso. Vamos ignorar o que está acontecendo no painel Propriedades. Vamos apenas olhar para a forma do círculo que temos aqui. Vou aqui para a ferramenta Mover. Vou mover este círculo para a posição para que ele seja alinhado contra as linhas centrais neste documento. Então você pode ver que os guias inteligentes estão aparecendo aqui, exatamente na posição certa agora. Agora vou para a paleta de camadas. Vou me certificar de que a palete Camadas esteja visível porque vou precisar ver o que estou fazendo. Vou arrastar esta elipse para o ícone Nova camada. Então eu tenho uma duplicata. Ainda com a ferramenta Mover, eu vou arrastar este para fora do caminho e vou arrastá-lo para que outra vez, toque essas guias. Então vou tirar uma cópia dos dois. Então, eu seleciono essas duas formas, arraste-as para o ícone Nova Camada. Com os dois ainda selecionados e a ferramenta Mover selecionada, arraste-os para baixo e certifique-se de que eles se encaixam na posição. Agora vou pegar todas as quatro formas e vou girá-las. Então, vou manter a tecla Shift pressionada à medida que os rodar e, em seguida, clique na marca de seleção. Agora tenho as quatro formas com as quais vou trabalhar, e todas elas estão perfeitamente alinhadas para que se toquem perfeitamente. Em seguida, eu preciso criar uma forma quadrada. Eu vou para a ferramenta Retângulo e desta vez eu vou fazer uma cor diferente. Vou torná-lo preto. Será um pouco mais fácil trabalhar com isso se você puder vê-lo como uma cor diferente. Vou arrastar para criar um quadrado aqui. Vou segurar a tecla Shift enquanto o faço. Vou usar a barra de espaço para alinhá-la na posição aqui. Porque o que eu quero que ele faça é apenas tocar com seus cantos exatamente onde os círculos estão se cruzando. Agora eu posso querer que ele seja apenas um pouco menor do que é, mas eu quero alinhá-lo sobre o centro do documento e exatamente onde os círculos se tocam. Assim que eu colocá-lo em posição, eu vou apenas soltar o botão do mouse. Agora, se você não alinhou perfeitamente, isso é o que você vai fazer. Você vai selecionar a forma e aqui em cima, você tem algumas opções de alinhamento, mas se você não conseguir vê-las, você precisará selecionar uma ferramenta Forma. Porque se você selecionar a ferramenta Mover, elas simplesmente não estarão disponíveis. Portanto, você quer que eles selecionem uma ferramenta Forma quando você estiver trabalhando com formas. Em seguida, você vai clicar aqui e selecionar Alinhar à Tela e, em seguida, você vai escolher Centros horizontais e Centros verticais e este quadrado, que é o que você selecionou, agora será centrado na tela. Em seguida, vamos desligar esses dois círculos. Então estes são os que estão no meio. Vamos nos concentrar em nosso retângulo e nossas duas elipses. Eu vou clicar no retângulo, controle clique na primeira elipse e controle clique na segunda elipse. Eu tenho todas essas três formas selecionadas. Vou clicar com o botão direito e escolher Mesclar formas. Agora eu tenho uma forma onde anteriormente eu tinha três. Vou voltar a ligar esta elipse aqui. Vou selecioná-lo, vou escolher Editar, Copiar. Eu vou voltar para este retângulo aqui em cima, e eu vou escolher Editar, Colar. A partir desta lista suspensa aqui, eu vou selecionar, Subtrair forma da frente. Se eu for para a paleta Caminhos aqui, você verá que o que fizemos foi subtrair a forma vermelha da preta. Agora que fizemos isso, vamos voltar e pegar o outro círculo, a outra elipse. Então esse é um aqui. Vou escolher Editar, Copiar. Vou voltar para a minha elipse superior aqui, e vou escolher Editar, Colar. Na lista suspensa aqui, vou selecionar, Subtrair forma da frente. Você verá aqui que exatamente o que queremos que aconteça está acontecendo Estamos esculpindo essa forma da nossa forma original. Agora podemos desligar a elipse. Agora nós temos as formas básicas que queremos aqui agora, mas há muitos caminhos que estão sentados ao redor, não parecendo muito bem. Você também pode vê-los no palete Caminhos. O que você precisa fazer agora é ir para a ferramenta de seleção de caminhos e selecionar sobre todos esses caminhos. Aqui na barra de ferramentas você tem um pequeno ícone aqui e ele já está configurado para combinar formas. O que você quer fazer é não tocar em mais nada, mas apenas ir direto para Mesclar componentes de forma. O que isso faz é se livrar de todos os caminhos que você não queria, deixando apenas o caminho que você queria. Então agora temos uma forma de metaball. O que precisamos fazer é convertê-lo em uma forma personalizada que possamos usar a qualquer momento no Photoshop. Para fazer isso, vamos escolher Editar e Definir forma personalizada. Vamos chamar este metaball e clicar em OK. Agora você não precisa mais desta forma. Você não precisa do documento, você não precisa da forma. Porque permanentemente agora em sua coleção Shapes, é sua forma metaball. Estamos prontos para ir em frente e usá-lo para fazer alguns padrões. 3. Pt 2 - padrão de metalização de multicolor: Agora que você criou sua forma mensurável real, é hora de usar seu metabólico para fazer um padrão ou dois. Vou começar escolhendo Arquivo e depois Novo. Vou começar com um documento que tem apenas 400 pixels por 400 pixels de tamanho, resolução de 72 pixels, modo de cor RGB, branco, e estou usando o espaço de cores SRGB. Vou clicar em “Criar”. Vou ampliar para que eu possa ver isso um pouco mais claramente. Vou adicionar alguns guias só para torná-lo um pouco mais fácil. Vou criar guias a 25 por cento, 50 e 75 por cento, tanto verticais como horizontais. Agora vou criar as minhas formas metabólicas. Eu estou indo para formas personalizadas e minha forma de grito de metal em versões posteriores do Photoshop já será selecionada, em versões anteriores, você só vai querer ir para a última forma em sua coleção de formas. Eu vou apenas arrastar uma forma e eu vou segurar a tecla Shift para restringir suas proporções. Quero que seja deste tamanho, um pouco na área de 25 por cento e mais da área de 75 por cento. Vou selecionar essa forma e vou alinhar seu centro logo sobre a interseção desses dois guias. Agora, não precisa ser 100% preciso, mas precisa ser relativamente assim. Vou clicar para abrir minha paleta de camadas e simplesmente abri-lo para que eu possa ver o que estou fazendo. Eu vou fazer uma duplicata dessas formas, então eu vou arrastá-lo para o novo ícone de camada. Vou voltar para a ferramenta de forma e vou colorir uma cor diferente. Neste caso, vou usar a cor azul. Agora eu estou indo para a ferramenta de movimento, eu vou movê-la para fora do caminho, e eu vou girar em torno dela. Eu vou posicioná-lo também com seu ponto médio apenas sobre este cruzamento aqui, e eu vou clicar na marca de seleção. Vou voltar a esta forma e fazer outra cópia dela. Vou recolorir com uma cor diferente. Vou escolher a cor laranja desta vez, e vou para a ferramenta de movimento. Isso vai movê-lo para que seu ponto médio seja sobre a borda do documento e alinhado a este guia aqui. Eu quero mais uma forma aqui em baixo, então eu vou para este aqui porque ele precisa estar na mesma orientação. Vou fazer uma duplicata dela, vou recolorir esta forma e usar uma cor amarela para ela. Voltar para a ferramenta de movimento, e eu vou movê-la para baixo para a posição aqui, alinhando seu ponto médio logo acima desta linha aqui. Agora eu preciso fazer algumas duplicatas das formas para que tudo se alinhe perfeitamente quando formos fazer nosso padrão. Vou me concentrar nessa forma azul primeiro. Vou selecioná-lo e fazer uma duplicata. Minha necessidade de mover estes 400 pixels nesta direção. Então eu vou escolher Editar, Transformação livre. Há um truque nisso, e eu vou te mostrar o que é. Agora, este vai ser o mais distante ponto x para esta forma. Nesta caixa de nove formas aqui, eu vou dois clique no ponto mais distante. Isso me permite ler que há mais um ponto é em 437 pixels. Se eu quiser mover este ponto 400 pixels nesta direção, seu novo ponto vai ser 400 pixels menos do que isso. Então era 437, subtraia 400, e você tem 37. Só estou me certificando de que está escrito 37 e eu vou clicar na marca de seleção. Isso está exatamente na posição correta. Vamos olhar para este formato laranja, vamos duplicá-lo. Agora, o ponto de embarque está dentro do documento, então é quando vamos nos interessar. Neste caso, vamos alterar o valor y. Vou escolher Editar, Transformação Livre. Vamos olhar para o seu valor y, no momento, estamos olhando para o ponto médio, mas vamos olhar para o ponto da frente aqui, o meio da frente. O do meio da frente é um 137. Nós vamos adicionar 400 a ele para movê-lo para baixo. Então 137 mais 400 é 537. Vou clicar na marca de seleção. O valor 400 vem apenas das dimensões deste documento. Começa pagando 400 compram 400, então qualquer coisa que movamos tem que ser movida 400 em qualquer direção. A última forma é a rasa aqui, e precisamos fazer três cópias dela então eu vou apenas arrastar mais de três cópias, porque ele precisa ir aqui, aqui, aqui e aqui. Vamos para o primeiro aqui em cima, então vamos selecionar esta versão dele. Vamos escolher Editar, Transformação livre. Agora, eu preciso subtrair 400 de algo em termos do valor y. Bem, no momento o valor y lê 400,5 pixels, enquanto se eu subtrair 400 dele, isso só vai ler 0,5 pixels. O 0.5 é muito crítico, você não quer deixar cair isso só porque é um valor muito pequeno. Clique na marca de seleção. Agora eu vou mover outra cópia e esta está atravessando nesta direção, na direção x, 400 pixels, Editar, Transformação livre. No momento, seu valor x para o ponto médio, e isso é bom. Eu posso medir a partir do ponto médio, é 99,50. Bem, eu tenho que adicionar 400 a ele então eu vou ler 499.50, e clicar na marca de seleção. Agora eu vou pegar este último e eu vou movê-lo nesta direção e nesta direção. Editar, Transformação livre. O valor y se eu subtrair 400 vai ser 0,50, e o valor-x, eu tenho que adicionar 400 a ele para movê-lo por aqui, então eu vou apenas colocar um quatro na frente aqui, e eu vou clicar na marca de seleção. Agora, seus valores iniciais serão ligeiramente diferentes dos meus, mas você só precisa estar ciente de que esta é a direção x e esta é a direção y. Se você está atravessando, você vai adicionar 400, se você está indo para o outro lado, você vai subtraí-lo. Se você está indo para baixo, você vai adicionar 400, se você está voltando para cima, você vai subtrair 400. Realmente é tão fácil assim. Agora temos o design do anúncio, vou escolher, Selecionar tudo, vou escolher Editar, Definir padrão e clicar em “Ok”. Neste ponto, se você quiser fazer alterações nas cores, você precisará mudar cada uma dessas formas. Então tudo o que é azul precisaria ser alterado, ou tudo o que é amarelo precisa ser mudado. Porque cada uma dessas peças coloridas compõe uma única forma mais tarde. Vamos ver esse padrão que funciona, Arquivo, Novo. Vou criar um grande documento de tamanho de papel de scrapbook 3.600 por 3.600 pixels, 300 pixels por polegada de resolução, fundo transparente, cor RGB, modo de cor SRGB. Vou clicar em “Criar”. Vou escolher Novo padrão de camada de preenchimento, clique em “Ok”. O design é preenchido automaticamente com o último padrão que criamos, que é este padrão aqui. Então parece maravilhoso, é um padrão muito sofisticado para o trabalho que fizemos. Agora, porque nós colocamos tanto esforço neste padrão, você pode querer salvar este arquivo para que você possa fazer algum recoloring ou você pode fazer algumas outras coisas com ele, talvez colocar círculos dentro desses pontos metabólicos e você precisa do padrão básico para fazer isso porque você não quer ter que passar e recriar esse padrão novamente. Outra coisa que você poderia fazer é desmarcar a camada de fundo e fazer outra versão dela desta forma, porque este seria então um padrão de fundo transparente que você poderia colocar um preenchimento sólido atrás ou você poderia até mesmo colocar um gradiente atrás. Então olho sugere que você salvar isso e fazer tantos padrões fora dele usando-o como uma base como você gosta. 4. Pt 3 — outro padrão do Metaball e uma variação: Enquanto estamos olhando para fazer alguns padrões de metaball, vamos dar uma olhada em outro que é um pouco mais simples, mas não menos interessante. Vou escolher Arquivo e, em seguida, Novo. Vou voltar a criar um documento de 400 por 400 pixels. É apenas o modo de cor RGB. Vou clicar em “Criar”. Vou ampliar um pouco para poder ver um pouco mais claramente. Vou à minha ferramenta de forma personalizada. Vou certificar-me de ter a minha forma metabólica seleccionada. Ainda vamos arrastar uma forma deste tamanho. Agora este eu quero ser de cor preta. Eu só vou movê-lo para esta posição. Eu não tenho nenhum guia para isso não é necessário para este padrão, mas você quer moldar que é cerca de metade da altura do documento. Eu vou fazer uma duplicata disso, e eu vou girar a duplicata ao redor. Agora, uma das coisas boas sobre os padrões de metaball é porque eles têm círculos em cada extremidade, é que eles se sobrepõem muito bem, e então eles fazem algumas formas realmente interessantes. Agora essas duas formas, vou clicar com o botão direito do mouse e rasterizar essas camadas, e vou clicar com o botão direito do mouse e mesclar as camadas. Eu só tenho uma única forma aqui. Eu vou fazer uma duplicata dessa forma porque eu vou precisar dela em um minuto. Agora, esta camada superior, que é a única que eu tenho visível agora, eu vou dividir e citar para os cantos deste documento, então isso vai fazer um padrão de repetição mais tarde. Para isso, escolherei Filtro, Outro, Deslocamento. Agora, o segredo com o filtro Deslocamento é que você vai inserir na área Horizontal aqui um valor que é metade da largura do seu documento. Meu documento tinha 400 pixels de largura, então eu digitei 200. Na Vertical, você vai inserir um valor que é metade da altura do documento. Meu documento tinha 400 pixels de altura, então metade disso é 200, então é tão fácil quanto é calcular os valores aqui. Agora, clique em “Envolver” e clique em “OK”. Há formas quando os criamos como um padrão de repetição, todos vão se unir para fazer um único metaball em forma de L. Vou ligar este de volta. Esta é exatamente a mesma forma que esta aqui, seria muito mais interessante se parecesse um pouco diferente, então o que eu vou fazer é girá-lo ao redor. Vou colocá-la nessa posição e clicar na marca marcada. Agora, neste ponto, se eu quisesse, eu poderia re-colorir esta forma. Para fazer isso porque é realmente uma forma de descanso agora, eu vou clicar no ícone de cadeado aqui e isso vai bloquear os pixels transparentes nesta camada. Se eu tiver uma cor selecionada para usar, então eu vou fazer isso um, bem, vamos torná-lo uma cor vermelha, se eu tiver vermelho selecionado aqui, eu posso agora pressionar Alt backspace opção Excluir no Mac, e apenas o não-- pixels transparentes sobre isso são realmente vai ser preenchido com a cor, então agora eu posso desbloqueá-lo. Agora, eu não quero que meu passado venha comigo aqui, então eu vou apenas desligá-lo. Eu vou selecionar Selecionar tudo como que irá selecionar tudo o que está visível aqui, mas não o fundo e eu vou fazer um padrão a partir dele. Agora vamos ao nosso documento de trabalho. Vou clicar duas vezes no Preenchimento padrão aqui, clique nesta opção, e vá e selecione o último padrão. Esse é o que acabei de criar. Agora, para mostrar a vocês como ele parece, eu vou adicionar uma camada na parte de trás aqui, apenas clicando com o controle neste ícone. Branco é a cor de fundo, vou pressionar Control backspace Command Delete no Mac. Você pode ver que isso cria um pequeno padrão realmente interessante, aproveitando este fator de forma maravilhoso que podemos obter a partir da forma metaball. Metaballs podem ser conectados uns aos outros indo em todas as direções se você quiser fazer padrões ainda mais complexos deles. Eu quero voltar brevemente a este padrão aqui porque eu quero emprestar o conceito geral para uma variação deste padrão. Agora, para fazer isso, eu vou primeiro para esta forma quebrada, a preta, e eu vou jogar fora. Vou voltar a esta forma vermelha aqui, vou bloquear os pixels nas formas porque quero torná-los pretos. Eu estou indo para ir e ficar preto como minha cor de primeiro plano lá e eu bloqueei um pixels transparentes, então eu posso pressionar Alt backspace opção Delete no Mac para preencher a forma com preto. Agora eu vou para o ícone fx e eu vou clicar em “Traçado” porque eu quero adicionar um traçado vermelho em torno da minha forma. Agora eu já tenho isso no lugar. Eu acabei de selecionar uma cor vermelha e eu tenho um tamanho de cerca de oito, mas você pode fazer o tamanho que quiser, então eu vou clicar em “OK”. Agora, nesta fase, se tomarmos esta forma e tentarmos dividi-la nos cantos porque tem um efeito aplicado a ela, a coisa toda vai se separar de uma forma não muito boa. O que eu queria fazer é eu quero clicar com o botão direito nesta forma e eu quero rasterizá-la, então eu estou rasterizando o último estilo, modo que a cor em torno do traçado é embutida na forma então quando eu quebrar esta forma nos cantos, o acidente vascular cerebral vai ser quebrado corretamente. Eu vou fazer uma cópia dessa forma porque eu quero que você trabalhe com os dois. Eu quero ir para o mais alto e eu quero enviá-lo para os cantos assim como eu fiz aquele primeiro padrão, Filtro, Outro, Deslocamento. O filtro Deslocamento é apenas padrão para as configurações exatas que eu usei antes, então eu vou apenas clicar em “OK”. eu vou voltar para esta forma e o que está no meio aqui, eu só vou girar em torno. Eu estou segurando a tecla Shift enquanto eu faço isso para que ela seja restrita a uma rotação de 90 graus. Eu só vou posicioná-lo mais ou menos em posição aqui, então eu tenho isso muito bem em relação às outras formas. Desativando a camada de fundo, escolherei Selecionar tudo e escolherei fazer um padrão a partir disso. Agora, tendo feito isso, vamos voltar ao documento de fundação, clique duas vezes aqui, e vamos aplicar nosso novo padrão a ele. Vou clicar em “OK”. Agora esse padrão era transparente, então podemos ver através dele, estamos vendo branco atrás dele, porque adicionamos um borrão de preenchimento branco aqui, mas você também pode obter resultados realmente incríveis se você substituir isso por um gradiente. Vou escolher Camada, Nova camada de preenchimento, Gradiente e clicar em “OK”. A camada de gradiente está entre essas duas camadas de gradiente que estamos vendo. No momento, minhas cores de preenchimento são preto e branco, então meu gradiente padrão é um gradiente de primeiro plano para plano de fundo, e parece fantástico. Esta é uma ótima opção, mas há outra que quero mostrar a vocês. Eu só vou clicar na ferramenta Gradient aqui. Se você não vir todos esses gradientes, você pode obter mais clicando no ícone de engrenagem, selecione um ou mais destes onde você precisa vir e fazê-los individualmente e quando você clicar neles, você pode simplesmente clicar em anexá-los ao grupo. Mas eu tenho os que eu quero visíveis aqui, então eu vou apenas mostrar alguns dos efeitos que você pode obter com esses gradientes. Alguns deles parecem muito, muito bons contra este padrão. Mas este é o que eu realmente gosto. Qualquer coisa que tem uma cor realmente escura para ele parece realmente fantástico nesta forma. Só vou ajustar este controle deslizante aqui para que eu ficar mais escuro um pouco mais através do documento, mas você pode ver que você está quase perdendo o vermelho aqui, mas quando é contrastado com o azul púrpura, parece realmente fantástico. Você pode querer experimentar com alguns desses gradientes e apenas ver como as cores no gradiente jogam contra as cores em seu padrão para obter alguns resultados realmente interessantes. Eu encorajo você a jogar com esta forma metaball, você pode fazer muitas coisas com ele, incluindo camadas em cima de si mesmo para fazer formas mais complexas a partir das quais você pode fazer seus padrões. 5. Pt 4 - faça uma forma de metaball orgânico: Até agora, o metaball que temos usado é uma forma muito regular. Agora, vamos olhar um pouco mais de uma forma orgânica que podemos criar. Vou escolher “Arquivo” e depois “Novo”. Estou criando um documento de 400 pixels por 400 pixels de tamanho. É um fundo branco e modo de cor RGB, espaço de cores sRGB. Vou clicar em “Criar” e pressionar “Control” ou “Command 0" basta dimensioná-lo para que eu possa ver o que estou fazendo. Na paleta Camadas, quero ter certeza de que estou trabalhando em uma nova camada. Vou clicar para criar uma nova camada. Vou para a ferramenta Marquee Elíptica. Eu só vou arrastar para fora um pequeno círculo e preenchê-lo com o meu preto pressionando a opção “Alt” “Backspace”, “Excluir” no Mac. Agora, neste ponto eu preciso desmarcar minha seleção com Selecionar, Desmarcar ou Controlar, ou Comando D. Vou converter isso em um Objeto Inteligente. Vou escolher “Filtro”, “Converter para Filtros Inteligentes” e clicar em “Ok”. A razão para isso é que eu quero ser capaz de voltar e editar isso caso o filtro que estou prestes a aplicar não seja suficiente ou seja demais. Vou escolher “Filtro”, “Borrão”, “Borrão Gaussiano”. borrão gaussiano é muito bom borrão para realmente desfocar tudo em uma seleção, e agora temos nossa camada selecionada, então as coisas estão ficando borradas muito bem. A quantidade de desfoque vai controlar como o efeito é aplicado. Nesta fase, queremos olhar muito difusa para nossas formas, então eu tenho que definir para cerca de 22. Vou clicar em “Ok”. Agora, eu vou fazer uma duplicata dessa camada, então eu vou arrastá-la e soltá-la no ícone Nova Camada. Vou mover este segundo para longe do primeiro. Agora, ele irá ajudá-lo como você está trabalhando com este projeto específico, se você tiver a Seleção Automática habilitada. Assim, quando você tiver a ferramenta Mover selecionada, Seleção Automática está habilitada, o que permitirá que você mova as coisas um pouco mais facilmente. Agora, eu tenho minhas duas formas criadas, eu vou adicionar um par de camadas de ajuste. Vou clicar na camada superior e escolher “Camada”, “Nova camada de ajuste”, e neste caso, vou clicar em “Posterizar” e clicar em “Ok”. Agora, posterizar é uma camada de ajuste que simplifica e imagem, e agora, temos que descer para quatro níveis. Em outras palavras, quatro cores em nossa imagem. Eu só vou aumentar isso um pouco para cinco ou seis. Podemos ver que estamos tendo um efeito interessante em torno das formas que temos, porque o que está acontecendo é que nossas áreas cinzentas difusas estão se transformando em níveis de cinza. Temos diferentes níveis de cinza e uma série inteira deles na imagem. Agora, se eu voltar para a imagem neste estágio e voltar para a ferramenta Mover, você verá que à medida que eu mover isso, temos uma mudança de fluido acontecendo, que eu possa reestruturar como minhas formas se parecem apenas movendo-as em torno de um em relação ao outro. Mas você quer ter certeza de que quando você adicionar seu borrão ao seu círculo, que seu círculo está dentro do documento. Você não quer que ele seja muito perto de qualquer uma das bordas que você vai obter um recortado fora, porque você quer esta gama completa de efeito agradável acontecendo em torno da borda de sua forma. Agora, como temos diferentes níveis de cinza, se quisermos adicionar cor a eles, podemos fazer isso com o que é chamado de mapa de gradiente, porque o que o mapa de gradiente faz é mapear um gradiente de cores para cores variáveis em a imagem. Como temos áreas realmente distintas de cinza em nossa imagem agora, um gradiente será aplicado como cores sólidas em vez de um gradiente. Vai ter o efeito de bandas de cores. Com a camada superior selecionada, escolherei “Camada”, “Nova camada de ajuste”, aplicarei um mapa de gradiente a esta imagem e clique em “Ok”. O gradiente padrão é preto para branco, mas eu não quero isso, então eu vou abrir meu painel e eu vou selecionar um desses gradientes. Se você não vir esse conjunto completo de gradientes, clique na seta apontando para baixo aqui ao lado do ícone de engrenagem, e há muitos conjuntos de gradientes que você pode selecionar aqui. Se você selecionar um, por exemplo, pastéis, certifique-se de selecionar Anexar e não Ok ou Cancelar porque você deseja adicioná-lo à sua coleção de gradientes, você não deseja substituí-lo. Agora, eu tenho um bom conjunto aqui. Vou começar a clicar em um deles. Você pode ver imediatamente que o gradiente, mesmo que este seja um gradiente realmente agradável que está fazendo a transição suave de uma cor para a outra quando é aplicado a esta imagem com o efeito de posterização aplicado a ela, nós Na verdade, estão recebendo bandas de cor. Você pode ir em frente e selecionar qualquer um desses gradientes para ver que tipo de efeito ele está tendo em sua imagem. Vou escolher um gradiente bastante colorido. Bem, provavelmente este aqui. Vou clicar em “Ok”. Agora, por causa da forma como criamos este documento, ele é praticamente editável. Por exemplo, posso clicar no ícone “Posterizar” aqui e abrir o painel Posterizar, e posso adicionar mais ou menos faixas de cores às minhas formas aumentando ou diminuindo os níveis. Posso clicar duas vezes no Mapa de gradiente e alterar o gradiente que apliquei à imagem. Agora, ou eu posso selecionar outro gradiente ou eu poderia vir aqui, e eu poderia adicionar algumas paradas adicionais, por exemplo. Temos duas formas que são a base desse padrão, mas não há nada que nos impeça de pegar uma dessas formas e soltá-la no ícone Nova Camada. Porque nós colocamos duas formas em cima uma da outra, duas formas idênticas uma em cima da outra, e porque elas são parcialmente transparentes, os cinzentos foram adicionados um ao outro, então nós estamos recebendo um bandas diferentes aqui. Poderíamos deixar a forma onde é para obter esse efeito ou poderíamos fazer algo assim, e podemos separar as formas, e quando o fazemos, a interação das bandas de cinza em torno dessas formas com o mapa de gradiente sobre o topo está fazendo uma mudança em nosso design. Então podemos pegar qualquer uma dessas formas e movê-las. Agora, um padrão típico de metaball é um padrão de três camadas. O que poderíamos fazer é colocar as formas ao lado um do outro aqui embaixo e centralizar uma por cima, e isso é um tipo diferente de padrão metabólico. Se você criar um design como este que você gosta, vamos em frente agora e ver como poderíamos transformar isso em um padrão de repetição no Photoshop. 6. Pt 5 - padrão de Metaball: Para transformar essas bolas de metal em um padrão, a primeira coisa que vamos precisar fazer é realmente fazer uma camada de selo. Uma camada de carimbo é uma cópia de todas as camadas abaixo achatadas em uma única camada. Não quero perder todas essas camadas, mas eu preciso de uma versão de carimbo porque a aparência deste documento agora é o acúmulo de todas essas camadas. Preciso de uma cópia para poder fazer algo com ele. Vou manter pressionada, Ctrl Alt Shift, que Command Option Shift no Mac e pressionar a letra E. Isso me dá uma camada que é uma versão achatada da imagem. Agora, nesta fase eu vou desligar todas as camadas abaixo. O documento em que estou trabalhando tem 400 pixels por 400 pixels de tamanho, então podemos criar isso como um padrão dividindo essa forma. Vamos fazer isso usando o filtro de deslocamento. Então escolha Filtro, Outro, Deslocamento, e a única coisa que você tem que saber sobre o filtro de deslocamento é que você acabou de colocar aqui um valor que é igual a metade da largura e altura do documento, o quadrado dos documentos. Vamos colocar 200 em horizontal e vertical. Selecione Envolver e clique em “Ok”. Então agora o que fizemos é que lançamos essa forma que tínhamos nos cantos, e isso vai nos permitir criar uma amostra de padrão repetitivo a partir disso. Mas eu também gostaria de algo para ir no meio, então eu vou desligar isso por um minuto. Vou voltar ao meu padrão metabólico, e vou fazer algumas mudanças nele. Eu só vou para essa camada, e eu vou mover essas coisas um pouco, então eu tenho uma versão diferente do padrão para o meio da minha amostra. Eu também posso redimensionar este lado. Tenho minhas alças de transformação aqui e assim que começo a redimensioná-la, Photoshop diz: “Preciso desativar tudo enquanto você o redimensiona”. Então, basta dizer, “Ok”, e você só vai redimensionar isso. Estou segurando a tecla Shift para restringir suas proporções e estou clicando na marca de seleção. Agora, quando ele volta, ele ainda tem todos esses efeitos aplicados a ele. Na verdade, vou fazer três formas de tamanhos diferentes aqui. Vou pegar este e vou ampliá-lo um pouco. Mas eu também poderia fazer uma forma oval, se eu quisesse. Você pode fazer todo tipo de coisas com isso. Eu vou colocá-los lá, nós vamos fazer uma verificação aproximada no padrão original para ver se isso vai caber no meio. Não tenho certeza se é, mas vamos ver se conseguimos fazer isso. Agora eu tenho esse conjunto de formas. Vou clicar na camada superior, pressione Ctrl Alt Shift A , Command Option Shift A, no Mac, e vou desligar tudo. Então agora eu tenho duas camadas. Tenho a borda externa da minha patente e a do meio. Vou mover o meio para cima do exterior. O que eu preciso fazer agora é ler essa faixa de cores, e isso é muito fácil de fazer. Eu só vou clicar uma vez com a ferramenta Varinha Mágica nesta faixa colorida. Eu tenho tolerante definido para cinco, ele pode ser definido para um valor muito baixo, e eu tenho contíguo habilitado, e isso é apenas feito uma seleção muito rápida dessa faixa de cor. Eu só vou pressionar “Delete”. Agora eu posso ver meu ritmo padrão em posição, e ele não está bem na posição certa, então eu vou apenas arrastá-lo para a posição. Agora, neste momento, eu poderia fazer uma de algumas coisas. Eu poderia tentar colocar este elemento em posição para que houvesse este vermelho escuro ao redor dele, ou eu poderia tentar e misturar os dois passos juntos onde eles se cruzam. Então eu tenho um pouco de vermelho aqui que é exatamente o mesmo vermelho que a forma por baixo, e a mesma coisa acontecendo aqui. Acho que gosto desse efeito um pouco mais. O que eu vou fazer é apenas ampliar isso e posicioná-lo de modo que as cores estão correndo para o outro, e apenas indo para clicar na marca de seleção. Agora eu tenho esse padrão realmente interessante. Eu vou escolher, Selecionar e Todos. Vou escolher Editar, Definir Padrão, Vou chamar isso de orgânico, e vamos criar um novo documento para ele. Eu vou criar isso como tamanho do álbum de recortes, modo que seria 3.600 pixels por 3.600 pixels, 300 pixels por polegada, modo de cor RGB. Não importa se é transparente ou não, é cor RGB, clique em “Criar”, e depois Camada, Nova camada de preenchimento, Padrão, clique em “Ok”, e agora está preenchido com o padrão que acabamos de criar. Claro, o padrão não é fixado em pedra porque poderíamos voltar e fazer algo diferente com ele. Neste momento, o que estou a pensar é que gostaria de um ponto nesta área. Bem, eu vou desligar esses dois objetos. Vou voltar a ligar tudo o resto. Agora é a interação de tudo contra este fundo branco que está nos dando a faixa, então você não quer desligar o fundo branco ou você não tem nada em tudo. Mas você pode desligar algumas dessas formas, então você pode ter apenas uma forma. Voltando para a ferramenta de seleção, eu vou apenas selecionar nesta linha, eu vou pressionar Ctrl D para desmarcar a seleção atual para que eu possa realmente trabalhar com esta camada. Vou fazer uma forma ligeiramente oval desta vez. Agora, eu acho que ele vai estar nesta posição no padrão, mas realmente não importa onde ele está, porque eu posso movê-lo. Indo para a camada visível superior, Ctrl Alt Shift A, desative todo o resto. Coloque isso no topo, faça minhas camadas de patente visíveis, e eu quero me livrar dessa área rosa novamente, então eu vou para a camada superior, selecione sobre o rosa e pressione “Excluir”. Aqui está a forma adicional que tenho para o meu padrão. Neste momento, um todo ou mais é selecionado do que eu quero, então eu vou pressionar Ctrl ou Command D para desmarcá-lo, e agora eu posso mover essa forma para a posição. Agora, se eu quiser que ele apareça aqui no meu padrão, eu vou ter que ter muito cuidado com ele. Porque ele cai sobre a borda do padrão aqui, eu preciso dele em dois lugares eu preciso dele aqui, e eu preciso dele aqui. Então eu vou pegar uma duplicata desta camada. Esta versão superior, eu vou mover 400 pixels, então eu vou escolher Editar, Transformação Livre. Neste momento, o valor x para o meio desta forma está em 30. Eu queria apenas movê-lo até aqui, 400 pixels, então eu vou digitar 430, e eu vou clicar na marca de seleção. O que isso vai garantir é que essas peças e essas peças vão se alinhar no padrão final. Então eu vou escolher Selecionar tudo, e eu vou fazer um padrão fora disso, e eu vou chamar isso de orgânico 2. Vamos voltar ao documento mestre e aplicar orgânico 2 aqui. Você pode ver que podemos construir este padrão com este efeito mensurável realmente interessante, e claro, como qualquer outro padrão que pode ser facilmente recuperado adicionando uma camada de ajuste, Camada, Nova camada de ajuste, Saturação de matiz, clique em “Ok”. Nós podemos apenas caminhar as cores ao redor desta imagem para obter uma mistura de cores diferente. Você pode reduzir a saturação também se quiser algo um pouco mais de escala de cinza. Se você não estiver obtendo detalhes visíveis suficientes do padrão nesta fase, volte para a própria camada de patente e escolha Camada, Nova camada de ajuste, Curvas. Agora, o que um ajuste de curvas permite que você faça é que ele permite que você altere o intervalo de tons na imagem. Agora, isso pode parecer um pouco confuso, mas vamos dar uma olhada e dizer o que acontece quando arrastamos para baixo nesta ponta da curva. O que estamos fazendo é escurecer as áreas mais escuras da imagem. Então, onde esta patente está escura, está ficando mais escura porque estes são os pixels mais escuros da imagem sobre este lado, e sobre este lado estão os pixels mais claros na imagem. Se nos arrastarmos na curva, vamos aliviá-los. As luzes estão ficando mais claras e as escuras estão ficando mais escuras, então estamos tendo um alcance tonal maior. Para salvar o antes e depois, vou apenas clicar aqui. Este é o “antes”. É um pouco falta de contraste, se você quiser, e aqui está o depois, é mais brilhante, há mais definição nas cores. Você pode brincar com a curva de tom, você pode fazer todo tipo de coisas com ela. Você pode até quebrá-lo assim e arrastar para baixo. Eu só encorajo você a brincar com a curva aqui porque você não pode danificar a imagem. Você sempre pode pressionar a tecla delete para voltar e começar novamente. Mas você pode achar que algumas coisas interessantes acontecem quando você trabalha com as curvas. Quanto mais você pratica com ele, mais você vai se acostumar com o que ele pode fazer com uma imagem. Mas esta curva S, neste caso, é uma curva muito, muito profunda em forma de S, vai ajudá-lo a trazer um pouco mais de contraste e Natal para a imagem. Então, há uma maneira de aplicar seu novo padrão metabólico a um documento, mas também aumentá-lo, então ele vai do original, através de um processo de clareamento com as curvas, e para uma mudança de cor usando matiz saturação. 7. Projeto e envolvimento e: Seu projeto para esta classe será criar uma ou ambas as formas metaball que você viu criadas aqui. Em seguida, use a forma ou formas para criar um padrão. Publique uma imagem do seu padrão ou padrões concluídos na área do projeto da classe. Espero que você tenha gostado desta aula e espero que tenha aprendido montes e montes sobre como trabalhar com o Photoshop. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite que você recomende esta classe para outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva em apenas algumas palavras por que você está curtindo esta aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula que eles também podem desfrutar. Se quiser me deixar um comentário ou uma pergunta, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para Almoço. Estou ansioso para vê-lo em um próximo episódio em breve. 8. Instruções de a Photoshop de Photoshop CS5 e anterior: O processo de criação do padrão Metaball em versões anteriores do Photoshop é um pouco diferente simplesmente porque as versões são diferentes. Estou trabalhando no CS5 aqui. Vou escolher Arquivo, Novo, vou criar um documento 400 por 400 pixels de tamanho, cor RGB branca. Vou clicar em “OK”. Agora vou colocar alguns guias no caso de os guias não funcionarem, então você escolherá Exibir, Novo Guia. Vai colocar um em 50% horizontal e, em seguida, você vai colocar um em 50% vertical ou vice-versa. Realmente não importa em que ordem você colocá-los, apenas digite 50%. Vou pressionar “Control” ou “Command 0" para diminuir o zoom. Indo para as ferramentas de elipse, eu vou selecionar isso. Você deseja clicar nesta seta apontando para baixo aqui e certifique-se de que a elipse está definida como irrestrito. Você quer o stile aqui, definido para este sem golpe e você quer uma cor, apenas preto é bom. Você vai arrastar para fora um círculo segurando a tecla shift como você faz. Ele quer ter menos da metade do tamanho deste documento, então você quer encaixá-lo aqui muito bem, e ele quer se intrometer em ambos os guias que você acabou de criar. No último painel, eu vou fazer uma duplicata dessa forma e então eu vou arrastar o mais alto para que ele se meta até o outro. Você pode selecionar os dois, arrastá-los para o novo ícone de camada, basta arrastar para baixo e, novamente, certifique-se de que esses próximos dois círculos estão com manteiga até as guias que você acabou de criar. Agora você pode clicar na parte superior, Shift clique na parte inferior e certificando-se de que show transform controles está visível. Você pode simplesmente girá-los, mantenha pressionada a tecla shift enquanto você girá-los para que você possa fazê-los girar em torno de 45 graus. Clique na marca de seleção. Em seguida, vamos para a ferramenta de retângulo, e queremos desenhar um retângulo nesta área. Provavelmente vai ser mais fácil se você mudar cor nesta fase só para que você possa ver o que você está fazendo. Então eu vou começar a desenhar meu retângulo. Eu vou segurar a tecla shift como eu faço para restringi-la a um quadrado perfeito e eu estou procurando por ela para cruzar aproximadamente onde os círculos em si estão se cruzando. Agora, se eu não colocá-lo perfeitamente centrado, eu não estou realmente preocupado porque eu posso voltar para a forma e, em seguida, apenas movê-lo para ter certeza de que ele está perfeitamente centrado sobre esses guias. Agora estamos prontos para fazer as contas com nossas formas, então a primeira coisa que você vai fazer é desligar essas duas formas laterais. Basta clicar na miniatura de visibilidade da camada para que você não possa vê-los. Vamos nos concentrar nessas três formas. Estou juntando-as. Em primeiro lugar, vamos para a forma quadrada e vamos apenas clicar na máscara de camada aqui. Esta é uma máscara vetorial aqui, e você quer ver as pequenas marcas ao redor da borda que dizem que você está focado nessa forma particular. Você vai pressionar “Control C”, que é o comando C em um Mac e você está copiando essa forma para a área de transferência, vá para baixo e clique nesta máscara. Então você quer dizer esta segunda camada com suas pequenas marcas em torno dela e você vai pressionar “Controle ou Comando V”. O resultado é que você deve ver as duas formas nesta máscara. Se você não disser isso, então você vai ter que voltar e começar de novo nesse processo. Em seguida, você irá para a ferramenta de seleção anterior aqui, selecione sobre estas duas formas e aqui na barra de ferramentas você deve ver a opção para combiná-las. Você só vai clicar para combiná-los e você vai ver agora que você tem essas formas combinadas para que você possa virar a forma mais alta fora porque você não precisa mais disso. Agora, que combinamos o quadrado e esta forma inferior, queremos combinar o que temos agora com a forma superior. Novamente, vamos clicar nesta miniatura lateral. Vamos nos certificar de que antes de fazer qualquer coisa que seja selecionado, ele tem essas pequenas marcas em torno dele. Pressione “Control or Command C”, vá até esta forma aqui, que é a que queremos adicioná-la para garantir que a máscara esteja selecionada. Tem aquela pequena caixa delimitadora e pressione “Controle ou Comando V”. Novamente, você deve ver a forma da combinação aparecer nesta máscara. Agora, se você não vê-lo, comece tudo de novo com apenas este passo. Volte para a ferramenta de seleção de caminho, selecione sobre toda a forma como está agora e clique em “Combinar”. Agora você deve ter esta forma aqui em baixo e você pode desligar este outro porque você não precisa mais dele. Vamos nos concentrar em montar essa forma. Vamos voltar a um desses círculos. Vou selecioná-lo, estou selecionando sua máscara, e vou pressionar “Controle ou Comando C” para copiar a forma. Vou desligar a visibilidade agora mesmo porque vai ser um pouco confuso para ver o que está acontecendo. Estou indo para a minha forma combinada aqui, certifique-se de que a máscara está selecionada, pressione “Control or Command V”. Agora, desta vez, queremos fazer algo diferente do que juntar a forma. Queremos selecionar este segundo ícone aqui, que é subtrair, e você verá que isso já está nocauteado no meio dessa forma, mas o que precisamos fazer agora é clicar em combinar e isso derruba permanentemente esse ritmo. Vamos voltar ao último círculo que temos de eliminar. Clique na máscara de camada vetorial aqui, pressione “Control or Command C” para copiá-la, desligue-a para que você possa ver o que está acontecendo. Clique nesta máscara aqui, certifique-se de que tem aquela pequena caixa cercada, pressione “Control or Command V” para colá-la. Como você pode ver, ele não está olhando direito ainda porque nós temos um select este segundo ícone aqui porque nós temos que subtrair da área de forma neste caso. Você verá aqui que você tem a forma exata correta, mas com um caminho extra, esta forma parece perfeita. Vá combinar e lá está a sua forma. Agora temos uma forma que podemos usar, o único problema é que quando vamos editar, não podemos definir uma forma personalizada neste momento. Vamos abrir a paleta passada e você verá que para esta forma, nós realmente temos uma máscara vetorial. Com a paleta passada visível, se você clicar nesta forma na máscara vetorial ou o que quer que ela lê, basta ir para editar e agora você vai dizer que definir forma personalizada é selecionável, porque agora você está dizendo ao photoshop, “Don não olhar para a máscara vetorial, na verdade ir e olhar para o caminho que está lá, porque é isso que eu quero que minha forma seja”, e nós vamos chamar isso mutável e clicar em “OK”. Agora você fez tudo o que precisava fazer. Você não precisa mais dessa forma porque a forma personalizada Metaball está incorporada ao Photoshop e, portanto, você pode seguir em frente como fizemos no vídeo para CS6 e posterior, e continuar a criar seus padrões Metaball.