Design de superfície orgânica no Adobe Photoshop: de padrões de turing básico a repetições sem costura exclusivas

1. Introdução e visão geral do curso: É incrivelmente gratificante ver como nossos botões orgânicos e perfeitamente balanceados tomam forma apenas alguns cliques e sem desenhar nada. É por isso que eu amo os padrões de Turing. Talvez você já saiba como gerar esses padrões no Adobe Photoshop, mas se seus ajustes e ações não são tudo o que existe nos Padrões de Turing, não pare por aí. Olá pessoal, eu sou Evgeniya Righini-Brand, designer gráfica da Attitude Creative, adoro criar todos os tipos de padrões abstratos, orgânicos e geométricos, e dou várias aulas sobre o assunto. Com esta aula, convido você a explorar o potencial criativo por trás da geração padrões de Turing, para que você possa criar mais facilmente e rapidamente , onde eles se repetem perfeitamente padrões de superfície orgânica com caracteres diferentes, que podem ser impressos em produtos, vendidos como ativos digitais ou usados em seus projetos de design gráfico ou marca. Além da técnica básica para gerar padrões de Turing, nesta aula, você aprenderá um fluxo de trabalho inteligente e não destrutivo para gerar blocos de padrões perfeitamente repetíveis, técnicas para criar padrões com caracteres diferentes usando diferentes tamanhos de ladrilhos, explorando simetria e distorções estruturais. Como acelerar seu fluxo de trabalho com um conjunto de ações úteis para gerar padrões e criar comutadores de padrões. Como aplicar seus padrões e cores, seu design de superfície. Como criar designs com padrões superdimensionados perfeitamente lisos no Adobe Photoshop e evitar a pixelização, além de dicas para criar e gerenciar suas opções de padrões e exportar seus designs de superfície. Se você é iniciante e adora a ideia de criar padrões sem precisar desenhar nada, para aprender algumas noções básicas super úteis do Photoshop e criar seu primeiro padrão generativo, ou um usuário intermediário que está empolgado em criar uma variedade de padrões diferentes e explorar um fluxo de trabalho diferente no Photoshop ou um profissional que usa muito o Photoshop e deseja adicionar um Uma técnica criativa bacana para seu arsenal e escolha algumas dicas de fluxo de trabalho para trabalhar com objetos e ações inteligentes. Esta é a aula para você. Ao final desta aula, você terá uma variedade de ativos reutilizáveis para usar em seus projetos futuros e estará totalmente equipado para realizar experimentos e criar muitos padrões diferentes com e criar muitos apenas alguns cliques. Aposto que você ficará obcecado gerar padrões de Turing em tamanhos diferentes, explorar a simetria e brincar com distorções, e mal posso esperar para ver todos os padrões e designs de superfície que você criar. Junte-se a mim nesta aula e vamos levar os padrões de Turing além do básico. 2. Como se aproximar desta aula e projeto: Eu me apaixonei por criar padrões diferentes assim que aprendi a técnica básica para gerá-los e, após algumas experiências, descobri que há muito mais potencial nessa técnica generativa além imitar padrões de superfície uniformes naturais. Introduzir a repetibilidade em formações de rasgos e padrões e, em seguida, explorar diferentes tamanhos, simetria e distorções de ladrilhos e misturar essas propriedades em diferentes combinações oferece infinitas possibilidades criativas e permite gerar qualquer número de designs exclusivos com caracteres diferentes. Com esta aula, tenho o prazer de compartilhar com você como você pode usar essa técnica simples para criar designs de superfície variados que podem ser incorporados como elementos gráficos em qualquer design gráfico, ilustração ou projeto de marca aplicado a vários produtos de impressão sob demanda ou vender como ativos digitais. Esta aula é bastante técnica , portanto, se você quiser acompanhá-la imediatamente ao assisti-la pela primeira vez, certifique-se de pausar as videoaulas para que você possa dedicar tempo necessário para concluir cada etapa. Como essa classe é baseada em elementos generativos e há muitas etapas de economia em todo o processo concluir cada etapa levará um tempo diferente, dependendo do tamanho do padrão com o qual você está trabalhando e da potência do seu computador. Pausar as aulas para ter tempo para concluir as etapas facilitará muito o acompanhamento do processo. Para o seu projeto de aula , crie quantos padrões diferentes quiser e compartilhe os resultados. Explore a criação de padrões em vários tamanhos de ladrilhos e experimente simetria e distorções, e misture e combine essas técnicas para criar padrões exclusivos com o personagem que você procura. A escala e as cores dos padrões podem mudar drasticamente a aparência de seus padrões ou designs de superfície. Divirta-se brincando com diferentes combinações de escala e cores e não hesite em baixar esses relógios dos recursos da classe e usá-los para começar a recolorir seus padrões. É sempre muito divertido ver esses padrões em uso , então considere criar e compartilhar alguns modelos de aplicativos também. Isso também pode ajudá-lo a ter algumas ideias divertidas de como esses padrões podem ser usados além de alguns designs de superfície simples. Não deixe de publicar seu projeto na guia de projetos e recursos desta aula, confira os projetos enviados por seus colegas e dê a eles alguns elogios. Mal posso esperar para ver o que você criará nesta aula, então vamos começar. 3. Tamanhos de azulejos e configuração de documentos: Vamos começar configurando um novo documento no Adobe Photoshop. O tamanho do documento determinará o tamanho do bloco padrão. Há alguns pontos importantes a serem considerados. Em primeiro lugar, para tornar seus padrões futuros perfeitamente repetíveis, a largura e a altura do documento precisam estar em múltiplos de 128 pixels, mas com o menor tamanho sendo 256 pixels para evitar possíveis problemas. Para tornar todo o processo um pouco mais simples, eu recomendaria usar um formato quadrado. Se você usar blocos de padrões pequenos, seu padrão terá menos variação e a repetição será mais óbvia. Quanto maior o documento, maior será o bloco de repetição. Ter blocos maiores é ótimo quando você quer ter mais variação em seus padrões, mas eles podem demorar um pouco mais para serem gerados. Eu criei um guia no qual você pode ver diferentes tamanhos de ladrilhos e a variação no padrão que eles criam. Não hesite em baixá-lo na guia “Projetos e Recursos” desta classe e referenciá-lo ao escolher os tamanhos para seus padrões futuros. Para demonstração nesta aula, começarei criando um documento de 768 por 768 pixels. Depois de configurar o tamanho do documento desejado, certifique-se de definir a resolução para 300 pixels por polegada, modo de cor para RGB e a profundidade de bits para 8 bits. Mantenha o conteúdo do plano de fundo definido como branco e, nas “Opções avançadas”, mantenha o perfil sRGB padrão em pixels quadrados. Quando todas as configurações corretas estiverem selecionadas, pressione o botão “Criar”. Então, imediatamente, pressione Command Shift S ou Control Shift S nas janelas para salvar este novo documento. Selecione um local adequado para salvar seus padrões de Turing e renomeie seu documento para saber quais padrões podem ser gerados nele no futuro. É altamente recomendável incluir as dimensões do documento no nome do arquivo e também indicar que é um arquivo mestre para gerar padrões desse tamanho. Com essa convenção de nomenclatura, você poderá diferenciar facilmente esse arquivo de qualquer outro arquivo mestre usado para gerar padrões em outros tamanhos ou para criar várias variações de padrões. Certifique-se de selecionar o formato do documento do Photoshop e incorporar o perfil de cores aqui. Em seguida, pressione “Salvar”. Crie um documento para seu futuro bloco de padrões no tamanho desejado em múltiplos de 128 pixels. Em seguida, vamos continuar configurando a estrutura das camadas usadas neste arquivo mestre, onde geraremos nossos padrões. 4. Configuração da estrutura de arquivos principal: Agora que criamos um documento no tamanho correto, podemos começar a configurá-lo para gerar nossos padrões de Turing. Para poder gerar e regenerar facilmente padrões de Turing, faça ajustes e crie variações dos padrões. Durante todo esse processo, trabalharemos com a estrutura dos objetos inteligentes aninhados uns nos outros. No início, pode parecer um pouco complexo ou confuso, então certifique-se de seguir as etapas que mostrarei aqui para poder configurar seu documento adequadamente e evitar problemas posteriormente. Primeiro de tudo, vá para o painel de camadas. Clique duas vezes no nome da camada padrão que você tem em seu documento e renomeie-a para padrão. Em seguida, clique com o botão direito nessa camada no painel de camadas e selecione Converter em objeto inteligente. Em seguida, clique duas vezes na miniatura de objetos inteligentes para abrir o conteúdo dos objetos inteligentes como um documento separado. Esse documento de segundo nível será usado para desenvolver a repetição perfeita dos blocos de padrões, então vá até o painel de camadas neste documento e renomeie essa camada para Tile. Em seguida, clique com o botão direito sobre ele e converta-o em outro objeto inteligente. Este é o nosso documento de segundo nível por enquanto. Em seguida, precisamos ir um nível mais profundo. Clique duas vezes na miniatura de objetos inteligentes do bloco para abrir seu conteúdo. Agora, neste terceiro nível do nosso documento, renomeie a camada para Base em vez disso. Novamente, converta-o em um objeto inteligente. Agora, ainda neste documento de terceiro nível, pressione “D” para redefinir as cores do primeiro plano e do plano de fundo para preto e branco, respectivamente, para que as cores tenham esta aparência no painel de ferramentas. Em seguida, selecione a camada base e vá para o menu Filtro, Renderizar, e selecione Nuvens e Photoshop gerará um botão de nuvem, que será usado como base para o seu padrão de Turing. Você não precisará desenhar um único elemento durante esse processo. Como geramos esse padrão aplicado a um objeto inteligente, você poderá vê-lo como um filtro inteligente sob essa camada e poderá regenerar um padrão de nuvem clicando duas vezes no nome do filtro aqui. Toda vez que você regenerar as nuvens, você obterá um padrão de nuvem completamente novo, que gerará um padrão de Turing exclusivo no arquivo mestre e você verá como isso funciona em breve. Depois de gerar as nuvens neste documento, pressione “Command S” ou “Control S” no Windows para salvar o conteúdo do seu documento de terceiro nível. Isso atualizará o objeto inteligente no documento de segundo nível, que agora deve ter a seguinte aparência. Agora, salve o conteúdo do documento de segundo nível para que as alterações possam ser retornadas ao seu arquivo mestre. Ao trabalhar com o conteúdo de objetos inteligentes, preste atenção em qual janela ou guia você está trabalhando nos nomes das camadas que você tem no painel de camadas para evitar problemas. Certifique-se de trabalhar nos documentos na ordem do arquivo mestre mais profundo para o de nível superior e salve as alterações feitas nessa ordem para evitar desvincular seus documentos abertos de objetos inteligentes de seus documentos principais. Além disso, certifique-se de não pular nenhuma etapa e evitar gerar novas nuvens no documento de segundo nível em vez do documento de terceiro nível , pois ter esse nível extra intermediário é o que permitirá que você crie repetições perfeitas e desenvolva variações de patentes posteriormente. Depois de salvar as alterações no terceiro e depois no documento de segundo nível, agora você deve ver o padrão de nuvens em seu arquivo mestre. Agora você também pode salvá-lo. A estrutura e a ordem do documento de aninhamento são criadas. Em seguida, podemos passar para a próxima etapa de configuração das ações para gerar padrões de Turing. 5. Formando padrões de cura: Neste estágio, trabalharemos exclusivamente no arquivo mestre principal com nosso objeto inteligente chamado botão, que você precisará selecionar no painel de camadas. Para tornar muito rápido e fácil criar padrões do tipo Turing no futuro. Nesta lição, criaremos algumas ações que você pode configurar uma vez e depois aplicar sem precisar se preocupar em memorizar nenhuma configuração. Comece acessando o painel de ações. Se você não conseguir vê-lo em seu espaço de trabalho, você pode abri-lo no menu Janela aqui. No painel de ações, crie um novo conjunto clicando nesse botão e chame-o de padrões de Turing. Em seguida, selecione o novo conjunto e clique no botão de novas ações aqui. A primeira ação que criaremos replicará o processo real de formação do padrão de Turing, que é conhecido como difusão de reação. Vamos nomear essa ação adequadamente. Em seguida, pressione gravar. Ao gravar uma ação, o botão de gravação aqui ficará vermelho, indicando que a gravação está em andamento. Quando o padrão estiver marcado como camada de objeto já selecionada no painel de camadas antes de começar a gravar a ação, vá para o menu de filtro, outro, e selecione highpass. Defina o valor do raio para seis pixels e pressione “Ok”. Em seguida, vá para o menu Imagem, ajustes e selecione limite. Defina o nível de limite como 128, que é seu valor padrão, e aplique as alterações. Então, novamente, vá para o menu de filtro, desfoque e selecione Desfoque gaussiano. Defina seu raio para seis pixels e pressione “Ok”. Em seguida, pare a gravação no painel de ações. Sua ação deve conter essas três etapas nessa ordem exata e, se necessário, você pode verificar novamente as configurações de cada filtro, desta forma. No painel de camadas, o filtro inteligente aplicado ao objeto terá a seguinte aparência. Ele estará na ordem inversa, com o filtro aplicado por último na parte superior. Aqui, os padrões são formados pela repetição do mesmo processo de difusão da reação várias vezes, o que desenvolve as formas, aumenta o padrão uniforme das formas e as lacunas entre elas. Para agilizar a criação de variações uniformes bem desenvolvidas, vamos criar uma nova ação que nos permitirá aplicar o leilão anterior que criamos várias vezes. Gosto de aplicar ações de difusão de reação em conjuntos de cinco porque isso facilita os ajustes finais na formação do padrão. Vamos chamar nossa nova ação difusão de reação x5 e clicar em “Gravar”. Agora, basta selecionar a ação de difusão da reação anterior que criamos e clicar em “Jogar”. Em seguida, repita o processo mais quatro vezes. Você vê cinco etapas gerais de jogadas nesta nova opção. Em seguida, pare de gravar e o conteúdo das ações para que elas não ocupem muito espaço no painel de ações. Ao registrar nossas duas ações, já aplicamos difusão da reação ao padrão seis vezes. Para formar formas bem desenvolvidas em seu padrão, você precisa aplicá-las entre 20 e 50 vezes. Quanto mais vezes você as aplicar, mais uniformes as formas e lacunas se tornarão, mas você também notará uma maior separação das formas ocorrendo durante todo o processo. Acho que aplicar as ações entre 25 e 35 vezes é uma boa meta. Com nossas seis rodadas de reação-difusão já aplicadas, vamos aplicar a ação original de difusão de reação única mais quatro vezes para nos levar a 10 no total. Em seguida, selecione a ação X5 de difusão da reação e aplique-a também mais quatro vezes para elevar o número total de ações de difusão da reação para 30. Sempre me certifico de contar quantas vezes apliquei as ações para saber se preciso aplicá-las mais ou menos vezes no futuro para produzir um nível de formação desejável. Pelo mesmo motivo, também gosto de alterar o nome das camadas para indicar o número de vezes o efeito de difusão da reação foi aplicado. Ao aplicar os filtros de reação-difusão, você tem um vislumbre das formas que estão sendo formadas. Mas você não saberá o quão bem desenvolvidos eles estão até aprimorar o padrão. Essa é a próxima ação que criaremos. Dê um nome, padrão nítido e clique em “Gravar”. Agora vá para o menu do filtro, aumente nitidez e selecione “Unsharp Mask”. Defina a quantidade para 500 por cento, o raio para 100 pixels e o limite para três. Em seguida, clique em “Ok” e pare de gravar a ação. O padrão agora tem bordas bem sólidas, mas elas ainda parecem relativamente suaves, embora estejamos vendo isso ampliado. Para torná-las mais nítidas, vamos aplicar a mesma ação de padrão nítido mais uma vez e obteremos uma bela aparência gráfica nas formas, que ainda é suave. Depois de aprimorar o padrão, você terá uma visão melhor das formações de forma em seu padrão e, se necessário, poderá experimentar aplicar as ações de difusão da reação um número diferente de vezes e comparar os resultados. É muito mais fácil excluir todos os filtros e começar de novo se você precisar aplicar um número diferente de ações de difusão da reação. Saber quantas vezes você os aplicou em primeiro lugar é sempre uma boa ideia, para que você não precise contar manualmente os filtros no painel de camadas. Por exemplo, vou simplesmente excluir esses filtros inteligentes e, em seguida, jogar a ação X5 de difusão de reação sete vezes, para que eu tenha 35 rodadas em vez de 30. Em seguida, atualizarei rapidamente o nome da minha camada para refletir a alteração e, em seguida, aplicarei meu leilão de padrões de nitidez algumas vezes. Aqui está meu padrão, essas formas um pouco mais evoluídas. Agora vamos salvar rapidamente nosso arquivo mestre. Feito isso, estamos configurando as ações para converter rapidamente os padrões de nuvens nos padrões de Turing. Na próxima lição, veremos como tornar o bloco de padrões gerado neste documento perfeitamente repetível. 6. Garantir uma repetição sem costura: O efeito de difusão e nitidez da reação aplicado ao objeto inteligente em nosso arquivo mestre, se você tentar repetir esse estilo ou visualizar como ele se repete usando a opção de visualização de padrões relativamente nova no menu de exibição, você descobrirá que na verdade não é perfeito. Mas isso é facilmente remediado fazendo uma modificação rápida e fácil no conteúdo do objeto inteligente padrão. Vamos ao nosso documento de segundo nível e pressionar Command Alt C ou Control Alt C no Windows para abrir a caixa de diálogo Tamanho do Canvas. Aqui, precisamos dobrar a largura e a altura da tela. Você não precisa calcular nada, basta começar acessando o campo de largura e digitar Asterisk 2 após a largura existente do Canvas. Em seguida, faça o mesmo no campo de altura. Photoshop calculará tudo para você, então tudo o que você precisa fazer agora é clicar em “Ok”. Agora, na barra de opções, clique no botão de opções de alinhamento e selecione alinhar ao Canvas aqui. Alinhe seu ladrilho no canto superior esquerdo. Em seguida, marque ou selecione aqui se ainda não estiver marcada, mantenha pressionada a tecla Alt e arraste a cauda para o lado para duplicá-la. Se você tiver guias inteligentes ativadas, poderá usá-las para alinhar perfeitamente o segundo bloco ao outro canto. Ou, por segurança, você pode clicar nele depois de criá-lo e alinhá-lo ao Canvas usando os botões de alinhamento. Em seguida, selecione os dois blocos assim e arraste-os Alt para a metade inferior da tela. Novamente, certifique-se de que eles estejam perfeitamente alinhados com seus respectivos cantos e entre si. Seu documento de segundo nível agora deve ter a seguinte aparência, com quatro blocos formando um padrão perfeito cobrindo toda a tela. Devido à forma como criamos essas cópias, todos esses objetos inteligentes levarão ao mesmo conteúdo de objetos inteligentes. Portanto, se você fizer isso agora, regenerar as nuvens e salvar esse documento de primeiro nível, os quatro blocos de padrões de nuvens no documento de segundo nível refletirão as alterações. E esse é o objetivo de usar objetos inteligentes e documentos aninhados. Agora salve o documento de segundo nível e vamos para o arquivo mestre. Aqui, os efeitos de difusão da reação foram regenerados para levar em conta o novo conteúdo dos objetos inteligentes, e o que você vê no Canvas agora é um bloco perfeito. Então, agora toda a estrutura dos efeitos e ações do documento está configurada, e então estamos prontos para gerar uma tonelada de padrões repetidos. Na próxima lição, mostrarei como você pode acelerar consideravelmente seu fluxo de trabalho ao definir padrões a serem usados no Photoshop e manter todos os blocos de padrões gerados para qualquer uso ou referência posterior. 7. Criando amostras de padrões: Estamos quase prontos para começar a enlouquecer e criar um grande número de padrões de Turing exclusivos. Mas antes de começarmos, e para economizar tempo definindo padrões, vamos criar outra ação. Chame-o de Criar amostra de padrão e pressione “Gravar”. Para a primeira etapa dessa ação, pressione “Alt Comma” para selecionar a camada inferior que contém o objeto inteligente padrão. Em seguida, clique com o botão direito nessa camada no painel de camadas e selecione “Criar novo objeto inteligente via cópia”. Em seguida, clique com o botão direito na nova cópia e selecione “Rasterizar camada”. Ao executar as etapas, basicamente fazemos backup dos resultados do padrão gerado para não perdê-lo ao regenerar as nuvens. Depois de executar essas etapas, podemos prosseguir com a definição da amostra do padrão. Primeiro, pressione “Comando A” ou “Controle A” no Windows para selecionar o conteúdo da camada recém-rasterizada na tela. Em seguida, vá para o menu de edição e selecione “Definir padrão”. Nesse diálogo, renomeie seu padrão futuro. Vou simplesmente chamar o meu para o Padrão de Turing. Você não precisa especificar o tamanho ou qualquer outra coisa aqui para tornar essa ação universal para qualquer um dos padrões de Turing que você criará. Você sempre pode renomear manualmente seus padrões futuros posteriormente, se necessário. Depois de alterar o nome do padrão, clique em “Ok” e sua amostra de padrão será criada. Em seguida, verificaremos isso em breve. Mas antes disso, precisamos concluir nossa ação ocultando essa camada, o que você pode fazer pressionando “Comando” ou “Controle” no Windows, que é o atalho para ocultar a camada atualmente selecionada. Finalmente, podemos parar de gravar a ação. Agora, você pode verificar rapidamente as etapas no painel de ações e garantir que não haja etapas extras além dessas. Essa é uma ação muito simples, mas quando você cria muitos padrões, ela pode realmente ajudar você a economizar muito tempo. Próximo. Mas antes de passarmos a gerar mais padrões, vamos verificar rapidamente nossas ações e tudo o mais que fizemos até agora, criando um padrão perfeito que se repete perfeitamente. 8. Pré-visualização do seu primeiro padrão de cura: Com nosso primeiro padrão, está pronto. Vamos verificar rapidamente como fica quando revestido. Se você tiver uma nova versão do Adobe Photoshop, que tem a opção de visualização de padrões no menu Exibir, você pode visualizar seus padrões diretamente no arquivo mestre, desta forma, se quiser. No entanto, se você tiver uma versão mais antiga do Adobe Photoshop, ou se quiser brincar imediatamente com a escala e a rotação de seus novos padrões, precisará usar um documento separado. Em primeiro lugar, vamos salvar rapidamente nosso arquivo mestre para não perdermos nada do que fizemos até agora. Em seguida, vá e crie um novo documento. Você pode usar qualquer tamanho de documento que quiser, mas ele precisará ser grande o suficiente para acomodar várias repetições do seu padrão em grande escala. Se desejar, você pode definir imediatamente esse tamanho de documento para qualquer possível aplicação futura do seu padrão ou para compartilhar nas redes sociais ou no projeto de sua turma. Também tenho meu tamanho de documentos de 2.400 por 1.800 pixels, o que fornecerá uma boa visão geral dos meus padrões e também ficará bem quando publicado como um projeto de classe. Considere usar um tamanho semelhante para as imagens do seu projeto. Novamente, use a resolução de 300 ppi e modo de cores RGB e crie seu documento. Vamos aplicar nosso padrão de forma inteligente para que possamos explorar facilmente diferentes opções. Vá para o painel Camadas, clique no botão “Criar novo preenchimento” ou “Camada de ajuste” e selecione “Padrão”. Em seguida, nesta caixa de diálogo, vamos selecionar nosso novo padrão na lista aqui e clicar em “Ok” para aplicá-lo. Como é uma camada de preenchimento de padrão, você pode clicar duas vezes em sua miniatura no painel de camadas a qualquer momento e resolver o preenchimento padrão qualquer outra amostra para ver como ela funciona. Você também pode brincar com a escala do padrão e o ângulo de rotação aqui. Com blocos de padrão menores, a repetição pode ser sempre silenciosa. Mas você sempre pode girar um pouco seu padrão e ele deixará de parecer muito estruturado. Vou colorir usando padrões dentro dos truques do Adobe Photoshop para evitar a pixelização ao dimensioná-los além de 100 por cento e colorir padrões mais tarde na aula. Por enquanto, basta manter essas opções em mente. Verifique se o padrão está alinhado perfeitamente e, em seguida, pressione “Ok” para aplicar as alterações. Agora, vamos salvar esse documento rapidamente. Podemos facilmente voltar a isso mais tarde para testar outros padrões. Vou chamar esse documento de pré-visualização padrão e salvá-lo na mesma pasta do meu arquivo mestre. Agora que sabemos que todas as nossas ações e configurações de documentos funcionam corretamente, a seguir, vamos continuar gerando padrões diferentes e criando mais amostras. 9. Gerando mais padrões e amostras: Com o arquivo mestre seu primeiro tamanho de bloco padrão, agora você pode criar facilmente quantas novas poças no mesmo tamanho quiser. Sempre que quiser gerar um novo botão, você precisará acessar o conteúdo dos dois ninhos em objetos inteligentes. Se você os manteve abertos, basta ir para o documento de terceiro nível. Se você fechá-los, abra-os primeiro clicando duas vezes na miniatura do padrão Smart Object no arquivo mestre. No documento de segundo nível, clique duas vezes na fórmula de qualquer uma das quatro camadas de mosaico, pois elas levam ao mesmo documento. No documento de terceiro nível, clique duas vezes no nome do filtro de nuvens no painel de camadas para regenerar o padrão de nuvens. Em seguida, salve as alterações neste documento e volte para o documento de segundo nível Confira os blocos atualizados do padrão de nuvem e salve as alterações neste documento também. Em seguida, volte para o arquivo mestre onde você verá seu novo padrão. Se você gostar da aparência do seu novo bloco, execute a ação para criar uma amostra de padrão. Em seguida, volte e repita o processo para gerar quantos blocos de padrões quiser. Certifique-se de salvar os documentos em ordem, começando com o documento de primeiro nível. Não se esqueça de salvar o arquivo mestre de tempos em tempos, para não perder nenhum bloco de padrão rasterizado. Esse é o processo de gerar mais padrões e criar mais amostras usando seu primeiro arquivo mestre. Na próxima lição, compartilharei com vocês minhas dicas para criar mais arquivos mestres para blocos de padrões em tamanhos diferentes. 10. Variações de padrão: tamanhos de azulejos: Agora que você configurou seu arquivo mestre para um tamanho de bloco específico, você pode seguir as mesmas etapas para criar mais arquivos mestres para diferentes tamanhos de padrão. Confira o guia para diferentes tamanhos de padrões e variações de formas. Insira uma guia em seus novos arquivos mestres para os tamanhos desejados. Ao configurar um arquivo mestre, renove um tamanho de bloco diferente. É melhor começar do zero todas as vezes. O processo será bastante rápido, pois as ações já estão configuradas e prontas para serem aplicadas. Você só precisa configurar seus novos arquivos mestres uma vez e depois usá-los para sempre. Evite a tentação de simplesmente redimensionar seu arquivo mestre criado anteriormente e seu conteúdo, pois, embora pareça mais fácil e rápido, ele pode atrapalhar os objetos inteligentes vinculados. Para facilitar o trabalho com seus diferentes arquivos mestres, é altamente recomendável ter apenas um arquivo mestre e seus documentos de objetos inteligentes aninhados todos abertos por vez. Caso contrário, você se confundirá rapidamente com vários objetos inteligentes. Quando você tiver seus novos arquivos principais prontos, brinque com a regeneração das nuvens e crie quantas novas amostras de padrões em cada tamanho quiser. Em seguida, confira seus padrões em seu documento de pré-visualização de padrões. Além de criar blocos de padrões em tamanhos diferentes, o que fornece alguma variação de padrão, também existem algumas técnicas diferentes para criar variações estruturais desses padrões. Na próxima parte, exploraremos a primeira dessas técnicas, que permitirá criar blocos de padrões simétricos. 11. Variações de padrão: simetria: Uma das principais razões pelas quais adoro criar padrões é que sua natureza orgânica, aleatória e generativa fornece uma excelente base para experimentar e me divertir criando padrões simétricos. Você não precisa fazer muito trabalho extra para criar padrões simétricos. Você pode usar seus arquivos mestres criados anteriormente como ponto de partida. Para meu padrão, continuarei usando meu arquivo mestre de 768 pixels. Você pode usar qualquer tamanho que quiser para seu primeiro padrão simétrico e, depois de ver os resultados, aposto que você vai querer experimentar a criação de padrões simétricos em vários tamanhos diferentes, porque o caráter dos padrões simétricos em tamanhos diferentes pode ser bem diferente. Se você estiver usando o arquivo no qual acabou de trabalhar, salve todas as alterações no arquivo mestre e feche os dois documentos de objetos inteligentes aninhados. Isso é importante para evitar bagunçar os arquivos vinculados. Se você tiver vários documentos e guias abertos, é uma boa ideia salvar e fechar todos esses arquivos, exceto o arquivo de visualização de padrões, no arquivo mestre que você deseja continuar usando, para não ficar confuso sobre qual arquivo é qual. Com apenas o arquivo mestre selecionado e o documento de visualização abertos, vamos começar criando uma cópia desse arquivo mestre para que o original permaneça como estava. Pressione Command Shift S ou Control Shift S no Windows para abrir a caixa de diálogo Salvar como e salvar uma cópia para sua variação simétrica como um novo documento com um nome diferente. Para deixar claro o que está nesse arquivo, adicione algo como Simetria V+H para indicar que tipo de simetria será usada. Também é uma boa ideia modificar a descrição do tamanho aqui e dobrar o tamanho ou colocar o dobro do número original aqui, seguido por de e depois pelo número original. Para mim, serão 1.536 de 768. Você verá por que o tamanho será diferente em breve. Faça as alterações no nome do arquivo e salve seu novo documento. Agora, neste novo arquivo mestre, exclua todos os estilos rasterizados regenerados anteriores e mantenha apenas sua camada de objeto inteligente padrão. Em seguida, clique duas vezes na miniatura da camada padrão para entrar no documento de segundo nível desse arquivo. Para criar simetria vertical e horizontal, precisamos refletir três de nossos quatro blocos aqui. Com a Seleção automática marcada aqui, comece selecionando os dois blocos à direita, depois pressione Command T ou Control T no Windows para alternar para a ferramenta de transformação livre e, em seguida, vá para a barra de opções e insira menos na frente dos 100 por cento no campo de largura como este e pressione “Enter”. Em seguida, clique fora da tela para desmarcar os dois blocos refletidos. Agora, selecione os dois blocos inferiores e, novamente, entre no modo de transformação livre, mas desta vez digite menos antes de 100 por cento no campo de altura e pressione “Enter” para aplicar as alterações. Ao refletir os estilos, criamos efetivamente um novo bloco maior que será repetido para formar o padrão. Vamos selecionar essas quatro camadas no painel Camadas, agrupá-las pressionando Command G ou Control G no Windows e renomear esse grupo para bloco simétrico. Agora, precisamos repetir o mesmo processo de encaixar quatro cópias desse grupo na tela para tornar nosso padrão simétrico perfeitamente repetível. Novamente, vamos abrir as opções de tamanho do Canvas, dobrar a largura e a altura desse documento de objeto inteligente e aplicar as alterações. Em seguida, desmarque a Seleção automática para evitar a seleção de objetos inteligentes individuais dentro do grupo. Em seguida, selecione seu grupo no painel Camadas, vá até Ferramentas de alinhamento, selecione Alinhar à tela e alinhe seu grupo no canto superior esquerdo da tela. Em seguida, crie uma cópia e alinhe-a no canto superior direito. Em seguida, repita o processo para preencher os outros dois cantos. Agora, vamos salvar esse documento e voltar ao arquivo mestre. As formas simétricas já parecem interessantes, mas isso está no fragmento E do ladrilho repetido. Vamos abrir as opções de tamanho da tela para esse arquivo mestre e dobrar a largura e a altura aqui também. Agora você sabe do que se tratavam todas essas mudanças de nome de arquivo. Agora, vamos aplicar as mudanças. Aqui está nosso ladrilho simétrico sem costura. Depois de configurar esse novo arquivo mestre, certifique-se de salvá-lo. Então, o processo de geração de padrões e criação comutadores de padrões será exatamente o mesmo de antes. Adoro brincar com padrões simétricos e eles podem parecer bem diferentes dependendo do tamanho original do ladrilho. Gerar blocos de padrões simétricos pode ser um processo viciante, então divirta-se. Além dos blocos de padrões totalmente simétricos, você também pode criar padrões apenas com simetria vertical ou horizontal. Para fazer isso, reflita dois objetos inteligentes adjacentes , como este, para criar simetria vertical, ou assim , para criar simetria horizontal. Se você quiser experimentar diferentes tipos de simetria, sugiro seguir o processo que abordei nesta lição para cada um deles e criar arquivos mestres separados para que possam ser facilmente reutilizados no futuro para gerar mais padrões. Explore a criação de padrões com diferentes tipos de simetria e o uso diferentes tamanhos de bloco e teste-os em seu documento de pré-visualização. A seguir, vamos dar uma olhada em como você pode criar ainda mais variações de padrões com distorções estruturais. 12. Variações de padrão: distorções: As nuvens geradas pelo Photoshop fornecem uma boa base para criar padrões calmos e uniformes. Mas você pode desenvolver ainda mais seus padrões do tipo Turing usando distorções estruturais, o que o ajudará a criar padrões mais dinâmicos com um personagem diferente, ou simplesmente adicionar mais interesse visual ou variação aos seus padrões. Há muitos filtros diferentes que você pode usar para distorcer seus padrões, então há muito espaço para experimentação. Nesta lição, mostrarei o fluxo de trabalho geral para criar padrões distorcidos e compartilharei rapidamente com você alguns dos meus efeitos favoritos e as configurações necessárias para criá-los. Novamente, é uma boa ideia criar arquivos mestres separados para cada variação de padrão. Você pode começar com qualquer um dos seus arquivos mestres criados anteriormente. Continuarei usando meu arquivo mestre original de 768 pixels, que criei anteriormente nesta aula. Da mesma forma que ao criar arquivos mestres para variações simétricas, comecei fechando qualquer documento de objeto inteligente associado e recebi esse arquivo mestre como um novo documento com um nome diferente. Corrija o nome do arquivo com o filtro que você usará. O primeiro que vou te mostrar é um mosaico. Vamos salvar esse documento. Agora, trabalhando com nosso novo arquivo mestre. Vá para o documento de segundo nível e depois para o terceiro. Selecione a camada base do objeto inteligente e vá para o menu Filtro, pixelize e selecione mosaico. Defina o tamanho da célula para 32. Esse tamanho funciona melhor com esse tipo de botão. Mas você também pode tentar 64 ou 128. Aplique as alterações, regenere as nuvens que você projetou e salve o documento. Então, como antes, vá para o documento de segundo nível e obtenha-o com os blocos pixelados atualizados. É assim que seu padrão deve aparecer agora em seu arquivo mestre. Se você gostar da aparência, crie uma nova amostra de padrão e experimente renderizar novamente a nuvem para criar mais padrões desse tipo. Essa é a técnica geral para usar filtros adicionais para distorcer as nuvens. Você pode usar outros filtros para criar efeitos diferentes. Não vou passar pelo mesmo processo para cada um deles. Em vez disso, basta fornecer uma visão geral rápida de outros filtros que você pode aplicar ao filtro básico objetos inteligentes com o filtro de nuvens, que criará vários padrões de aparência divertida. Se você gostar da aparência de algumas das distorções a seguir, não hesite em capturar uma captura de tela das configurações específicas do campo e experimentar você mesmo. O filtro de desfoque de movimento da seção de desfoque do menu de filtros permite criar facilmente padrões alongados. Aqui, você pode experimentar a distância e o ângulo do desfoque. Tente usar ângulos de zero ou 90 graus para distorções horizontais ou verticais. Ou 45 graus se você quiser um movimento diagonal. Quanto maior a distância, mais alongadas as formas se tornarão. Mas você também obterá algumas formas nas costuras que não seguem o padrão de distorção. Não há nada de errado com isso. Apenas os ladrilhos, os ladrilhos ficarão mais óbvios. Você também pode usar o efeito cascata da seção de distorção para criar uma distorção diagonal ligeiramente diferente e explorar diferentes opções de quantidade e tamanho. O efeito mais pronunciado será alcançado com o tamanho grande na quantidade máxima. Mas os outros dois tamanhos, combinados com quantidades diferentes, podem criar algumas variações divertidas no padrão sem ter uma distorção direcional óbvia. Ripple é um efeito divertido para experimentar em combinação com botões simétricos, o que permitirá criar simétricos mais dinâmicos. Um dos meus filtros favoritos para criar variações do padrão de Turing é o filtro de onda da seção de distorção. Ele tem muitas configurações diferentes que você pode explorar, e eu recomendaria usar um gerador, configurando-o para envolvê-lo aqui. Usando esse tipo de sinal para criar distorções de onda contínuas ou quase perfeitas, dependendo da combinação de todas as configurações, defina o comprimento de onda máximo para 256. Com uma certa quantidade de distorções, não é muito importante manter seus blocos de nuvem perfeitamente perfeitos. Não hesite em brincar com o comprimento de onda mínimo e máximo, bem como com a amplitude e a escala para conferir os diferentes efeitos. Se você quiser criar variações de padrões com algum movimento circular nos elementos, confira o efeito em ziguezague na seção de distorção. Para círculos mais pronunciados na parte inferior, use uma quantidade maior, um número maior de sulcos e use menos regiões e quantidade menor, efeito quase sutil. Experimente estilos diferentes no menu suspenso. Lembre-se de que as distorções afetarão diferentes tamanhos de blocos de padrões de maneiras diferentes. São ainda mais variações que você pode experimentar. Esses são apenas alguns dos meus filtros favoritos para criar cura em variações de patentes. Mas é claro que você também pode tentar usar outros tipos de filtros e ver quais efeitos você pode criar. Não se esqueça de que você também pode misturar diferentes técnicas e combinar simetria enquanto distorce seus blocos de padrões. As possibilidades são infinitas, e fiquei muito empolgada ao ver quais variações de padrões você cria. Agora você sabe como criar seus padrões em tamanhos diferentes e criar algumas alternativas estruturais. Configure quantos arquivos mestres diferentes quiser para diferentes variações de seus padrões. Divirta-se gerando amostras de padrões diferentes. A seguir, compartilharei com você algumas dicas rápidas para gerenciar suas amostras de padrões. 13. Gerenciando amostras de padrão: Até agora, você deve ter uma coleção bastante grande de padrões de Turing exclusivos. Vamos classificar rapidamente todas as amostras de padrões, que sejam fáceis de encontrar, usar ou exportar. Vá para o menu Janela e abra o painel de padrões se você ainda não o tiver em seu espaço de trabalho. Aqui, você provavelmente verá vários grupos de padrões padrão ou personalizados e seus Padrões de Turing aparecerão desordenados, fora de qualquer pasta ou dentro da última pasta que você usou. “Shift”, clique no primeiro e no último dos seus Padrões de Turing e, em seguida, clique no botão “Criar novo grupo” aqui. Chame-o de Padrões de Turing e, em seguida, aplique as alterações. Você pode manter todos os seus Padrões de Turing em um grupo ou adicionar mais grupos a esse grupo para classificá-los por tamanho, tipo ou distorção. Por exemplo, vou organizar o meu em três grupos. Um para padrões de Turing originais regulares, outro para variações simétricas. O terceiro para todos os tipos de distorções. Além de fornecer seus padrões nos grupos, você também pode clicar com o botão direito do mouse nos padrões individuais e renomeá-los. Isso pode ser útil se você quiser que o nome da amostra reflita as características do padrão ou o tamanho do bloco. Você também pode acessar esse menu e alternar para a exibição em lista para ver todos os nomes dos padrões para saber o que precisa renomear. Se você quiser exportar seus padrões do Photoshop para usar em outro dispositivo, compartilhá-los ou vendê-los, selecione um padrão individual, vários padrões ou um grupo inteiro de padrões, do mouse na seleção e escolha “Exportar padrões selecionados” no menu. Dê um nome ao arquivo da biblioteca de amostras. Selecione o local onde você deseja salvá-lo e clique em “Salvar”. Novas bibliotecas de amostras de padrões podem ser adicionadas ao seu painel de padrões abrindo esse menu. Selecionar padrões de importação e localizar na biblioteca que você deseja importar. Agora, como você classificou todas as novas amostras de padrões, podemos seguir com dicas para usar seus padrões no Adobe Photoshop. 14. Aplicando e colorindo seus padrões: Com vários padrões diferentes, o que está pronto? Agora podemos começar a usá-los corretamente. Vou brincar com meus padrões no meu documento de pré-visualização. Você pode fazer o mesmo para compartilhar facilmente os resultados em seu projeto de classe. Ao aplicar padrões para um aplicativo específico, você gostaria de começar com o tamanho de documento necessário. Mas os princípios de uso de seus padrões serão os mesmos, independentemente das dimensões específicas do documento. Usando uma camada de preenchimento padrão, veja suas diferentes opções de padrão. Se você já estiver trabalhando em um documento para um aplicativo específico , brinque com a escala e a rotação do padrão dentro desse formato especificado para que seu padrão funcione melhor na saída pretendida. Você também pode arrastar seu padrão pela tela para posicionar melhor seus elementos dentro do formato e evitar bordas estranhas. Se quiser, você também pode escalar seu padrão além de 100%, mesmo que ele tenha bordas difusas. Apenas ignore isso por enquanto. Porque vou compartilhar com você uma técnica para fazer padrões grandes tenham uma boa aparência e suavidade na próxima lição. Além de brincar com a escala, rotação e posição de seus padrões, é claro que você gostaria de colori-los. A maneira mais fácil de colorir esses padrões no Adobe Photoshop é usando mapas de gradiente. Clique no botão criar nova camada de preenchimento ou ajuste no painel de camadas e selecione o mapa de gradiente. A nova camada de ajuste deve aparecer acima da camada de preenchimento do padrão. Nessa caixa de diálogo, clique na pré-visualização do gradiente aqui. Em seguida, na janela a seguir, selecione qualquer gradiente que você queira usar como um mapa de gradiente. Uma das paradas de cor no gradiente substituirá a cor preta em seu padrão e a outra substituirá a cor branca. Se você não tiver seus próprios pares de cores para colorir seus padrões, confira os gradientes padrão do Adobe Photoshop. Existem muitas opções diferentes, e acho que o conjunto pastel funciona muito bem quando aplicado a padrões de hierarquização. Você também pode brincar com os relógios de gradiente que eu criei especificamente para colorir padrões de hierarquização. Você pode baixar uma seleção desses relógios na guia de projetos e recursos desta classe e importá-los, coloque este botão aqui. Selecione qualquer gradiente que você queira usar aqui e aplique as alterações. Se você quiser trocar rapidamente as duas cores, marque a opção inversa aqui. Aqui está seu padrão de hierarquização recolorido. Explore diferentes combinações de cores e veja como elas funcionam com padrões diferentes. Não se esqueça de salvar seus experimentos favoritos que você possa compartilhá-los em seu projeto de aula ou usar em qualquer aplicativo desejado. Você pode fazer backup de seus experimentos separados salvando-os como documentos PSD individuais, se quiser criar facilmente algo que você criou no futuro. Para compartilhar seus experimentos em seu projeto ou enviá-los para impressão, salve uma cópia dos seus arquivos em PNG. Isso resultará em tamanhos de arquivo consideravelmente menores. Então, ao salvar JPEGs , não haverá nenhuma compressão perfeita para imprimir seus padrões. Divirta-se brincando com todos os seus padrões e colorindo-os. Na próxima lição, compartilharei com vocês minha técnica especial para fazer com que padrões grandes pareçam suaves e nítidos. 15. Usando padrões grandes: O tamanho dos elementos gerados em seus padrões de Turing será o mesmo, independentemente do tamanho do documento, que na verdade não é tão pequeno, e ficará assim quando impresso em uma escala de 100%, por exemplo, em relação ao formato A4. A escala provavelmente será suficiente para a maioria das aplicações. No entanto, se você precisar usar um padrão uterino de grandes dimensões em seu design ou produto, há uma maneira fácil de fazer com que ele tenha uma boa aparência ao aumentá-lo sem precisar rasterizá-lo no Adobe Illustrator. Por exemplo, eu quero ter formas orgânicas enormes impressas em uma cortina de chuveiro. O tamanho de imagem necessário é de 6.000 por 6.000 pixels a 300 PPI. Esse é o tamanho do documento em que vou trabalhar. Como de costume, vou começar adicionando uma nova camada de preenchimento padrão, selecionando o padrão que eu quero usar e escalando-o até o valor máximo aqui, que é 1.000 por cento. Em seguida, vou brincar rapidamente com a rotação do meu padrão e mesclá-lo na tela para finalizar seu posicionamento e aplicar as alterações. Agora, o padrão parece super confuso e, para torná-lo bonito e suave novamente, precisamos aplicar vários filtros. Se você estiver satisfeito com a escala e a posição do padrão , você pode rasterizar a camada de preenchimento do padrão ou converter a camada de preenchimento do padrão em um Objeto Inteligente se quiser poder preencher a rodada do jogador com seu conteúdo e trocar ou ajustar o preenchimento do padrão posteriormente. A criação de um objeto inteligente levará mais tempo e criará um arquivo enorme. Em vez disso, vou rasterizar meu preenchimento padrão, selecionar a máscara de camada e clicar em “Excluir”. Agora vamos selecionar essa camada e, em seguida, criar uma nova ação, para que seja rápido e fácil fazer com que qualquer padrão superdimensionado futuro pareça suave. Vamos nomear essa ação Smoothen Oversized Button e clicar em “Gravar”. Para a primeira etapa dessa ação, vá para o menu “Filtro”, “Desfoque”, e selecione “Desfoque gaussiano”. Defina o raio para seis pixels como antes e aplique as alterações. Depois disso, aplique a ação do botão “Afiar” algumas vezes. Então, se ainda não parecer muito suave, vá novamente para o menu Filtro, Ruído e selecione “Mediana”. Defina o raio para 20 pixels aplique as alterações e pare de gravar a ação. Se você ampliou seu padrão, não muito, isso deve ser suficiente para que todas as formas pareçam suaves. Mas, em alguns casos, talvez você queira executar essa ação mais uma vez para que todas as bordas pareçam ainda mais lisas. Aqui está seu design com um padrão superdimensionado. Agora, basta colorir da maneira que quiser usando um mapa de gradiente. Em seguida, salve seu documento PSD e salve uma cópia PNG ou JPEG separada para impressão. Aqui está outra técnica para você usar, o que tornará muito mais fácil usar seus padrões de Turing em qualquer escala. Isso nos leva ao final desta aula, então vamos encerrá-la. 16. Dicas finais e conclusão: É assim que você pode gerar e personalizar padrões criativos no Adobe Photoshop. Espero que todas as técnicas que abordei nesta aula despertem novas ideias criativas, ajudem você a melhorar suas habilidades no Photoshop e permitam que você crie muitos padrões e designs de superfícies orgânicas. Divirta-se experimentando e não se esqueça que você pode misturar e combinar diferentes técnicas de variação, incluindo tamanho de ladrilhos, simetria e distorções para criar padrões mais variados e exclusivos. Ficarei muito empolgado em ver seus experimentos de padrões e saber como você planeja usá-los. Não se esqueça de publicar seu projeto na guia de projetos e recursos desta aula. Se você quiser compartilhar seu trabalho no Instagram, marque e siga-nos em attitudecreative e use a hashtag attitudeskills para que possamos encontrar facilmente sua postagem e compartilhar seu trabalho com nossa comunidade do Instagram. É isso para esta aula. Espero que você tenha gostado e aprendido algo novo. Se você tiver alguma dúvida, deixe um comentário na guia Discussões desta aula, e ficarei feliz em responder e fornecer feedback. Se você achou esta aula útil, deixe um comentário e não deixe de nos seguir aqui no Skillshare para ser o primeiro a saber sobre nossas novas aulas, atualizações e anúncios. Se você gostou de padrões criativos sem desenhar um único elemento, não deixe de conferir minha aula; criação de padrões orgânicos abstratos no Adobe Photoshop : como criar um tipo diferente de padrões generativos. Se você quiser saber mais sobre como usar mapas de gradiente e criar seus próprios duotons, não hesite em conferir minha aula dominar os duotons no Adobe Photoshop. Se você quiser aprender mais sobre criar padrões abstratos, participar dos elementos do Adobe Photoshop no Adobe Illustrator para vetorização e explorar as incríveis ferramentas do Adobe Illustrator para trabalhar esses designs de padrões, minha aula, de marcas abstratas feitas à mão em papel a padrões de superfície perfeitos no Adobe Illustrator, está esperando por você. Obrigado por assistir a esta aula. Espero ver você em nossas outras aulas.