Transcrições
1. Vamos criar um padrão!: Eu sou Molly Suber Thorpe, uma artista de letras de mão que gosta de tinta em papel caligrafia e design digital de letras de mão. Hoje, vou ensinar-lhe como fazer um
padrão de repetição perfeita no iPad usando apenas um aplicativo; Procreate. Eu vou estar usando um design simples carta mão, uma vez que é o que mais me atrai, mas você pode seguir junto com qualquer tipo de ilustração simples, ele nem tem que ser tipográfico. Vamos criar uma amostra de padrão de alta resolução e, em
seguida, transformá-la em um padrão de repetição perfeito que você poderá aplicar a qualquer produto tridimensional, transformar em um pincel de padrão digital ou até mesmo vender como um ativo para download. Vou guiá-lo através de três métodos diferentes para transformar sua amostra final em um design padrão repetido. Primeiro, vamos transformá-lo em um pincel Procreate, que você
possa desenhar seu padrão em qualquer tamanho de tela em qualquer escala e exportá-lo para impressão. Este método nem sequer requer nenhum outro software, e eu vou até mostrar-lhe como exportar o pincel para compartilhar e vendê-lo também. No segundo método, mostrarei como importar sua amostra para o Adobe Photoshop e transformá-la no tipo padrão do setor de preenchimento
padrão que você pode aplicar a qualquer produto. Vou até explicar como aplicá-lo a uma imagem de maquete de produto. Terceiro, mostrarei como criar uma versão vetorial simples da sua amostra no Adobe Illustrator e transformá-la em um padrão vetorial repetido que seja facilmente escalável e recolorável. Se você não está familiarizado com o Photoshop e o Illustrator, não se preocupe, porque essa técnica é honestamente tão simples que você não precisa de nenhuma experiência prévia. Vou guiá-lo durante todo o processo do início ao fim. Se você ainda não tem esse software, não se
preocupe com isso também, porque na descrição da turma, eu forneci um link para lhe dar um teste gratuito. Por favor, compartilhe seu produto acabado e trabalhos em andamento na seção do projeto da classe. Se você compartilhá-lo nas mídias sociais, por favor, sempre me marque, porque eu amo ver o que meus alunos estão fazendo. Agora, sem mais delongas, vamos fazer um padrão.
2. Configuração da tela: A primeira coisa que precisamos fazer é configurar nossa tela. Estou chegando aqui para o sinal de mais e o ícone de Nova Tela. Eu quero algo muito alta resolução para que eu
possa escalar o padrão abaixo da estrada, então vamos fazer 3.000 por 3.000 pixels a 600 DPI. Agora no meu iPad Pro, isso me dá uma camada máxima de 55. Mas se você tiver um iPad que não permita um arquivo tão grande, não se preocupe, basta definir sua largura e altura para 2.000 ou seu DPI para algo menor que 600. Eu sempre gosto de ter a opção de aumentar muito. Agora, vou clicar em “Criar”, e a razão pela qual fizemos uma tela quadrada e que é importante que sua tela seja quadrada, é porque quando esse padrão se repete, precisamos ter certeza de que o tamanho de cada lado é idêntico para que ele possa repetir horizontalmente ,
verticalmente, diagonalmente, e ser perfeito sem lacunas. A próxima etapa de configuração da tela é adicionar diretrizes que descem no centro vertical e horizontalmente. Vou até o ícone de engrenagem e selecionar “Guia de desenho em tela”. Você pode ver que você receberá um guia de desenho em grade imediatamente , mas queremos pressionar imediatamente “Editar Guia de Desenho”. Estou chegando a uma cor muito escura por causa deste vídeo para que ele apareça melhor, mas você pode escolher qualquer cor contrastante que você gostaria. Agora, eu vou aumentar o tamanho da grade tão dramaticamente que todas as outras linhas da grade caem da borda do quadro de arte e eu fico com apenas as linhas centrais verticalmente e horizontalmente. Agora, vou apertar “Concluído”. Nós vamos estar ligando e desligando essas linhas
de grade enquanto passamos por essa classe, mas eu só gosto de tê-las configuradas logo no início para
que eu não tenha que me preocupar com essas configurações mais tarde. Agora, vamos desligá-lo antes de passarmos para o próximo passo.
3. Arte vs. fundo: Antes de passarmos para o processo de design de padrões, eu só quero compartilhar rapidamente um pouco sobre como os fundos e fundos transparentes das telas Procreate funcionam. Enquanto o plano de fundo aqui parece ser branco, Procreate realmente o vê como transparente em termos da própria arte. O que eu quero dizer com isso? Eu desenhei um círculo aqui em sua própria camada. Se eu ligar e desligar, você verá que o fundo branco permanece. Se eu estiver nessa camada e eu apertar a ferramenta de seleção, que seleciona tudo nessa camada, você pode ver que a seleção só afeta o círculo. Ele não seleciona o tamanho total da borda da minha tela porque o plano de fundo é considerado um plano de fundo e não um trabalho artístico. Bem, para um padrão, não queremos isso, queremos que a forma de fundo seja do tamanho total da tela e seja tratada como parte da arte. O primeiro passo, que é muito importante, deixe-me esclarecer isso, é criar uma camada de fundo em sua própria camada,
não a camada de cor de fundo, mas a camada 1, sua nova primeira camada em branco. Eu estou indo para vir aqui para, eu não conheço um pouco de luz, mas uma cor muito brilhante. Que tal este rosa claro? Vou tocar na minha camada uma vez e apertar “Preencher”. Agora você pode ver que, se chegarmos à ferramenta de seleção, toda
a borda será selecionada porque o Procreate vê a arte como sendo este tamanho de 3000 pixels por 3000 pixels. Vou desmarcar isso aí. Em última análise, vamos mover esta obra de arte por aí. Novamente, essa é outra razão pela qual é importante que seja sua própria prancheta. Eventualmente, nós vamos realmente estar movendo esta camada ao redor, então essa é outra razão pela qual é importante que ela preencha toda
a tela e é sua própria camada móvel. Você também vai ver em um passo futuro que estamos fazendo múltiplos dessa camada, e que queremos ter certeza de que podemos dizer se eles se sobrepõem ou não. Como é que fazemos isso? Se a opacidade estiver definida para algo abaixo de 100 por cento, quando as camadas forem duplicadas e elas se sobrepõem, você poderá ver as regiões sobrepostas. Para obter a configuração da tela aqui inicialmente, estou voltando à minha camada de preenchimento original e estou definindo a opacidade para algo como 50%. Isso ainda aparecerá neste vídeo, mas
também será fácil de ver quando ele se sobrepõe.
4. Desenho de padrões: Agora o próximo passo é o realmente divertido e este é desenhar seu trabalho artístico. Como eu disse na introdução, eu vou estar usando um design tipográfico. Eu vou desenhar cartas, mas você pode desenhar o que quiser. Desenhe ilustrações de gato, desenhe triângulos, divirta-se muito. Você finalmente vai ver que esta técnica do início ao fim não leva muito tempo. Se você já tem ilustrações que deseja incorporar, você pode ir para seus outros arquivos Procreate, copiá-los e voltar aqui e colá-los como suas próprias camadas. Isso é totalmente bom. Mas por causa deste vídeo, acho que vou selecionar uma caneta de monolina grossa. Esta é parte do meu próprio pacote de escova caligrafia nib, mas você pode escolher absolutamente qualquer design ou escova que você quer e eu vou fazer uma nova camada em branco. Eu tenho a minha cor definida para preto porque eu sempre posso mudar isso mais tarde e eu quero ter certeza que este é realmente alto contraste para você e aparece bem no vídeo. Eu vou até aqui e eu vou desenhar um pouco para ver se eu gosto da largura do meu golpe. Acho que isso é muito bom. Eu quero algo estranho e ousado e se eu acabar escalando esse padrão para ser realmente grande, então os menores detalhes podem se perder. Em caso de dúvida, vá para algo um pouco mais ousado, um pouco mais grosso, e você não vai se arrepender se você repetir o padrão toneladas de vezes sobre um produto. Eu só vou desenhar o alfabeto e depois reorganizá-lo em um minuto. Aqui eu tenho meu alfabeto e não é muito de um padrão ainda, mas isso é completamente bom. O que eu vou fazer agora é pegar minha ferramenta de seleção, não a seleção completa do meu trabalho artístico, mas apenas esta ferramenta de laço onde eu posso desenhar. Eu tenho-o à mão livre e adicionar apenas no caso de você precisar
saber que e eu vou apenas selecionar minhas letras, movê-los ao redor da prancheta aleatoriamente. Eu poderia inclinar alguns deles. Vou misturá-los muito até ter um padrão que eu gosto. Se você quiser, você pode usar essa oportunidade para ampliá-los, fazer duplicatas deles
e repeti-los por toda parte. Esta é realmente a parte divertida onde você pode preencher sua tela com algo aleatório e nós teremos uma chance mais tarde de editar isso ainda mais, nós vamos refiná-lo duas vezes mais depois disso, então não se preocupe, isso não precisa ser final. Isto é tudo mutável novamente mais tarde. Uma coisa extremamente importante que eu quase esqueci, você precisa ter certeza de que sua arte permanece dentro da prancheta desta vez, não deixe qualquer peça de sua arte se estender para fora da borda. Você vai ver o porquê em um momento, mas por
agora, confie em mim, você não quer
isso, isso pode estragar a perfeição do padrão. Isso é bom por enquanto porque, como eu disse, vamos editar e refinar ainda mais tarde. Eu acho que eu quero apenas adicionar um pouco mais de decoração para isso para preencher algumas das lacunas e vamos fazer algo realmente simples como bolinhas. Para cada elemento artístico que pode precisar de sua própria cor mais tarde, eu vou desenhá-los em suas próprias camadas. Estou fazendo uma nova camada em branco e vou selecionar outra, vamos ver, cor contrastante que definitivamente vai aparecer na câmera. Vamos escolher assim, azul. Ótima. Eu só vou fazer algumas bolinhas por
toda a peça para preencher algumas dessas lacunas, tentando fazê-las parecer o mais aleatório possível. Isso é bom por enquanto. Em seguida, queremos que o Procreate trate todas essas três camadas,
a camada de preenchimento de fundo, as letras e as bolinhas como uma unidade. A maneira de fazer isso é agrupá-los. Vou tocar na parte superior, apertar “Combinar para baixo” e, em seguida, mover minha última camada para dentro e apenas reordená-los para que a camada de preenchimento ainda seja a camada mais baixa do meu grupo. Agora você pode ver que isso é tudo um juntos. Quando eu ligo e desligo, Procreate o vê como um e quando eu aperto a ferramenta de seleção para movê-lo, novamente, o Procreate o move como uma única unidade.
5. Sobreposição de padrões na vertical: Agora vamos fazer o passo 1 de 2 da criação da repetição. Isso requer os guias que configuramos no início. Então eu vou ativar Guias de Desenho aqui. Deixe-me ir para editá-los novamente e apenas aumentar a espessura para o máximo. Então agora você pode ver que os guias dividem isso em quatro quadrantes. No primeiro passo, só vamos nos preocupar
com a metade superior sendo dividida da metade inferior, e depois o próximo passo estamos nos preocupando com o lado esquerdo e o lado direito. Então, ao vir ao meu grupo, vou duplicá-lo. Passe o dedo para a esquerda, clique em “Duplicar” e seu grupo será duplicado. Viu como ficou mais escuro? Isso ocorre porque o fundo repetido é definido como 50 por cento de opacidade. Então eles estão agora um sobre o outro e então a opacidade de 50% dobrou e é basicamente como se estivéssemos olhando para 100 por cento de opacidade agora. Se eu pegar a ferramenta de seleção, você vê que agora eu posso movê-los e parece que meu novo grupo é quase como papel de seda em cima do grupo inferior. Então, para desfazer isso, eu vou agora ampliar muito perto do centro. É muito importante que estejam muito próximos porque, eu não chamaria isso de tedioso, mas precisão é a chave aqui. Então, chegando à minha paleta Camadas, estou me certificando de que estou no grupo superior e, em seguida, estou pressionando a ferramenta Seleção. Não vejo a seleção porque ainda estou ampliado. Eu quero ter certeza de que Magnetics está ligado, Freeform pode estar ligado, Eu apenas padrão muitas vezes para uniforme, mas Magnetics é realmente importante. Magnetics significa que se eu começar a mover isso, eu não sei se você pode ver isso aqui, mas algumas linhas aparecem que encaixam você de volta para o ângulo horizontal ou vertical ou 45 graus da sua camada original, e isso é útil aqui porque precisamos mover este grupo que estamos agora para baixo em 50 por cento. O que eu quero dizer com isso? Deixe-me mostrar que é mais fácil ver do que explicar. Eu estou apenas movendo lentamente para baixo e eu vejo esta linha azul quebrando aparecendo porque Magnetics está ligado, apenas descendo e descendo, e eu estou parando aqui onde eu vejo o topo da minha seleção. Então agora eu sei que meu grupo que estou movendo está aproximadamente 50% abaixo da tela. Vou desmarcar por um segundo, vou ampliar ainda mais. Está bem, fixe. Agora eu reseleciono. Mais uma vez, continue movendo isso para baixo. Às vezes gosto de movê-lo ligeiramente abaixo da linha central e mantê-la selecionada, não desmarque ainda. Um truque no Procreate é que se você tocar bem fora de sua seleção, você pode realmente mover ligeiramente a seleção na direção em que você está tocando. Logo você está quase vindo para a linha do meio lá e desmarcar. Agora, o próximo movimento que fazemos é aquele que é um pouco mais tedioso. Se você estava fora
disso, tudo bem, porque na verdade, o que estamos prestes a fazer é apenas mover o primeiro grupo para cima, que ele fica nivelado contra o topo do grupo que acabamos de mover e é aí que a opacidade entra para que Saberemos
se fizemos direito ou se ainda há alguma sobreposição. Então eu estou indo para o grupo inferior agora, apertando minha ferramenta Seleção, movendo lentamente para cima. Vou parar antes de chegar a esse ponto para que você possa ver um pedaço de sobreposição aqui. Então, vou ampliar muito. Selecione novamente, e, em seguida, apenas mover para cima, e porque eu tenho esta grade quad em, e porque a seleção em si inclui este pequeno identificador de seleção direito no centro da minha seleção, eu geralmente posso muito facilmente olho tendo essa alça, venha direto para o meio das minhas linhas de grade, desmarque. Agora, ampliando, não vejo nenhuma sobreposição, mas para me verificar, vou ao Canvas e desligo o Guia de Desenho, e posso ver que isso é totalmente perfeito. Se não fosse, eu veria um pedaço de branco do fundo mostrando através ou eu veria uma lasca de rosa mais escuro onde as duas camadas estão sobrepostas.
6. Ajustes no padrão 1: Agora, nós temos esta situação acontecendo e você pode ver que meu padrão começou a cair de cima e baixo, mas você também verá que se este quadrado for repetido logo acima, então este é o topo do meu W e é Este é o topo do meu R, ele vai ficar bem em cima deste R, criando um padrão sem costura onde ninguém vai saber onde a sua amostra começou e terminou. O que eu vejo aqui é um pouco de espaço vazio. Isso é natural, criado um pouco de margem demais na parte inferior e
no topo do meu primeiro design, de modo que quando, basicamente, a parte superior e inferior se moveram para o centro, eu tenho um pouco de espaço vazio demais aqui. Agora é a hora de ajustar isso. Não quero esmagar isto. Não quero que tudo seja combinado. Eu ainda quero que tudo esteja em um grupo. Não quero achatá-lo. O que estou fazendo é tocar no grupo de topo e apertar “Combine Down”, não aperte “Flatten”. Agora, todas as minhas camadas estão em um único grupo. Eu tenho a metade inferior do meu fundo, a metade superior do meu fundo e aqui, eu não tenho certeza se você pode vê-los muito bem, mas eu sei que essas duas camadas são minhas camadas de letras. Você não tem que mesclá-los, mas eu vou, eu vou apenas tocar um e eu vou mesclá-lo para
que eu tenho todas as minhas letras novamente em uma camada. Farei o mesmo com minhas bolinhas. Estou movendo-os para que se sentem um ao lado do outro e se fundam. Se você mesclar sua camada de plano de fundo, isso é bom, mas, em seguida, a opacidade desaparecerá, então você pode querer configurá-los de volta
para 100 por cento, em seguida, mesclá-los e, em seguida, mover de volta para 50 por cento. Agora, eu tenho novamente, um grupo onde a fase inicial, a fase de topo de baixo da repetição, foi realizada. Mas como eu disse, há um pouco de espaço
estranho e estranho no meio, então eu vou consertar isso. Vindo para a minha camada de letras, eu vou apenas para ajustar ainda minhas letras para que eles preencham mais naturalmente este espaço. Você pode desenhar novas ilustrações se houver um espaço em branco grande o suficiente e quiser adicionar uma ilustração totalmente nova. Vou mover minhas bolinhas um pouco e acho que vou adicionar mais algumas bolinhas à camada de bolinhas. Lembre-se de como eu disse que haverá duas oportunidades para refinar, porque seremos capazes de fazer a mesma coisa basicamente que fizemos quando criamos a sobreposição esquerda-direita, então vamos fazer isso agora.
7. Sobreposição horizontal + ajustes 2: Vou me mover um pouco mais rápido desta vez, porque isso é idêntico ao passo anterior. É apenas sobre movimento horizontal, não vertical. Então vou duplicar o meu grupo. Vou ligar meus guias de desenho e vamos ampliar, muito. Certificando-se de que meu grupo superior está selecionado, pressionarei a ferramenta de seleção direta, a seta branca, e vou movê-la lentamente pela tela, porque seu magnético está ligado. Eu sou capaz de fazer isso e ter certeza de que eu vou ficar bem no centro. Toque na ferramenta de seleção para desativá-la. Toque no meu grupo inferior e repita. Selecione, mova lentamente. Aqui vou fazer uma pausa para ampliar ainda mais. Aqui eu vejo que ainda há um pouco de sobreposição. Isso é, aparentemente, porque, a primeira camada que eu acabei de mover, eu realmente movê-lo um pouco para a esquerda da linha central. Isso é completamente bom, porque como eu disse, tudo o que vai importar é que eles se encontram perfeitamente em algum lugar
no meio para que se o lado esquerdo for repetido contra o lado direito, eles vão se igualar. Desmarcamos aqui e eu amplio o zoom. Você verá que isso é completamente perfeito. Deixe-me desligar os guias de desenho e reavaliar. Aqui novamente, toque no grupo superior, pressione combinar para baixo, abri-los e mesclar suas camadas de duas letras. Estou fundindo minhas duas camadas de bolinhas. Aqui é onde, se você quiser, você pode se livrar do fundo. Não vamos precisar mais dele. Aqui eu vou, vamos ver, mover primeiro algumas das letras. A única coisa que você não quer mover ou tocar qualquer um dos padrões que está saindo da borda ou tocando a borda em tudo. Como se eu movesse esse R aqui, estragaria a forma como coordena com o R aqui embaixo. Essas são as únicas coisas que você não quer tocar. Basicamente tudo o resto, você só quer movê-lo de modo que ele está se encaixando um pouco mais agradável no centro do seu padrão. Você pode apagar algumas dessas bolinhas porque eu acho que elas estão muito próximas. Está bem. Acho que estamos bem. Nós sempre teremos a oportunidade de voltar e adicionar mais no centro disso se quisermos, mas isso é ótimo por enquanto, eu posso mostrar como transformar isso em um padrão repetido.
8. Pincel de padrão do Procreate Parte 1: Agora que configuramos as repetições em todos os quatro lados, vamos nos divertir com nosso padrão. Vamos testá-lo e ter certeza de que é perfeito. A melhor maneira de fazer isso aqui no Procreate é transformar isso em um pincel de padrão, e isso é surpreendentemente fácil. Primeiro vou começar por duplicar todo este ficheiro. Não quero estragar tudo. Eu não quero fazer algo onde eu acidentalmente vou perder meu trabalho. Então, entrando na minha galeria, eu vou deslizar para a esquerda no meu arquivo e apertar “Duplicar”, e agora eu vou apenas abrir uma das cópias e eu posso mexer com isso sem me preocupar que eu vou perder qualquer trabalho. Aqui temos o nosso trabalho e eu vou apenas tocar nele uma vez e achatá-lo. Agora, quando você cria pincéis Procreate de qualquer tipo, eles não precisam ser apenas pincéis padrão, o arquivo usado para criar o pincel tem que ser preto puro e branco puro. Tudo o que estiver na imagem do pincel é preto vai ser transparente em seu pincel. Não vai fazer parte da forma do pincel,
e o que quer que seja branco vai ser o conteúdo real e forma se o seu pincel. Então, o que isso significa para nós aqui? Isso significa que queremos que o fundo seja
preto para que nosso pincel tenha um fundo transparente, e assumir a cor de fundo que nos definimos no arquivo e
o pincel em si quando você desenha com ele, você Estará desenhando as letras e as bolinhas. Então isso deve ser branco. Nós vamos ter certeza de que o fundo é preto
puro tocando na cor de fundo, chegando ao valor, você já pode ter uma amostra preta pura, mas eu só quero ter certeza para todos em casa que configuramos isso com 100 por cento de preto. Então, neste controle deslizante, eu estou movendo-o todo o caminho até a borda preta pura, certificando-se de que os valores RGB são zero. O código hexadecimal para preto é seis zeros seguidos, se você precisa saber, e se você ainda não tem isso em sua paleta, uma vez que você definir preto puro, você pode vir e tocar aqui e ele irá
adicioná-lo em sua paleta para acesso rápido no futuro. Então agora eu tenho um fundo preto puro, mas minhas cartas desapareceram. Vou fazer uma nova camada, tocar nela uma vez e clicar em “Máscara de recorte”. Agora, o que eu colocar nesta camada só afetará a camada de arte abaixo dela. Agora eu vou subir aqui novamente para valorizar e fazer o contrário. Mova isso até o branco, e agora eu vou mover o RGB todo o caminho até o lado direito também. Então, para o branco, todos esses controles deslizantes à direita, para o preto, eles estão todos à esquerda. O hexadecimal para branco é seis Fs. Agora vou voltar para as minhas camadas, tocar uma vez e preencher. Agora podemos ver se ligamos e desativamos a nossa arte é branco puro, e nosso fundo é preto puro. Agora precisamos exportar uma versão achatada disso para que possamos importá-la como um pincel. Eu vou até aqui para minha chave inglesa e compartilhar imagem JPEG. Isso só salva no rolo da minha câmera aqui no iPad.
9. Pincel de padrão do Procreate Parte 2: Agora, para fazer o nosso pincel, eu só vou para a nossa Biblioteca de Pincel e tocar neste sinal de mais aqui. Isso só abre um novo pincel com todas as configurações padrão do pincel Procreate. Vamos começar adicionando nosso padrão. Então, venha ao Grain, e então eu apertei Editar, Importar, Importar uma foto. Agora, nas minhas fotos, vou navegar até o arquivo que acabei de exportar e clicar em “Concluído”. Tudo o resto aqui pode permanecer o mesmo que os padrões. Vamos jogar com escala em apenas um segundo, mas tudo o resto aqui pode permanecer o mesmo. Venha até Caminho do traçado e certifique-se de que o espaçamento está virado para zero. Isso garante que seu padrão permaneça perfeito e que
não haja nenhuma maravilha criada à medida que cada amostra é colocada. Sua forma por padrão será este círculo redondo e você pode simplesmente deixar isso. Agora, você aperta “Concluído”. Vou desligar minhas camadas de arte aqui e fazer uma nova camada. Vou ficar no branco, vamos ver o que acontece quando começar a pintar com o meu novo pincel. Estou pintando com meu padrão. Você pode ver agora se eu mudar a cor de fundo para qualquer outra coisa, o padrão em si é o branco que eles desenharam, mas onde havia preto, agora é transparente. Isso é muito legal, mas e se eu quiser que as letras sejam bem maiores? Penso que a escala disto é demasiado pequena. Isso é fácil. Acabei de voltar ao meu pincel, tocar uma vez, vir para Grain, agora posso aumentar a escala. Aperte “Concluído” e teste-o. Agora, é claro, eu posso me divertir muito com isso também e pintá-lo com cores. Agora, a última coisa que eu recomendo para o seu design de pincel é que se você planeja compartilhar isso com alguém e especialmente se você planeja vendê-lo, por favor dê um bom nome, coloque sua foto, seu nome, sua assinatura, e um ponto de reinicialização para que suas informações de direitos autorais sejam
armazenadas e você esteja realmente listado como o autor deste pincel. Deixe-me fazer isso para você rapidamente aqui. Eu tenho uma foto adequada para isso salva em minhas fotos no meu iPad para que eu possa sempre jogá-lo aqui muito rapidamente. Em seguida, crie novo ponto de redefinição, salve. Agora, você pode ver aqui em baixo que lhe dá a data e hora em que foi criado. Se você fizer edições no pincel, poderá voltar aqui e novamente, clicar em Criar novo ponto de reinicialização novamente e, se o pincel for redefinido para os padrões, esse novo ponto de reinicialização será o padrão.
10. Revisão dos passos em time-lapse: Agora eu pensei que poderia ser útil, a fim de rever todos os passos até agora, para mim para demonstrar mais um padrão, do começo ao fim, e desta vez com menos conversa e pausas. Eu até vou acelerar um pouco para que você possa apenas seguir e ele vai levar tudo para casa passo a passo. Você pode pular este vídeo também se quiser agora, ou apenas voltar para ele no final. Eu já criei minha tela quadrada, e eu já fiz um alfabeto, então eu vou poupá-lo dessa parte. Eu colei aqui e agora vou começar a reorganizá-lo.
11. Exportar para o Adobe CC: Aqui está um padrão que eu já criei. Se você está procurando fazer uma versão mais padrão da indústria do seu padrão, de modo que em vez de apenas exportar uma versão plana do mesmo para como um tecido ou um papel de embrulho, mas você quer ser capaz de aplicá-lo a qualquer tipo de produto tridimensional e vendê-lo em um mercado online. Em seguida, você vai querer fazer isso no Adobe Photoshop ou Adobe Illustrator transformando-o em uma amostra de preenchimento padrão. Se você não sabe como usar esses programas já, não
é tão intimidante quanto parece, vou orientá-lo em absolutamente cada passo. Se você ainda não tiver o Photoshop e o Illustrator, coloquei um link na descrição da classe para uma avaliação gratuita da Adobe. Então, se dermos uma olhada nas camadas do meu arquivo aqui, você verá que o que eu tenho é um fundo branco puro, meu design comercial feito em preto puro, e então um design de bolinhas que é feito em cinza, 50% preto. Mas para o Photoshop e o Illustrator, essa regra em preto e branco sai pela janela. Então eu vou colorir o comercial e as bolinhas aqui, só para que tenhamos algo legal para trabalhar no computador, então vamos clipar isso aqui, e eu vou colocar uma cor muito brilhante para que ele apareça bem na câmera. mesmo para as bolinhas, copie minha mascote de corte de camada de enchimento lá dentro. Tenho minhas bolinhas ajustadas para 50% de opacidade, então vou mantê-las azuis, mas vou mantê-las em 50% de opacidade. Então este é um único padrão de cores, não
é preto e branco. É um pouco mais divertido. Então, agora chegando ao ícone de engrenagem, eu vou apertar, “Compartilhar”, e em vez de compartilhar um JPEG que incluirá o fundo como parte da arte, eu quero exportá-lo com um fundo transparente, então eu vou selecionar um Arquivo PNG. Agora vou enviar para o meu computador, mas você pode enviar por e-mail para você mesmo, você pode salvá-lo em seus arquivos, sua Nuvem, seu Drive, seu Dropbox, o que quiser. Mas eu estou sentado ao lado do meu computador aqui, então eu vou apenas enviá-lo.
12. Amostra de preenchimento de padrão no Photoshop: Aqui, eu estou no Photoshop, e eu vou apenas começar abrindo aquele arquivo PNG que eu
transferi para o meu computador um momento atrás, “File”, “Open”. Transformar isso em uma amostra de padrão no Photoshop é surpreendentemente fácil. Eu só estou indo para “Editar”, “Definir Padrão”. Vou chamá-lo de “Ampersands “, e apertar “Ok”. Agora, ele foi transformado em um padrão, mas você não vê em lugar nenhum ainda. Agora, você vem até “Janela”, “Padrões” para abrir sua paleta de padrões. Se você estiver usando muito sua paleta de padrões, você pode arrastar e soltá-la na barra de ferramentas. Agora, você vê que a amostra do meu padrão aparece bem aqui. E se eu quiser preencher uma camada inteira com esse padrão? Bem, vamos desligar este. Eu vou para “Camada”, “Nova camada de preenchimento”, “Padrão”, e eu posso deixar tudo como está e apertar “Ok”. Agora, eu posso selecionar na minha biblioteca de padrões o padrão que eu quero usar, e aqui também, eu posso mudar a escala dele. Eu posso até mudar o ângulo se eu quiser que o padrão seja deslocado em qualquer tipo de grau que eu escolher, e eu vou apertar “Ok”. Outra maneira extremamente fácil de preencher uma camada com um padrão é criar sua camada em branco e, em seguida, basta pressionar Shift Delete. Isso abre um tipo diferente de paleta de preenchimento, e eu acho que por padrão, ele estará em outra coisa, então você só virá para “Conteúdo” e escolha “Padrão”, selecione seu padrão. Aqui, você não pode alterar a escala, isso é como uma maneira ligeiramente menor, mas é muito mais rápido se você não se importa de preencher sua camada com um padrão em seu tamanho padrão. Você também pode vir e clicar em “Exportar padrões selecionados”, e isso veremos isso como um arquivo padrão que pode ser útil se você quiser compartilhá-lo com uma impressora. Às vezes, isso é necessário para certos tipos de fluxo de trabalho apenas para que você saiba que é assim que você iria compartilhar essa amostra de padrão específico.
13. Mockup de produtos no Photoshop: Agora digamos que você queira aplicar seu padrão usando o Photoshop a uma maquete de um produto tridimensional. Agora, as maquetes são muito divertidas e é realmente fácil encontrar arquivos de maquete do Photoshop em camadas na Internet, seja por preços gratuitos ou bastante acessíveis. Vou ligar para baixo na descrição
da classe alguns dos meus sites favoritos para obter estes, no caso de você precisar de um salto começar em encontrar alguns dos seus próprios. Mas aqui eu quero fazer maquete como esse padrão pode parecer no papel de embrulho. Tenho uma maquete de papel de embrulho. Agora, todos esses bons arquivos de mockup em camadas do Photoshop, têm uma camada que se parece com isso. Você verá que ele tem um ícone no canto inferior direito. A camada muitas vezes ser chamado de algo como camada de arte, ou substituir-me, ou algo assim. Se você clicar duas vezes nele, ele será aberto em sua própria nova guia. Veja, este era o meu anterior, e agora esta aba acabou de abrir quando eu clica duas vezes na camada de arte. Aqui você pode ver que esta camada agora está apenas preenchida com rosa. Essa é a cor rosa que está colorindo o papel de embrulho mocked-up aqui. Mas eu quero ver o que acontece se eu colocar meu padrão aqui. O que eu vou fazer, é camada de novo padrão de camada de preenchimento, selecionar meu comercial, e aqui eu
realmente quero mudar a escala para algo muito menor. Eu acho que uma folha inteira de papel de embrulho, deve ter algo um pouco menor do que isso. Gosto disso, por isso vou dizer “Está bem”. Agora, se eu quiser que minha camada de cor de fundo brilhe, eu posso estar na minha camada padrão e selecionar qualquer tipo de modo de camada de mesclagem, como o tipo de opacidade. Você pode se divertir muito com isso, como se eu escolher multiplicar, ele nocauteia todo o branco. Se eu escolher sobreposição, e isso é um olhar legal. Eu realmente acho que isso é engraçado e legal. Agora, se eu clicar duas vezes nessa camada, eu posso mudar a cor dela muito rapidamente. Eu acho que isso é realmente fofo. Agora tudo que eu tenho que fazer é salvar isso e voltar para minha primeira conta, e como mágica automaticamente, ele aparece na minha maquete. Posso continuar indo e voltando entre essas guias e fazendo ajustes. Pressione “Salvar” e confira novamente.
14. Illustrator: crie uma amostra de padrão em vetor: Agora, e se você quiser fazer um padrão que é feito de um vetor? que significa que vai ser muito mais fácil de recolorir e também quando você escalá-lo, haverá absolutamente nenhuma pixelização. Algumas impressoras e fabricantes realmente preferem ou talvez até precisem de vetores. Nesse caso, dominar essa técnica será muito benéfico para você, mas não é absolutamente necessário para cada aplicação de padrão. Então, aqui no Illustrator, eu vou fazer um novo arquivo, Arquivo, Novo, e vamos torná-lo 1.500 pixels por 1.500 pixels, e o DPI é definido como 300. Criar. Agora eu tenho apenas um quadrado aqui e eu vou colocar o arquivo PNG do iPad que eu importava anteriormente para o meu computador. Então, File, Place, e eu vamos navegar até aquele PNG. Eu quero ter certeza de que este link ícone aqui está desmarcado e isso vai certificar-se de que o arquivo que estou trazendo é incorporado. Apertarei “Inserir”, e você verá que uma miniatura de pré-visualização aparece conectada ao meu cursor. Vou apenas clicar e arrastá-lo para fora. Não preciso pressionar nada no teclado para encher meu quadro de arte. Se por algum motivo você não sentir o quadro de arte e clicar
aleatoriamente e ele se tornar uma imagem menor, tudo o que você precisa fazer é vir aqui para Largura e Altura e inserir 1.500 pixels por 1.500
pixels e, em seguida, arrastá-lo para caber no quadro de arte. Então, como obter isso vetorizado? Bem, no Adobe Illustrator, as versões mais recentes têm ferramentas de rastreamento ao vivo realmente poderosas, mais do que nunca, e com um design como este que eu criei, onde as bordas da minha arte são muito suaves, será muito fácil para o Illustrator detectar essas bordas e criar um traçado de fatores bastante preciso. Se a obra de arte que você criou com algo muito mais pintante, como uma ilustração em aquarela, as palestras realmente não vai ser seu melhor amigo. Não vai funcionar muito bem para você, mas novamente, é bastante raro que obras de arte ilustrativas pintadas tem que ser vetorizadas de qualquer maneira. Então esta é realmente uma técnica que é mais adequada para, não precisa ser uma única cor, mas mais como arte de linha e arte com bordas suaves. Isso se presta bem a muitos tipos de ilustração, incluindo um monte de letras manuais. Vou selecionar esta peça e vir até aqui para o Rastreamento de Imagens. Se você não vê isso lá, tudo que você precisa fazer é chegar a Object, Image Trace, Make, e isso está criando apenas o palpite inicial mais básico em um traço ao vivo, mas isso não é exatamente perfeito. Perdemos aquelas bolinhas. Vejo que algumas coisas não são exatamente precisas. Agora eu posso vir aqui para o meu painel Rastreamento de imagem, que também é acessível através de Janela, Rastreamento de imagem. Só vou brincar um pouco. A primeira e mais importante coisa a fazer é alternar baixo esta aba Avançado e clicar em “Ignorar Branco”, e agora todo o fundo que está aparecendo como branco desaparecerá e é realmente transparente. Não vai mostrar nada para você ainda, porque seu quadro de arte também é branco, muito
provavelmente, mas ele tirou esse branco embora. Agora, geralmente para a minha própria letra de mão, eu gosto de mover o cursor caminhos em algum lugar bem alto e eu gosto de mover cantos e ruído muito baixo. Agora, para trazer de volta minhas bolinhas semitransparentes, eu quero mudar meu modo de preto e branco para escala de cinza, que ele detecte coisas que não são cores escuras sólidas. Lá vai você. Isso ficou cinza, mas vou mostrar como posso facilmente mudar essa cor para qualquer coisa que eu quiser. Vou clicar fora da minha paleta de Rastreamento de Imagem e clicar em “Expandir” aqui, e agora você pode ver todos esses marcadores de curva de bézier, que significa que isso agora é um vetor. Vamos ver por aqui, digamos que eu toque em “Black”. Verá que agora tudo mudou para preto. Se eu clicar duas vezes nisso, vamos mudar para algo mais divertido. Então isso é realmente facilmente recuperável e escalável agora, e é um vetor. Então vamos apertar “Salvar” antes que algo aconteça. Agora, para tornar esse vetor em um padrão, é super fácil, quase mais fácil do que no Photoshop. Tudo o que eu vou fazer é vir para Window, Pattern Options e, em seguida, no menu suspenso, dizer “Make Pattern”. Eu vou nomeá-lo comercial, e eu vou dizer “Size Tile to Art”, que apenas garante que o quadro de arte, que é 1.500 e 1.500, vai ser o mesmo que a minha obra de arte para que você não vai ter nenhuma borda se o seu trabalho artístico for um tamanho ligeiramente diferente do seu quadro de arte. Agora aqui em baixo, vou diminuir um pouco. Isto copia três por três. O que isso significa é que a peça original do seu centro conta como um bloco, e o mosaico à esquerda e à direita são mais dois. Então você tem três telhas através de três telhas para baixo. Você pode alterar isso nas configurações de Visualização para ter mais ou menos, apenas a do meio, e você também pode alterar a opacidade dessas visualizações. Então, se você colocá-lo em 100%, você tem uma boa noção de como será o padrão final. Mas pode ser muito útil tê-lo muito mais fraco para que você possa fazer edições sem se distrair, para que você saiba exatamente onde sua amostra começa e termina. Se você quiser pausar sua tela agora e fazer uma captura de tela das minhas configurações aqui, sinta-se livre. Agora eu vou subir aqui até o topo e apertar “Feito”. Agora você pode ver aqui na exibição de lista de amostras que o comercial aparece como um padrão. Com isso feito, não precisamos mais da nossa obra de arte original. Esse trabalho artístico original agora é salvo dentro dessa amostra de padrões. Ainda é editável, mas não precisamos mais do arquivo aqui no nosso quadro de arte. Vamos vir aqui para esta ferramenta de forma, como digamos esta ferramenta Estrela. Eu desenho uma estrela aqui, e eu tenho ela definida atualmente em rosa, mas eu quero preenchê-la com o meu padrão comercial. Então tudo o que faço é selecioná-lo e clicar no padrão. Lá vai você. Parece que sim. A mesma coisa se eu fizer, digamos um círculo. Agora, o que acontece se eu quiser escalar isso? Eu quero que o padrão dentro da estrela seja muito menor, mas eu não quero mudar o padrão inteiro em si porque eu quero que o padrão dentro do círculo permaneça nessa escala. O que eu preciso fazer é transformá-lo, e a maneira mais rápida é clicar com o botão direito do mouse e encontrar o menu Transformar mas você também pode ir para Objeto, Transformar e Escalar. Agora aqui, se eu ativar a Visualização, você pode ver que eu tenho essas opções Transformar objeto, Transformar padrões. Só quero trabalhar com o padrão. Eu não quero encolher ou ampliar a forma da estrela em si. Então, vou desativar Transformar Objetos, mas manter os Padrões de Transformação ativados
e, em seguida, aqui em Escala Uniforme vamos definir isso para dizer 50%, e você pode ver que imediatamente a estrela permaneceu a mesma e o padrão mudou. Agora, o que acontece se você quiser mudar a cor disso? Tudo que você precisa fazer é clicar duas vezes no seu padrão, eu estou pressionando “Comando A” para selecionar tudo e eu estou clicando em “Nova amostra”. Se eu acertei, então este ainda é tecnicamente o rosa original. Então vai salvar o preto sobre o rosa. Então eu quero cancelar isso e agora você verá que o padrão preto existe aqui e o rosa existe. Por isso podes continuar a brincar com isto. Eu estou abrindo o preto aqui e eu vou dizer, eu quero que este comercial em todos eles seja roxo brilhante. Agora, quando eu diminuir o zoom, você verá que aquele é roxo e você pode se divertir tanto recolhendo isso como você quiser. Essa é uma das coisas mais legais sobre vetores. Agora, se eu apertar novamente, “Salvar uma cópia”, Cancelar. Posso colocar meus “ampersands “coloridos aqui. Deixe-me reduzir isso. Aperte “Ok”. A outra coisa legal que eu queria apenas mostrar a vocês é que aqui no Illustrator, eu desenhei um círculo básico de preenchimento sólido e o coloquei atrás dos meus padrões. Eu só quero usar isso para ilustrar que seu padrão em si, porque nós apertamos Ignorar branco quando estávamos rastreando, seu padrão em si tem um fundo transparente e ele vai assumir qualquer cor de fundo que você aplicá-lo para.
15. Illustrator: exporte um padrão pronto para impressão: Agora, se você quiser usar esses padrões em outros arquivos do Illustrator, acesse as amostras de menu suspenso e diga “Salvar biblioteca de amostras como AI”, que significa apenas como um arquivo do Illustrator, e isso facilita muito a abertura novamente em outros arquivos do Illustrator. Vou guardar isto onde eu quiser. Agora, antes de deixar vocês, vou dar um exemplo de uma maneira muito prática de utilizar esses padrões, digamos para um projeto de impressão. Que tal imprimir papel de embrulho e a impressora requer um arquivo 18 por 24 polegadas com uma sangria de 0,175 polegadas? Isso é provavelmente bastante típico. Então eu vou para File,
New, definir minha prancha de 2 polegadas, 24 de largura por 18 de altura, e minha hemorragia é 0,125 polegadas. Com este ícone de cadeado ativado, ele preenche automaticamente os outros campos. Mantenha-o em 300 DPI e clique em “Criar”. Desejo abrir imediatamente as amostras de padrões que acabei de salvar, então irei à minha paleta da Swatch, aperto o menu suspenso e digo “Abrir biblioteca de amostras”. Agora, porque eu acabei de tê-los abertos e salvos, ele está mostrando para mim aqui como uma prévia. Mas se não estiver, se você fechou o Illustrator recentemente e o reabriu, poderá acessar outra biblioteca e navegar até ela em um computador. Eu vou abrir aqui, e você vê como ele se abre nesta pequena paleta separada. Você sempre pode adicionar mais amostras a isso e salvar novamente sobre esse arquivo, e você poderá continuar abrindo sempre. Tudo o que vou fazer é navegar até a minha ferramenta de retângulo e desenhar um retângulo que preencha a prancheta até a linha de sangria. Por aqui, vou desligar esse traço padrão. Não quero uma fronteira. Então eu estou voltando para o preenchimento e eu vou para minhas amostras de padrões, e eu estou enchendo com minhas amostras. Clique com o botão direito do mouse, Transformar Eu não quero transformar o objeto, apenas o padrão. Posso mudar a escala para o que eu
quiser, 60 por cento. Honestamente, posso guardar isto. Certas impressoras vão querer formatos diferentes, mas quando você vai para Arquivo, Salvar como, você pode selecionar provavelmente entre os dois arquivos que a maioria das impressoras gostaria, que seria um PDF ou um EPS, que é outro formato vetorial. Então vamos salvar o nosso como um PDF. Salvar. Para o bem desta classe, vou apenas dizer Impressão de alta qualidade e Salvar PDF. Agora, você tem aqui como um PDF, seu arquivo pronto para impressão que você pode enviar junto a qualquer impressora e ter seu produto padronizado criado.
16. Poste seu trabalho e me marque (por favor!): Muito obrigado por acompanhar hoje. Espero que tenham gostado desta aula e que se partilharem o vosso trabalho, vão mesmo marcar-me nas redes sociais, para que eu possa ter um pico. Eu sempre gosto de ver o que meus alunos estão fazendo, seja nas minhas aulas de Skillshare, meus produtos para download, nos meus livros ou nos meus outros tutoriais. Espero vê-lo de volta em outra das minhas aulas de Skillshare. Mas, enquanto isso, talvez você queira conferir meu canal no YouTube onde eu ofereço tutoriais e demonstrações em tamanho mordido também. Até a próxima vez, tchau.
Molly Suber Thorpe, Calligrapher & Designer
