Transcrições
1. Introdução: Oi, sou Maja Faber e sou designer de patentes de superfície de Estocolmo, Suécia. Esta classe é tudo sobre linhas, linhas retas, linhas diagonais, linhas em ziguezague, ondas e, acima de tudo, linhas tretas. Os padrões de linha podem ser tão complicados para acertá-los, especialmente os maldosos. Antes de eu aprender essas técnicas que vou compartilhar com vocês aqui nesta aula, eu poderia ficar muito frustrado quando eu tentei fazer meus padrões de repetição de linha vacilante. Mas uma vez que você pegar o jeito, você vai sentir que você levou seu design padrão para o próximo nível. A aula é construída para que ela fique cada vez mais avançada para cada lição. Vamos começar com o básico e você vai aprender a criar quatro tipos diferentes de padrões de linha, reta, diagonal, zig zag e ondas. Em seguida, usaremos essas técnicas básicas para criar nossa repetição final da linha. Usamos o Adobe Illustrator como nossa principal ferramenta e como um bônus, vou ensiná-lo a desenhar essas linhas tretas no iPad no Adobe Fresco também. Não é obrigatório usar um iPad para participar dessa classe, mas você precisa ter pelo
menos conhecimento básico e saber como criar um padrão básico de repetição no Adobe Illustrator para poder acompanhar. Então vamos começar com as nossas falas.
2. Seu projeto: Seu projeto nesta classe é criar um padrão de repetição de linha Wonky usando qualquer uma das técnicas que eu vou mostrar nesta classe. Adoraria ver o seu trabalho. Então, por favor, compartilhe seu projeto aqui na aula. E se você quiser qualquer feedback específico, basta me avisar e eu tentarei responder suas perguntas e dar-lhe algumas dicas e truques. E se você compartilhar seu projeto no Instagram, por favor sinta-se livre para me marcar com Maja_Faber.
3. Noções básicas - Linhas retas: Vamos começar. Para fazer uma repetição de linhas duvidosas, você precisa saber o básico de como criar padrões básicos de repetição de linha. Nesta lição, nós vamos criar o padrão muito básico de repetição de linha reta, e então vamos passar para linhas diagonais, ondas e ziguezague. Nesta classe, criaremos padrões REP no Adobe Illustrator. Vamos começar um novo documento. Eu vou para o meu tamanho padrão quando eu criar padrões 1000 pixels quadrados. Como vou compartilhar meu trabalho digital, eu vou para o modo de cor RGB, e um 300 PPI para alta resolução. Clique em Criar, e aqui temos o nosso documento. Uma pequena nota antes de começarmos, se você sentir que esta classe está se movendo muito rapidamente através do processo de fabricação de padrões, então você poderia dar uma olhada na minha outra classe aqui no Skillshare do padrão Skillshare, onde eu lhe dou um mais instruções detalhadas sobre a ferramenta de padrão e que parte do processo de fabricação de padrões. Vamos passar por tudo isso aqui. Mas se você acha que isso é muito avançado para você, confira a classe primeiro e depois volte para esta aula. Com isso dito, vamos começar com uma repetição de linha reta básica. Como eu gosto de ter uma paleta de cores para começar, isso é o que eu vou fazer aqui também. Eu tenho uma paleta de cores antiga que vou usar para esta classe. Se você quiser usar a paleta, você pode, ou você pode simplesmente escolher cores aleatórias quando você criar essas linhas tretas repetidas. Eu só começo com a exclusão de todas as cores no painel de amostras, exceto preto e branco, e então eu vou buscar minha paleta de cores salvas e movo o grupo para o meu painel de amostras. O que vamos começar nesta lição é criar o padrão básico de repetição de linha reta. Este é o tipo mais simples de repetição de linha. A maneira mais simples de fazer esse tipo de padrão de repetição é apenas ir direto para a ferramenta padrão. Vá para Object, Pattern e Make, basta clicar em Ok. Quando você tiver sua telha patenteada aqui, você pode alterar a largura e a altura para a mesma que a placa de arte. Esta é apenas uma questão de preferência, mas eu geralmente tenho o mesmo tamanho da telha padrão que eu tenho no meu quadro de arte. Em seguida, vamos selecionar o segmento de linha para Sem preenchimento e um traçado, e você pode simplesmente escolher qualquer cor que desejar. Eu só estou indo para ir para laranja para este aqui, e clique, mantenha pressionada Shift e arraste para fazer sua linha. Se você se certificar de que seu guia inteligente está selecionado, será fácil criar uma linha com 1000 pixels, igual
ao bloco padrão. Você também pode clicar em seu quadro de arte quando tiver a ferramenta de linha selecionada, e basta digitar 1000 pixels. Selecione sua linha, e vamos apenas aumentar o peso do traçado. Vamos testar 30 pixels. Isso parece bem. Você pode ver que nós já temos uma repetição de linha. Para repetir a linha, eu costumo segurar Option e Shift no Mac e clicar e arrastar para duplicar a linha e arrastá-la para baixo da outra linha. Se você quiser repetir seu último movimento, pressione Command D no Mac e você terá um monte de linhas. Aqui, você realmente tem um padrão básico de repetição de linha. Talvez você queira distribuir essas linhas mesmo em seu quadro de arte, você pode apenas apertar Dim Copies aqui para ver quais de suas linhas são as originais, e se você tiver seu guia inteligente ativado, deve ser fácil arrastar apenas uma linha para o centro do topo. Em seguida, você tem uma linha para o centro da parte inferior
e, em seguida, selecione tudo e no seu painel Alinhar, que eu tenho aqui também, seleciono Alinhar à Seleção
e, em seguida, Distribuir Centro Vertical. Lá, você tem seu padrão de repetição de linhas básicas. Talvez eu queira aumentar um pouco a largura do meu traço, e eu acho que vou torná-los rosa, então eu vou apenas mudar a cor, e aqui temos nossas linhas básicas repetições. O que faço agora é selecionar tudo, e copiar o Comando C, todos os meus objetos, clique em Concluído na ferramenta padrão e Comando V para colar meus objetos. Em seguida, apertei o Comando G para agrupá-los, Alinhar ao quadro de arte no painel Alinhar e centralizo minhas linhas no meu quadro de arte. Depois disso, eu me certifico de que todas as minhas linhas estão selecionadas, e eu quero expandir as linhas para que elas não sejam mais linhas, mas sim objetos delineados. Vá para objetos, expanda, e você receberá esta pequena caixa de opção, pressione Ok, e então todas as suas linhas foram delineadas para objetos. O que queremos fazer agora é adicionar uma camada de fundo com uma cor. Selecione sua ferramenta de retângulo, clique em Uma vez no quadro de arte, digite 1000 pixels de largura e 1000 pixels de altura, pressione OK. Para isso, vou apenas escolher uma cor de fundo, centrá-la no quadro de arte,
mover o plano de fundo para trás, pressionar Comando C para copiar o plano de fundo e Comando V para colar outro retângulo na parte de trás do primeiro retângulo. Este novo retângulo, vou remover a cor de preenchimento para que ele não tenha preenchimento e nenhum traçado. Como eu disse antes, se você acha que esta parte
do processo está indo muito rápido para você, então você pode dar uma olhada na minha classe de padrão caído esboçado aqui no Skillshare,
onde eu ensino-lhe os conceitos básicos de como criar um padrão no Illustrator. Talvez eu queira mudar isso para laranja. Depois disso, selecionamos tudo e arrastamos nosso padrão para o painel de amostras. Então podemos experimentar o padrão e ver como ele se parece criando um retângulo e o padrão. Se ampliarmos, parece que tem um pouco de espaço aqui, uma linha branca. Às vezes, você obterá essa linha branca quando você não alinhou seus objetos no centro, e às vezes é uma questão de como o Illustrator está trabalhando com o alias, que basicamente significa que a linha branca não existe, mas você pode vê-lo de qualquer maneira. Mas para ter certeza de que não temos nossas linhas brancas, vou apenas tornar nossas linhas um pouco mais largas, que elas saiam do nosso padrão de azulejo. Com a linha selecionada, eu os enviarei para o quadro de arte e selecionarei tudo novamente e arrastarei o padrão para o painel de amostras. Então podemos preencher o quadrado com nosso novo padrão, e ver se as linhas se foram. Parece que estão. Agora, temos nossas linhas básicas de repetição padrão. Você pode reduzir o zoom do seu padrão indo para o objeto Transformar e Escala, e marque a caixa Transformar objeto, marque sua caixa Visualização e você pode rolar para baixo a porcentagem na caixa de dimensionamento uniforme. É um padrão básico de repetição de linhas.
4. Noções básicas - Linhas diagonais: Agora temos nosso padrão de repetição de linhas retas, vamos criar repetições de linhas diagonais. Isso pode ser um pouco complicado para entender como fazê-los azulejo e a maneira mais simples de criar uma linha diagonal para ser um padrão é um pouco trapaça e isso é ter suas linhas retas repetir. Vá para objeto, transforme e gire. Verifique se a caixa de padrão de transformação está marcada e não o objeto de transformação e a visualização. Agora você pode digitar 45 graus,
clicar em “Preview” e lá você tem suas linhas diagonais. Aperte “OK” e vamos ver o que aconteceu. Temos o visual de uma linha diagonal aqui, mas o que acontece se tirarmos nosso padrão original? Ainda é um padrão de linha reta. Isso só funcionará se você não precisar do mosaico padrão em seu projeto final. Provavelmente se você criar algum trabalho digital e ele não será impresso em nada. Como precisamos da telha padrão na maioria das vezes, vou mostrar-lhe outra maneira que não é a fraude para fazer esta telha. Para isso, não vamos trabalhar dentro da ferramenta de padrão, vamos fazê-lo da boa maneira antiga de criar um padrão em nosso quadro de arte original. Podemos apenas fazer uma cópia deste, mantenha pressionada a opção, clique e arraste para fazer uma cópia e, em seguida, eu vou selecionar o quadrado de fundo e o quadrado da telha sem preenchimento, sem traçado. Pressione “Command 2" para bloquear esses objetos. Basta diminuir um pouco e apagar suas linhas. Para fazer um padrão de linhas diagonais, vamos desenhar uma linha como fizemos antes com a ferramenta de segmento de linha. Certifique-se de que você tem o traçado selecionado, uma cor. Eu só vou acertar 40 pixels no peso
do traçado e desta vez você precisa desenhar uma linha que é mais longo do que o seu quadro de arte, muito mais longo. Algo assim. Você pode usar a ferramenta de linha como fizemos aqui ou você pode usar a ferramenta de retângulo e desenhar uma linha com o preenchimento, realmente não importa. Então pegamos nossa linha, giramos isso, eu pressionarei Shift para obtê-lo a 45 graus e então eu quero ter certeza que o ponto central da minha linha está no ponto zero do meu quadro de arte. Se você tiver seu guia inteligente selecionado, deve ser fácil encaixar isso direito na posição. Você pode verificar se você tem a posição certa de sua linha se você vai para se transformar e aqui eu posso ver que eu não tenho. Você deve ter um valor X zero e um valor Y. Agora temos uma linha, a linha inicial do nosso padrão e o que vamos fazer é criar uma linha que é a repetição desta aqui. A maneira mais rápida é como antes, mantenha pressionada a tecla de opção, clique e arraste para fazer uma cópia e, se você tiver seu guia inteligente selecionado, ele deve funcionar bem. Basta clicar e arrastar e que irá colocá-lo no canto oposto direto. Os valores X e Y devem dizer 1.000 pixels. Agora temos uma linha que é repetida em nossa telha padrão e o que queremos fazer é colocar linhas no meio. Para fazer isso da maneira mais simples, selecione ambas as linhas e clique duas vezes na ferramenta de mesclagem, altere o espaçamento para etapas especificadas e aqui
selecionamos quantas linhas queremos criar. Este número precisa ser um número ímpar caso contrário, não vai funcionar, então eu vou apenas acertar sete. Com a ferramenta de mesclagem selecionada, você clica em uma linha e na outra linha. Aí está você. Linhas diagonais que são até distribuídas ao longo de sua placa de arte e azulejo padrão. O que é importante saber aqui é que esta é uma mistura que significa que essas linhas no meio não está realmente lá até que você expanda a mistura. Com esta combinação selecionada, vá para o objeto, expanda, apenas certifique-se de que todas essas caixas estão marcadas e pressione “OK”. Então também queremos expandir nossas linhas para torná-los objetos delineados, então vá para objeto e expanda. Certifique-se de que o preenchimento e o traçado estejam selecionados e pressione “OK”. Agora temos nossas linhas delineadas e expandidas e cada uma delas é um objeto separado. Vamos tentar arrastar isso no painel de amostras,
certifique-se de desbloquear o quadrado de fundo e
o quadrado de mosaico padrão, em seguida, selecionar tudo no quadro de arte e arrastá-lo para o painel de amostras. Parece bom lá, então vamos apenas fazer um novo quadrado
e um perfeitamente azulejos linhas diagonais repetir padrão. Agora sabemos como criar as linhas básicas repetir, este e linhas diagonais repetir padrão. Vamos passar para a próxima lição, onde aprenderemos a criar um padrão básico em ziguezague e um padrão de ondas.
5. Noções básicas - Ziguezague: Vamos passar para o ziguezague e o padrão de linhas de ondas. Ambos os padrões têm exatamente o mesmo básico. Se você sabe como fazer um deles, você sabe como fazer o outro também. O padrão em ziguezague é um pouco mais complicado para chegar ao azulejo nas bordas. Vamos começar com isso, e então o padrão de ondas será muito fácil de criar. Começamos indo para a Ferramenta Padrão, Objeto, Padrão e Marca. Altere o tamanho do bloco para 1000 pixels quadrados e mova o bloco para o quadro de arte. Agora, isso novamente é apenas uma questão de preferência, mas é assim que eu faço. Começamos com o desenho de uma linha, certifique-se de que você tenha uma cor de traçado selecionada. Vou selecionar a mesma laranja que eu fiz antes, e uma largura de traçado de 40 e eu vou clicar uma vez no quadro de arte, certifique-se de que eu tenho 1000 pixels de comprimento na minha linha e bater Ok. Então eu me certifico de que minha linha está alinhada ao centro clicando no centro de alinhamento horizontal no painel de alinhamento. Agora, temos uma linha reta e queremos fazer este ziguezague. O que fazemos é ir para Effect, Distorcer e Transformar e depois em ziguezague. Nesta caixa de opções, temos muitas opções. O que queremos fazer é ter o canto selecionado, Absoluto selecionado, e então podemos brincar com Tamanho e Ridges por segmento. Certifique-se de que a caixa Pré-visualização está seleccionada. O que é realmente importante aqui é que você precisa ter um número ímpar nas cristas por segmento. Se você olhar para a borda aqui, você pode ver que se você tem um quatro, um número par, a borda não vai aparecer. Mas se você tiver um número ímpar, terá. Eu vou apenas para cinco cumes por segmento. Então ajusto o tamanho. Você pode brincar com o Relativo e Absoluto. Mas eu vou para Absolute. Eu acho que eu vou para algo como 30 pixels. Tamanho 30 pixels, Absoluto, cinco Reduzir por segmento e Canto selecionado. Aperte “Ok”, e aqui temos a nossa linha em ziguezague. Agora isso é apenas um efeito, então precisamos expandir esse efeito para tornar isso um objeto real. Vá para Objetos, Expanda Aparência. Lá você tem sua linha de volta e nós também vamos expandir isso para delineá-lo como a forma. Vá para Objeto, expanda novamente. Verifique se todas essas caixas,
Objeto, Preenchimento e Traçado estão selecionadas. Aperte “Ok”, e lá temos o nosso objeto delineado, a nossa linha em ziguezague. Se seria tão fácil criar o padrão em ziguezague, isso será incrível. Mas se você ampliar, você vai ver que você tem uma pequena falha aqui onde seu padrão é suposto para telhar para cima. Aqui vem o pequeno truque para obter as bordas para combinar e isso pode ser um pouco complicado, então certifique-se de que você siga junto agora. O que faço aqui é contar quantos ziguezagues tenho. Eu tenho um, dois, três nesta linha, porque este é o mesmo que este, então três ziguezagues. Depois, apertei “Comando K” para aumentar as minhas preferências gerais. Você também pode ir para Preferências e Geral. Na caixa Incremento de teclado, agora
tenho o tamanho da minha placa de arte, que é de 1000 pixels. Então eu pego o tamanho do meu quadro de arte, o comprimento do meu quadro de arte, 1000 pixels divididos pela quantidade de ziguezagues que sua linha tem. O meu tinha três, e então eu apertei “Ok”. Se eu apertar “Command K” novamente, terei 1000 pixels divididos por três no incremento do teclado. próximo passo é duplicar esta linha e movê-la horizontalmente com a distância que você digitou nas configurações de incremento do teclado. Para fazer isso, selecione a linha, mantenha pressionada a tecla “Opção” e clique na seta para a direita do teclado. Como podem ver, temos uma linha que foi duplicada e movida um terço do nosso quadro de arte para a direita. Se eu mudar essa cor de preenchimento, você pode ver na pequena falha aqui que nós temos essa falha coberta com nossa nova linha. próximo passo é unir ambas as linhas para que não tenhamos essa falha aqui entre as linhas. Selecione ambas as linhas e, em seu painel Pathfinder, você pode ir para Janela e Pathfinder, se você não tiver, você aperta “Unite” e isso fará ambas as linhas em uma linha. Se você desmarcar a caixa “Cópias Dim”, você verá que você tem um padrão em ziguezague que está perfeitamente alinhado e você não tem uma falha entre suas linhas. O que queremos fazer agora é criar algumas cópias deste. Vou apenas alinhar estes verticais para o topo e, em seguida, criar algumas cópias mantendo pressionada a tecla “Option”, clicar e arrastar para fazer uma cópia
e, em seguida, pressionar “Command D” para repetir. Então eu quero ter certeza de que eu distribuo todas as minhas linhas uniformemente. Eu seleciono a linha superior. Pressione “Command K” novamente, digite o tamanho do meu quadro de arte, 1000 pixels. Carregue em “Ok” e depois carrego em “Opção” e “Tecla para baixo”. Se eu marcar a caixa Dim Copies no painel de opções de padrão, você pode ver que esta é a primeira linha e esta é a última linha, que é apenas uma repetição desta no meu bloco padrão. Mas você precisa criar essa linha agora para distribuí-las uniformemente em seu quadro de arte. Selecione todas as suas linhas,
certifique-se de que você está alinhado à seleção e clique em “Centro de distribuição vertical”. Agora, você tem todas as suas linhas uniformemente distribuídas ao longo do seu quadro de arte. O que você pode fazer agora é excluir essa
linha extra e para criar um padrão com um retângulo de fundo, fazemos exatamente como fizemos antes de copiar todos os nossos objetos, clique em “Concluído”. Cole nossos objetos, agrupe-os juntos. Em seguida, crie um retângulo para usar como cor de fundo. Alinhe seu centro ao quadro de arte. Pressione “Comando C” para copiá-lo e “Comando B” para criar uma cópia na parte de trás. Certifique-se de que o quadrado na parte de trás não tenha preenchimento, nenhum traço. Alinhe seu centro de quadrados ao quadro de arte. Certifique-se de que eles estão na frente. Objeto, Organize, Traga para a frente, e lá você tem o seu padrão em ziguezague. Selecione tudo no seu quadro de arte e arraste-o para o painel Amostras. Vamos verificar o nosso padrão em ziguezague. Agora temos o nosso padrão em ziguezague. Vamos passar para o padrão das ondas.
6. Noções básicas - ondas: Para fazer uma onda, padrão é realmente muito mais fácil porque ele vai azulejo perfeitamente desde o início. Começaremos com a mesma técnica. Certifique-se de que você sublinhar ferramenta segmento, cor do traçado
selecionado. Eu mudará o peso do traçado para 4D, e é clicar e arrastar para fazer uma linha de 1000 pixels. Então vamos para Effect, distorcer e transformar e seis sacos novamente. Mas desta vez vamos verificar nesta caixa suave. Aperte visualização. Vamos para cinco novamente e as mesmas configurações de antes, 30 pixels. Então 30 pixels, cinco absolutos e Suave. Como eu mencionei antes, você pode brincar com essas configurações, como desejar. Mas para este exemplo, vamos usar exatamente as mesmas configurações que fizemos neste padrão exato. Acerte Ok. Amplie e você vê que a onda é perfeitamente azulejo na borda do seu tipo de padrão. Agora fazemos exatamente como fizemos seis sacos, pois isso é apenas um efeito e não um objeto neste momento, precisamos expandir a aparência. Nós vamos para objeto expandir aparência. Agora temos a nossa linha e lá vamos nós novamente para expandir objeto, certifica-se de que todas as outras caixas estão selecionadas e aperte Ok. Agora temos a nossa forma delineada. Vamos criar algumas cópias. Mantenha-os para fora, clique e arraste e aperte o comando D. Nós certificamo-nos de que a onda superior está alinhada, ao topo do nosso quadro de arte. Selecione a linha superior. Certifique-se de que você tenha alinhado à placa de arte selecionada
no painel de alinhamento e, em seguida, clique na parte superior alinhada vertical. Então podemos remover esse amiguinho aqui embaixo, e nos certificamos de que temos nossos incrementos de teclado ajustados para 1000 pixels, do mesmo tamanho que a altura do nosso quadro de arte. Acerte Ok. Em seguida, pressione opção e seta para baixo, para duplicar sua onda para exatamente 1000 pixels abaixo. Em seguida, selecionamos tudo, certifica-se de que você tenha alinhado à seleção, selecionado no painel de alinhamento. Então você distribui o centro vertical. Eles podem simplesmente ir em frente e excluir, a onda extra que criamos apenas para fazer essas ondas, uniformemente distribuídas. Apaga essa e depois voltamos outra vez. O mesmo processo que anteriormente, nós copiamos nossos objetos, atingido feito. Cole os objetos, pressione o comando G para
agrupá-los alinhados ao nosso Board selecionado no painel de alinhamento e alinhe suas ondas centralizadas ao seu quadro de arte. Certifica-se de que o plano de fundo está bloqueado
e, em seguida, selecione tudo e arraste para o painel de amostras. Vamos experimentar o nosso padrão de ondas. Lá você tem seu padrão de ondas perfeitamente alinhado. Ok, ótimo. Agora aprendemos como criar os quatro padrões básicos de repetição de linha. A linha reta, a linha diagonal, os seis sacos e as ondas. Estes quatro padrões é uma obrigação de saber e entender como criar, a fim de ser capaz de fazer um padrão de repetição de linhas distorcidas. Quando você pegar o jeito de, todos esses quatro tipos de padrões de linhas, vamos passar para a próxima lição, onde vamos começar a criar um padrão de repetição de linhas distorcidas.
7. Linhas irregulares - Desenhe no Illustrator: Está na hora das repetições da linha vacilante. Nesta aula, você vai aprender como criar as repetições de linha distorcidas, tudo no Illustrator. Significando que vamos criar as linhas no Illustrator
e, em seguida, também criar o padrão no Illustrator. Então, vamos começar. Então a coisa complicada com linhas distorcidas é que você precisa combinar as linhas no endereço. E para fazer isso, da maneira mais simples possível, começaremos com a criação de um padrão básico de repetição de linha que usaremos como guia. Você também pode, se estiver acostumado a trabalhar com uma grade, corresponder as bordas da sua linha. Eu acho que é difícil usar a grade para visualizar o ponto final e início da minha linha, então o que eu faço é criar a repetição de linha básica e usá-lo como um guia. Então vá para objeto, padrão e make. Vamos apenas mudar o bloco padrão para 1.000 pixels, e mover o bloco padrão para o nosso quadro de arte. Então vamos criar algumas linhas. Eu vou para as linhas curvas neste exemplo, mas você pode usar qualquer tipo de linhas básicas que você deseja. As curvas, o ziguezague, ou as linhas retas. Desta vez vou criar uma linha pouco menos curva do que na lição anterior. Talvez algo assim. Em seguida, duplique a linha algumas vezes, expanda a aparência e expanda as linhas para que tenhamos esboçado objetos. Em seguida, alinhe sua linha à borda da placa de arte, pressione a tecla de comando, verifique se você tem o
mesmo tamanho da placa de arte em incremento de teclado, 1.000 pixels. Aperte a opção e a tecla de seta para criar uma duplicata da sua primeira linha. Selecione tudo e certifique-se de que você tenha a seleção da linha dois,
selecionada e, em seguida, clique no centro de distribuição horizontal. Exclua suas linhas extras que estão fora do seu bloco padrão e, em seguida, podemos bater cópias escurecimento. Então agora nós temos 1, 2, 3, 4, 5 linhas onduladas que queremos fazer Wonky. Então, nesta lição, vou mostrar-lhe como criar linhas
distorcidas com três técnicas diferentes no Illustrator. Então eu vou criar três tipos diferentes de linhas para que você possa facilmente ver como essas diferentes técnicas variam. Então vamos começar com a maneira mais simples, é uma espécie de atalho para criar linhas distorcidas. Apenas certifique-se de que todas as suas linhas estão expandidas para que sejam objetos delineados. Então vamos começar com as linhas laranja. Eu só vou para selecionar a mesma cor e preenchimento para selecionar todas as minhas linhas laranja e, em seguida, eu ir para o efeito, distorcer e transformar e áspero. Eu apertei pré-visualização, e isso parece um pouco louco, então vá para suave e em vez de relativo, Eu seleciono absoluto. Então lá você pode ver que você já tem alguma maravilha em suas linhas. Então você pode brincar com as configurações aqui. Talvez algo assim seja bom, não muito óbvio, mas ainda assim confuso. Bata bem, e como fizemos no efeito, precisamos expandir os efeitos. Então vá para objeto expandir aparência e, em seguida, eu sempre só ir para objeto expandir mais uma vez, certifique-se de objeto e preenchimento é verificado em e bater bem. Então agora você tem todas as suas linhas laranja um pouco vaciladas. Então, o que fazemos a seguir é ampliar, você pode desmarcar a caixa de escurecer cópias. Amplie e certifique-se de que as linhas laranja estão revestidas nas bordas. Se eles não são como aqui há uma pequena falha, toque
duas vezes na ferramenta de pincel blob e certifique-se de que eu tenho um tamanho pequeno e, em seguida, eu apenas entrar e preencher as pequenas falhas. Portanto, esta é a parte mais importante quando você faz um linhas distorcidas repetir, mas você se certificar de que suas bordas azulejo uma forma que torna impossível ver onde sua linha começa e termina. Então lá temos as nossas primeiras falas erradas. Então o que eu vou fazer a seguir, só para mostrar as outras maneiras de criar linhas erradas é que eu vou bloquear todas as linhas laranja que eu já fiz. Então eu vou selecionar a mesma cor de preenchimento, pressione o comando dois para bloquear as linhas laranja. Então a próxima maneira de criar linhas distorcidas também é bastante simples, e isso é usar a ferramenta de dobra. Em seguida, seleciono uma das minhas linhas verdes mantendo pressionada a tecla de comando e apenas clicando em uma das linhas, e então eu apenas começo a clicar e arrastar para tornar essa linha um pouco distorcida. Então, esta também é uma solução muito rápida para criar linhas distorcidas no Illustrator. Não se importa se as bordas não são grandes agora, vamos consertar isso em um minuto. Mas primeiro vamos fazer todas essas linhas verdes um pouco erradas. Então aí tens as tuas linhas verdes tretas. Agora vamos entrar com uma ferramenta de pincel blob como fizemos anteriormente nas linhas laranja e vamos preencher as lacunas. Então isso parece muito bom. Então fizemos as linhas distorcidas com o efeito de
desbaste, e fizemos as linhas distorcidas com a ferramenta de dobra. Então agora vamos seguir em frente e criar as linhas distorcidas com a última técnica que eu vou mostrar a vocês. Vou apenas clicar duas vezes na ferramenta de pincel blob, aumentar o tamanho talvez para 30 ou algo assim, ter
certeza de que eu tenho a cor rosa selecionada com a ferramenta conta-gotas, e eu acho que eu vou descer em tamanho pouco talvez 20 pontos na ferramenta de pincel blob, e então eu vou apenas começar a cair. Então o que eu faço agora é que eu vou apenas desenhar um pouco mais de maravilha para essas linhas cor-de-rosa, e também como anteriormente, certifique-se de que eles azulejos acima nas bordas. Então eu vou apenas acelerar isso um pouco para você enquanto eu continuo a
desenhar as linhas rosa com o pincel blob também. Então agora temos todas as nossas falas erradas. Parece um pouco louco como eu misturei tantas técnicas, mas este foi apenas como um exemplo para mostrar como
você pode criar linhas muito mais bonitas. Então o que fazemos agora é copiar todos os nossos objetos, acertar feito na ferramenta padrão e colar nossos objetos em nosso quadro de arte. Então, como podem ver agora, está um pouco louco por aqui, mas vamos consertar isso em um minuto. Primeiro, vamos apenas criar um quadrado de fundo com uma cor rosa claro e alinhá-lo ao quadro de arte, em seguida, pressione
o comando C e o comando B para criar o bloco no fundo sem preenchimento e sem traçado. Podemos bloquear as camadas de fundo para que ele não fique no caminho. Então, primeiro, agrupe todos os seus objetos juntos, ordene G. Coloque-os no centro do seu quadro de arte. Certifique-se de trazê-los para a frente, e então eu vou arrastá-los para um lugar que pareça natural. Então eu me certifico de que eu tenho meus objetos desagrupados. Em seguida, selecionarei o que está fora da borda do bloco à direita, pressione Command K, certifica-se de que tenho 1.000 pixels nos incrementos do teclado. Em seguida, pressione a opção e a seta para a esquerda para duplicar o que está no lado direito do meu quadro de arte para o que está à esquerda. Eu também preciso de azulejos até o topo e o fundo. Então eu vou apenas selecionar todos os objetos, aperte minha tecla de opção e seta para cima, e mais uma vez, tecla de opção e seta para baixo. Então agora tudo está perfeitamente revestido. Nós não precisamos nos preocupar com que as linhas estão flutuando fora do quadro de arte, vamos passar por isso na última lição desta classe onde eu vou mostrar-lhe como
finalizar o arquivo e também garantir que tudo está expandido. Então vá para o objeto e expanda. Mais um objeto de tempo expandir, apenas para ter certeza de que tudo está delineado. Desbloqueie tudo no seu quadro de arte e arraste-o para o painel de amostras. Vamos ver como esse padrão parece. Aí está você. Um perfeitamente azulejos, linhas vacilantes se repete. Talvez não as mais belas linhas Wonky repete que eu já vi, mas agora você sabe a técnica para criar uma repetição de linhas Wonky no Illustrator. Então agora temos nossas linhas distorcidas repetidas, todas feitas no Illustrator. Vamos passar para a próxima lição onde mostrarei minha técnica padrão, na verdade, e isso é desenhar as linhas no Adobe Fresco no meu iPad e depois transformá-las em um padrão no Illustrator. Então, se você tem um iPad ou está curioso de como fazer isso em um iPad, junte-se a mim na próxima lição. Caso contrário, você pode simplesmente pular a próxima lição e
ir direto para a lição onde você aprende a finalizar seu arquivo.
8. Linhas irregulares - Desenhe no Adobe Fresco: Nesta aula, você vai aprender como desenhar as linhas distorcidas no Adobe Fresco
e, em seguida, transformá-las em um padrão no Illustrator. Se você quer a maneira mais fácil, não é
esta. Desenhar as linhas no Illustrator é uma maneira muito mais rápida de criar padrões de linha distorcidos. Mas se você é como eu e gosta de desenhar todos os seus motivos em seu iPad para obter um visual mais desenhado à mão, então esta lição é para você. Se ainda está comigo, vamos começar. Apenas uma pequena nota antes de começarmos, se você é novo no Adobe Fresco, eu sugiro que você dê uma olhada na minha outra classe aqui no Skillshare, fluxo de trabalho de design de padrões, esboçar e desenhar motivos no Adobe Fresco, onde você aprende todos os conceitos básicos do desenho vetorial no Fresco. Vamos começar um novo documento no Adobe Fresco que tenha 1.000 pixels quadrados e certifique-se de que você tenha 300 como PPI. Pressione “Criar documento”. A primeira coisa que fazemos é criar linhas de guia que usaremos para desenhar nossas linhas obscuras. Neste momento, no Fresco, você não pode usar nenhum tipo de grade. Então vamos desenhar linhas retas. Certifique-se de que você tem sua configuração de linha reta primeiro, vá para as configurações Little Wheel, Experimental, e certifique-se de que você tem o seu porão para uma linha reta em. Em seguida, vamos selecionar o pincel redondo vetor. Preto é bom para isso. Acho que 10 é um bom tamanho. Vou fazer um pincel mono-line. Então, sem dinâmica de pressão e sem dinâmica de velocidade. Então vamos apenas desenhar alguns guias. Então desenhe uma linha, mantenha pressionado o atalho de toque. Não há nenhuma maneira de saber quando essa linha é reta no Adobe Fresco. Você pode notar que ele gruda em um lugar e é aí que eu acredito que é reto, então eu vou deixá-lo ir lá. Em vez de desenhar todas essas linhas, vou apenas duplicar a camada para criar mais linhas. Toque no atalho Camada, Duplicar ,
Seleção, Mantenha pressionado o atalho de toque e arraste sua linha para a direita. Mais uma vez, camada duplicada. Use a Ferramenta de Seleção, mantenha pressionado o atalho de toque e arraste para a direita. Vamos fazer cinco linhas. Essas coisas acontecem às vezes com a tela sensível ao toque do meu iPad. Então vamos tentar de novo. Talvez algo assim. Agora temos cinco linhas. Vou mesclar isto a uma camada. Então vou diminuir a opacidade desta camada. Quando eu desenhar minhas linhas no afresco, eu não vou me importar muito que eles são uniformemente distribuídos. Posso consertar isso mais tarde no Illustrator. Então eu só quero ter essas linhas de guia simples que eu posso seguir quando eu desenhar minhas linhas tretas. próximo passo, que tornará mais fácil para nós ver se nossa linha corresponde nas bordas, é que vamos criar um quadrado de fundo em outra cor. Então, basta usar a ferramenta de preenchimento. Eu vou para a cor rosa claro e preencher com vetor. Então eu pressiono e arrasto essa camada abaixo da nossa camada de linhas. Em seguida, aumentaremos o tamanho do nosso quadro de arte para 1.500 pixels. Basta tocar em “Concluído”. Agora será muito mais fácil para nós ver se nossas linhas vão coincidir. Basta criar uma nova camada e começaremos a desenhar nossas linhas. Selecione novamente o pincel redondo vetor. Vamos apenas para uma cor laranja. Certifique-se de que você tem sua dinâmica de pressão. Se você quiser linhas distorcidas, você pode ajustar o tamanho. Vamos apenas tentar isso, e então apenas desenhar uma linha em cima de suas linhas de guia. Se você quer uma linha reta, você pode apenas usar a dinâmica de pressão para criar a maravilha. Vamos apenas continuar a criar algumas linhas retas mais instáveis. Isso parece muito bom. A próxima coisa que faremos é apagar as bordas
na parte superior e na parte inferior de suas linhas. Isso não precisa ser perfeito, mas apenas apagar para que ele tenha uma linha reta com sua borda. Agora não são linhas retas perfeitas, mas você apagou suas linhas distorcidas na parte superior e na parte inferior do seu quadro de arte. Em seguida, vamos duplicar a camada com suas linhas. Use a Ferramenta de Seleção, mantenha pressionado o atalho de toque e arraste novas linhas para que elas correspondam na parte superior do seu quadro de arte. Volte para a camada de linha original, use o pincel vetorial novamente. Agora podemos preencher as falhas onde não coincidem com os indígenas. Quando você tiver preenchido a falha, você duplica sua camada original novamente. Use a Ferramenta de Seleção, mantenha pressionado o atalho de toque e, mova essa camada para que ela corresponda à camada inferior. A forma como combina nas bordas aqui não precisa ser perfeita. Vamos corrigir isso no Illustrator mais tarde. Mas acho mais fácil fazer o máximo possível no meu iPad e depois corrigir os detalhes no Illustrator. A próxima coisa que faremos é mesclar essas camadas, usar a ferramenta borracha, e vamos apagar um pouco acima da borda. Então só aumentarei a ferramenta Borracha e apagarei todas essas linhas extras. Lá você tem seu esboço em linha reta que podemos levar para o Illustrator e criar um padrão de repetição. Mas e se você quiser fazer ondas ou seis linhas de arco? Vou desligar a visibilidade dessa camada. A técnica é exatamente a mesma que com linhas retas. Vou apenas selecionar meu pincel redondo vetor, e vou tentar desenhar algumas ondas. Posso imaginar que quero ter três ondas. Sei que precisa começar aqui e acabar aqui. Vou começar a desenhar e vamos ver o que acontece. Vamos fazer isso um pouco mais grosso. Talvez eu só aumente o tamanho do meu pincel. Algo assim. Apenas certifique-se de que você desenhou através da borda. Então faremos exatamente como fizemos com nossas linhas retas. Apagamos apenas os lados um pouco. Nós apagamos para que tenhamos bordas retas para nossas linhas. Em seguida, duplicamos esta camada. Use a Ferramenta Seleção, mantenha pressionado o atalho de toque e arraste a camada para cima para correspondê-la na parte superior. Em seguida, certificamo-nos de que temos a nossa camada de linha original selecionada. Use o pincel redondo vetor novamente e preencha os pequenos espaços em branco. Você também pode, naturalmente, usar a ferramenta Borracha para corrigir detalhes. Então, talvez algo assim. Então vamos duplicar nossa camada original. Use a ferramenta Seleção, mantenha pressionado o atalho de toque e arraste suas linhas para que elas se alinhem na parte inferior, algo assim. Em seguida, você volta para a camada original e seu pincel redondo vetor. Agora, você pode apenas corrigir os detalhes para que tenhamos um bom olhar suave para nossas linhas de onda. Em seguida, podemos mesclar todas essas camadas e usar a ferramenta Borracha e apagar para que você tenha apenas um pouco acima do seu [inaudível]. Então apaga o extra, e lá temos as nossas falas erradas. Como eu mencionei antes, as bordas, a parte superior e a parte inferior, não precisa ser perfeitamente revestido. Vamos consertar isso no Illustrator mais tarde. Por enquanto, vamos apenas desligar a visibilidade da nossa camada de guias. Em seguida, podemos exportar este trabalho de arte publicado e exportar, exportar como um PDF. Vamos chamá-los de linhas erradas. Vou deixar cair o PDF no ar para mim mesmo. Vamos passar para a próxima lição em que abriremos este PDF no Illustrator e criaremos um padrão dessas linhas distorcidas que desenhamos no Adobe Fresco.
9. Linhas irregulares - Crie uma repetição: Vamos abrir nosso PDF no Illustrator. O que costumo fazer é copiar o trabalho artístico do PDF e colá-lo em um documento de IA. Isso é apenas para nos salvar de complicações mais tarde que podem acontecer se você continuar trabalhando no PDF do Adobe Fresco. Pelo menos, essa é a minha experiência. Aqui, temos a nossa obra de arte. Quando você traz a arte do Adobe Fresco, o que você precisa fazer é liberar uma máscara de recorte. Se você vai para ver e delinear, você pode ver que há um monte de quadrados
diferentes e coisas estranhas acontecendo aqui. Vamos ver visualização novamente e objeto, máscara de
recorte e liberação. Em seguida, vamos apenas entrar e excluir todos esses quadrados estranhos. Lá você vai contornar seu objeto. Eu realmente não me importo muito com esses quadrados. Eu acho que isso depende de quantas camadas você desenhou seus objetos. Se você tiver desenhado todos os seus objetos ou mesclado seus objetos em uma camada, então você só terá um quadrado estranho em torno de seus objetos. Mas se você desenhou um objeto por camada no Adobe Fresco antes de exportar seu arquivo, então você terá um monte de quadrados estranhos aqui. Mas isso realmente não importa. Vamos apenas remover os quadrados e tudo ficará bem. Vá para o modo de contorno, e eu vou apagar esse quadrado e este quadrado. Aqui está um pequeno ponto que eu não quero ter lá. Vá para visualizar visualização novamente, e vamos apenas excluir nossa camada de fundo também. Agora, vamos ver contorno novamente. Se você der uma olhada em seus objetos, você pode ver que eles não estão unidos. A laranja não está unida. Como todos os nossos objetos são laranja, podemos apenas selecionar todos e, em seguida, clicar em “Unite. Se analisarmos isso de perto, você pode ver que o Adobe Fresco oferece muitos pontos de ancoragem. Normalmente, como eu trabalho com formas muito simples em vetor, realmente não importa muito para mim. Meu tamanho de arquivo não será muito maior se eu tiver muitos pontos de ancoragem nesses objetos simples. Mas se você quiser, vamos ver a visualização novamente e você pode simplificar seus objetos. Vá para o caminho e simplifique. Eu normalmente gosto de ter toda a opção aqui, então toque os três pequenos pontos. Se eu chegar ao máximo, estes são os meus objetos originais. Quanto mais baixo você for, menos pontos de ancoragem você receberá. Você pode ver aqui, o original era 1.000 pontos e agora você tem 167 pontos. Vamos apenas ir para isso. Aperte “Ok”. Então, para tornar mais fácil ver se esses objetos se alinham, eu vou apenas copiá-los e ir para a ferramenta padrão novamente, 1.000 quadrados, e mover a telha para o meu quadro de arte mais uma vez, como fizemos em todas as outras lições anteriores. Em seguida, cole seus objetos. Certifique-se de reduzi-los para que você possa ver o que está acontecendo. Então, eu só vou aumentar o tamanho até eu tê-los na borda do meu quadro de arte. Talvez seja algo assim. Agora, deve ser muito fácil entrar e usar a ferramenta de pincel de blob para desenhar as pequenas falhas que temos na parte superior e na parte inferior da telha. Mas primeiro, eu vou apenas distribuir estes uniformemente no quadro de arte, então desagrupe, e como eu quero isso um pouco mais confuso, eu acho que eu vou apenas fazer isso olhando com meus olhos e não distribuí-los completamente mesmo. Pressione “Command K” e eu digitarei cinco pixels nos incrementos do teclado. Você pode mover suas linhas até colocá-las na posição que você quer. Talvez algo assim seja bom. Em seguida, vamos usar a ferramenta de pincel blob e ir para dentro e corrigir as bordas. Vamos desenhar aqui. Eu vou fazer isso muito rapidamente aqui apenas para mostrar quando
você faz isso para fazer uma peça final, um padrão final que você vai usar para alguma coisa. Então você deve ser realmente detalhado com isso para que não seja óbvio onde seu azulejo começa e termina. Em seguida, podemos copiar todos os nossos objetos exatamente como fizemos nas lições anteriores. Pressione “Concluído” na ferramenta padrão, “Command V” para copiar e agrupar seus objetos. Alinhe-os centralizados ao quadro de arte e,
em seguida, pressione “Command K” e verifique se você tem a altura do bloco padrão na caixa de incremento do teclado. Eu tenho 1.000 pixels. Aperte “OK”. Em seguida, pressione a tecla “Option” e seta para baixo. Mais uma vez, selecione seus objetos originais, pressione a tecla “Option” e seta para cima. Agora temos nossas linhas erradas repetidas na parte superior e na parte inferior do seu azulejo. Então vamos criar a camada de fundo com uma cor. Eu vou para rosa. Alinhe-o centrado ao quadro de arte. Certifique-se de centralizar a parte de trás, pressione “Command C” para copiá-lo, “Command P” para colá-lo na parte de trás. Certifique-se de que seu quadrado na parte de trás não tenha preenchimento, nenhum traço. Em seguida, selecione todos os seus objetos. Mais uma coisa é que você pode unir todos os seus objetos, todas as linhas alaranjadas em um único objeto para que você não tenha esses objetos diferentes que estão divididos. Certifique-se de selecionar tudo
na mesma cor de preenchimento e, em seguida, vá para a ferramenta de busca e pressione “Unite”. Agora, a última jogada é selecionar todos os seus objetos. Arraste-os para o painel de amostras, faça um quadrado e preencha-o com o seu padrão para ver se ele está em mosaico. Isso parece muito bom. Este é o básico da criação de um padrão de repetição de linha instável que você desenhará no Adobe Fresco no iPad
e, em seguida, exportará para PDF e criará o padrão no Illustrator. Eu só fiz um exemplo aqui, mas você pode fazer muito mais com isso. Você pode criar linhas de onda, linhas ziguezague, todos os tipos de linhas divertidas. A única coisa que você precisa se preocupar é que eles ladrilham e iniciar um ponto final de sua telha padrão. Quando você terminar com esse padrão
desenhado no Fresco e transformado em um padrão no Adobe Illustrator, vamos passar para a próxima lição onde finalizaremos o arquivo e certifique-se de que limpamos nossa repetição telha padrão.
10. Finalize o arquivo: Nesta lição, vamos apenas limpar nosso arquivo. Nosso padrão de repetição para que você possa usá-lo como uma telha padrão ou você pode imprimir em todos os tipos de produtos e coisas. Como esta é mais uma classe intermediária, se você acha que isso está se movendo muito rápido, você pode verificar minha classe de esboço para repetir padrão aqui no Skillshare onde eu vou orientá-lo através disso um pouco mais lento. Vamos começar com isso. Temos o nosso quilo, repito da lição em que você o criou no Illustrator. Vamos começar com a limpeza deste padrão. O que queremos fazer é limpar todas as coisas, que estão se movendo para fora da nossa telha. Como você faz isso? Bem, eu descobri que a melhor maneira é bloquear suas camadas de fundo, e depois certificar-se de que todos os seus objetos estão agrupados. Em seguida, você cria um quadrado que é 1000 pixels. O mesmo que seu azulejo e quadro de arte. Alinhe o quadrado ao centro do seu quadro de arte. Selecione tudo e, em seguida, vá para objeto, recorte máscara fazer. Você terá seu azulejo perfeito. Mas se você olhar aqui, você pode ver que a máscara de corte só esconde o que está fora da mesquita. Ele realmente não exclui. O que vamos fazer agora é selecionar nossa máscara de recorte e, em seguida, clicar em cortar. Cortamos todos os nossos objetos para o mesmo quadrado que o nosso tipo de padrão. Como você pode ver quando eu tenho todos os objetos selecionados, que eles não estão unidos. As cores não estão unidas. Eu só vou entrar e selecionar a cor,
e, em seguida, pressione selecionar a mesma cor de preenchimento e unir. Eu vou para o verde, seleciono a mesma cor de preenchimento, uno-me. O laranja, selecione a mesma cor de preenchimento, e unir-se. Agora sei que tenho todas as minhas cores unidas. O rosa com o rosa. O verde com o verde, e o laranja com o laranja. Eu seleciono tudo novamente, e eu bati no grupo. Agora, certifique-se de desbloquear tudo. Aqui você tem sua telha padrão. Se você arrastar isso para o painel de amostras e experimentá-lo em um quadrado. Se você arrastar isso para fora de um painel de amostras, você terá um bloco perfeito. Se você arrastar para fora o seu padrão feito anterior, você vai ver que você tem um monte fora das bordas que você não precisa. Na verdade, é isso. Você pode salvar esse bloco como JPEG ou uma IA, ou tudo depende do propósito final do seu padrão. Antes de salvarmos este arquivo, acho que vou mudar a cor verde. Porque não estou muito feliz com isso. Vou entrar e abrir outra das minhas paletas de cores. Vou selecionar o objeto verde. Vá para selecionar a mesma cor de preenchimento. Vou tentar mudar o verde para azul. Lá eu acho que parece muito melhor. Eu só vou ser feliz com isso aqui. Para esta lição, vamos apenas dizer este arquivo como um JPEG então podemos usar on-line. Eu vou para arquivo, exportação, exportação para telas, e eu só tenho um quadro de arte. Não preciso me importar com essa opção. Aqui você pode selecionar onde deseja salvar seu arquivo. Eu vou dizer o meu como JPEG 100. Minhas configurações, JPEG 100 é a linha de base otimizada como método de compactação e a arte de suavização de alias otimizada. Acabei de verificar o perfil ICC incorporado. Então eu só bati no quadro de arte de exportação. Aqui tenho meu arquivo final, e é isso. Você criou uma repetição de colisão, com bloco padrão limpo.
11. Agradecimento: Então isso é tudo para esta aula. Espero que você tenha gostado desta aula técnica sobre como
criar um padrão de repetição de linhas Wonky de algumas maneiras diferentes. Muito obrigado por assistir. Se você não quer perder minhas futuras aulas ou apenas gostar do meu estilo de ensino em geral, aperte o botão Seguir pelo meu nome aqui abaixo, e se você tiver alguma dúvida, por favor pergunte-lhes na página da comunidade, e sinta-se livre deixar um comentário para me informar se você gosta desta aula. Adoraria ouvir seus pensamentos. Será muito divertido ver seus padrões de linhas erradas, então certifique-se de compartilhar seu projeto aqui na sala de aula. Se você postar no Instagram, sinta-se livre para me marcar com @maja_faber. Se você quiser algum feedback específico, basta me avisar e eu posso lhe dar algumas dicas e truques. Obrigado novamente por assistir e se divertir criando.
Maja Faber, Surface Pattern Designer
