Fundo abstrato degradê no Adobe Illustrator — um curso de Graphic Design for Lunch™

1. Introdução ao design de Ombre de abstract: um design gráfico para -: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço. Hoje estamos analisando a criação de um design de fundo ombre no Adobe Illustrator. Vamos começar criando o esquema de cores ombre, e vamos fazer isso usando uma mistura. Então vamos criar a forma básica do padrão, replicá-la e preenchê-la com as cores que estamos usando. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas como você que querem saber mais sobre o Illustrator. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a cada comentário, e olho para todos os seus projetos de classe. Agora vamos começar a criar um ombre, padrões abstratos no Illustrator. 2. Pt 1 - Design de fundo de de Abstact: Para começar com nosso padrão abstrato ombre, vou criar um documento que será a base de tudo. Vou construir tudo neste documento. Eu vou criá-lo como 1000 pixels por 1000 pixels cor RGB. Vamos começar criando o esquema de cores ombre, então eu vou para a ferramenta de retângulo. Só vou arrastar um retângulo raso. Vou desligar a greve e vou preenchê-la com uma cor. Agora, eu vou fazer um esquema de cores que vai de azul azul azul azul este aqui, através de amarelo para um vermelho brilhante. Vou começar por preencher um quadrado ou um retângulo com o meu azul. Em seguida, eu vou obter a ferramenta de seleção novamente, mantenha pressionado Alt ou Option enquanto eu arrasto uma forma duplicada para longe. Este eu vou preencher com a cor do meio do meu esquema de cores, que vai ser o amarelo, e então eu vou Alt ou Option - arrastar um retângulo final de distância e eu vou preenchê-lo com a última cor que eu planejo usar, este Vermelho brilhante aqui. Eu só vou alinhar estes ordenadamente para que os tops estejam perfeitamente alinhados e eu vou criar uma mistura com eles. Estou indo para a ferramenta de mistura aqui. Vou clicar nele e, em seguida, passar o mouse sobre a primeira dessas formas. Quando eu digo o pequeno asterisco lá, eu posso clicar uma vez. Eu vou para a próxima forma, eu vou ver um sinal de mais, eu vou clicar novamente. Isto vai criar a primeira das minhas misturas, mas eu não tenho que parar aí e eu posso ir por aqui e adicionar esta cor à minha mistura também. Agora, eu tenho um gradiente que vai do azul ao amarelo ao vermelho, mas o que eu realmente quero é um esquema de cores que eu possa usar para criar um padrão ombre. Então, eu vou clicar duas vezes na ferramenta Mistura e eu vou, em vez de escolher cor suave, eu vou selecionar etapas especificadas e eu vou clicar em “Visualizar” e isso é muito etapas. Na verdade, eu quero algo mais como quatro ou cinco. Eu só vou digitar quatro por enquanto e podemos dar uma olhada e dizer o que temos. Bem, temos três retângulos originais e entre cada conjunto, temos quatro retângulos adicionais. Isso me daria quatro aqui, mais quatro, oito, nove, 10,11 retângulos, 11 cores no meu esquema de cores ombre. Se eu levar até cinco, eu pego 13. Esse é um bom alcance para mim, então eu vou apenas clicar em “Ok”. Agora o que eu quero fazer é, eu quero fazer um esquema de cores dessas cores, então eu vou clicar longe de tudo antes de tudo, isso é realmente importante. Vou limpar meu painel de amostras. Eu abri o painel de amostras, vou clicar na primeira cor aqui. Vou segurar a tecla Shift e clicar na última cor. Tudo neste painel de amostras é selecionado, e eu estou indo para o meio de uma dessas amostras, eu vou clicar com o botão esquerdo e arrastar e eu vou digitar o lote inteiro na lata de lixo. Todas as cores desapareceram. Agora, eu esvaziei meu painel de amostras, eu preciso expandir minha mistura para que eu possa tirar essas cores dele. Então eu vou selecionar sobre a minha mistura. Vou escolher Objeto, Expandir e, em seguida, clicar em “Ok”, e isso expande em uma série de cores 13 ao todo. Vou selecionar sobre todas essas cores e clicar aqui no sopé do painel de amostras onde diz Novo Grupo de Cores. Quando a caixa de diálogo for aberta, verifico se o trabalho artístico selecionado está selecionado, nada mais está selecionado e clique em “Ok”. Agora eu tenho um novo grupo de cores no meu painel de amostras que compreende todas essas 13 cores. Agora estão todos em ordem, exceto este último. Então eu vou apenas clicar longe de minhas formas, porque eu não quero torná-las todas vermelhas, mas eu quero arrastar e soltar vermelho em sua posição correta no meu esquema de cores. Agora estou pronto para me livrar da mistura porque não preciso mais dela. Então eu vou apenas selecioná-lo e pressionar “Delete”. Agora podemos ir em frente e criar o padrão que vamos preencher com nosso esquema de cores ombre. 3. Pt 2 - Design de fundo de de Pt: Agora que temos nosso esquema de cores, é hora de fazer algo com ele. Vou mostrar-lhe como você pode criar um fundo padrão com este esquema de cores. Vamos começar com a ferramenta de retângulo. Vou arrastar para criar um retângulo, a largura total da parte inferior deste documento. Agora, meu documento tem 1.000 pixels de largura, então eu vou apenas certificar-me de que a largura lê 1.000 pixels e vou preenchê-lo com cores. Só vou pegar a cor de preenchimento. Só vou enchê-lo de vermelho por enquanto. Agora, eu não estou 100% convencido de que isso está centrado no meio do documento, então vamos ver como vamos centrá-lo. Vamos precisar ir para a ferramenta de alinhamento. Eu vou abrir o painel de alinhamento aqui, e eu vou clicar neste menu suspenso no canto superior e clicar em “Mostrar opções”. Porque há opções aqui para alinhar a forma agora. Como eu tenho trabalhado com isso anteriormente, seu conjunto para alinhar ao quadro de arte, mas você pode encontrá-lo definido para alinhar à seleção em sua versão do Illustrator. Você quer que ele se alinhe ao quadro de arte. Agora, se clicarmos em “Horizontal Lines Center ”, essa forma se alinhará ao centro do quadro de arte. Eu vou criar uma linha, e eu vou fazer isso apenas clicando no Documento. Eu quero que o meu tenha 1.000 pixels de largura, a largura do documento ângulo zero graus, e eu vou clicar em “Ok”. Quero preenchê-lo com uma cor azul e quero dar-lhe um golpe laranja. Isso vai me ajudar em um minuto quando eu criar uma onda com esta linha. Em seguida, eu vou fazer uma linha ondulada escolhendo efeito e depois distorcer e transformar em ziguezague. Vou clicar em “Pré-visualização”. Esta é a linha padrão em ziguezague , não é muito bonita, mas é muito fácil fazê-lo parecer muito melhor. Eu vou definir meus pontos para suavizar para que ele faça uma linha de rolamento suave. Vou começar a aumentar as cristas por segmento. Ao fazer isso, você pode notar que os números pares não dão um resultado muito bom, números ímpares lhe dão um resultado muito bom. Você quer um número ímpar de cumes por segmento porque você quer que os preenchimentos sejam agradáveis e uniformes em toda a parte superior da forma. Vou usar 23. Eu também posso ajustar o tamanho para fazer uma curva maior. Vou fazer isso para testar. Eu estou pensando provavelmente sobre 15 pixels para mim e 23 cumes por segmento, está me dando um bom olhar para esta linha. Vou clicar em “Ok”. Agora, para fazer algo com ele, vou precisar expandir. Vou selecioná-lo e escolher “Objeto Expandir Aparência”. Então escolherei “Desagrupar Objeto”. Vou querer fazer isso até que desagrupe não seja mais uma opção. Na verdade, eu não precisava fazer isso mais de uma vez. O que me resta aqui, é uma linha laranja e um preenchimento azul. Bem, eu não quero a linha laranja dobrada então eu posso apenas arrastar e soltar isso na lata de lixo, mas eu quero este preenchimento azul. Eu realmente quero anexá-lo a esta linha vermelha aqui. Mas para fazer isso, vou precisar girá-lo. Com a ferramenta de seleção que eu estou selecionando sobre ela e eu vou apenas girá-lo ao redor segurando a tecla shift como eu faço, para que ele gire 180 graus. Agora, eu vou movê-lo para baixo segurando a tecla shift como eu faço, e colocá-lo em cima da linha vermelha. Vamos dar um zoom aqui para ver que está bem alinhado. Bem, não é e é improvável que esteja bem alinhado no seu computador também. Vamos dar uma olhada no problema aqui. Eu tenho essas formas azuis selecionadas, eu vou pressionar a seta para baixo para tentar alinhá-lo. Se eu fizer isso, você notará que se fizermos zoom aqui, que o azul não está sentado em cima do vermelho, na verdade está bem dentro dele. Se eu clicar na forma azul novamente e tentar movê-lo para fora, ele se move uma quantidade realmente grande. Por mais que eu tente, não vou conseguir que ele fique onde eu quero, porque ele simplesmente não vai para lá. Ou vai para o vermelho ou quer sentar-se bem acima do vermelho. Bem, há uma solução para esta forma azul não se mover da maneira que eu quero que ela se mova, e está no painel de transformação. Vamos para “Window Transform”. Aqui na parte inferior do painel de transformação, quando eu tiver essas formas azuis selecionadas, você dirá que há uma linha opcional para a grade de pixels. Em outras palavras, há uma grade de pixels por trás dessa imagem e ilustrador está alinhando essa forma com essa grade de pixels, então eu não posso movê-la para onde eu quero que ela esteja, ilustradores tem que estar nesta grade de pixels. Bem, mas desmarque isso agora, posso mover essa forma onde eu quiser. Mas vamos verificar o vermelho ao mesmo tempo. Por algum motivo, sempre que desenhei este projeto, o retângulo vermelho nunca se alinhou à grade de pixels selecionada, mas a forma azul sempre o faz. Você só precisa vir aqui e desmarcá-la. Apenas esteja ciente de que sempre que você não conseguir alinhar as coisas no Illustrator, as chances são de que uma ou outra dessas formas esteja alinhada à grade de pixels habilitada e você só queira entrar nesse painel de transformação, desabilitá-lo e você deve ser capaz para alinhar as coisas bem. É só um pouco de uma pegadinha no Illustrator. Agora, eu vou pegar minha forma azul e movê-la para onde eu quero, que é apenas tocar a forma vermelha. Controle ou Comando zero para voltar a dizer todo o projeto. Eu vou selecionar sobre ambas as formas e apenas certifique-se de que eles estão centrados usando a opção central aqui. Agora, eu quero juntar estes juntos. Se você estiver usando o Illustrator CS4 ou anterior de uma versão muito antiga do Illustrator, a única ferramenta com a qual você terá que fazer isso é a opção Unite, então vá em frente e escolha “Unir”. É que ele não faz um trabalho particularmente bom ao unir essas formas. Para o Illustrator CS5, CS6 e toda a versão CC usa a melhor ferramenta para usar é o construtor de formas, ele está aqui. Vou clicar no “Construtor de Formas”. Agora, enquanto eu passar o mouse sobre esta forma, só vou ampliar para que você possa vê-lo claramente. Quando eu passar o mouse sobre esta forma, você verá que há uma grade. Com a ferramenta de construtor de formas, o que queremos fazer é usar essa grade para unir as coisas. Eu vou passar o mouse aqui para que a grade mostre e eu vou arrastar para a área vermelha e soltar o mouse. Isso une esses dois juntos. Eu vou fazer isso para cada um destes cumes azuis, se você quiser. Juntos, uma vez que eu tenha feito isso, nós vamos ter apenas uma forma que é tudo isso aqui. Você pode ver, eu tenho um caminho que é exatamente essa forma. Agora, eu vou polir a forma para baixo na posição segurando a tecla shift como eu faço para que ela seja restrita e está alinhada perfeitamente com a parte inferior do quadro de arte. Vamos repetir essas formas. Vou pressionar “Controle” ou “Comando zeros” para ver o que estou fazendo. Então para poder ver o topo do quadro de arte aqui, porque eu preciso ter certeza que quando eu repetir esta forma, que ele vai por cima do quadro de arte e eu vou escolher “Efeito, Distorcer e Transformar, Transformar”. Vou clicar em “Anterior” para ver o que está acontecendo. Eu sei que tenho 13 cores aqui, então eu preciso de 12 cópias porque eu preciso do meu original e 12 cópias. Agora, eu vou apenas diminuir a vertical aqui e continuar diminuindo até eu tirar esta forma do topo do meu quadro de arte. É só correr para lá agora, então isso é perfeito. Tenho 12 cópias aqui, apesar de não as poder ver. Agora, se sua forma acaba parecendo assim e você não pode puxá-la para o topo do quadro de arte sem ter espaço, é assim que você resolve o problema. Basta fazê-lo para que ele esteja fora do topo do quadro de arte e clique em “Ok”. Então você vai descer aqui para este fundo mais forma, você vai selecioná-lo com a ferramenta de seleção direta Eu vou arrastar sobre ele ajustar estes dois pontos na parte inferior da forma e puxar para baixo. Se você puxar para baixo, o que você vai acabar fazendo, é tornar esta forma e cada uma das formas repetidas muito mais profundas, então eles realmente enchem o quadro de arte. Agora não havia nada de errado com o meu, então eu vou apenas pressionar Controls Z algumas vezes para desfazer isso e voltar e fazer minha repetição novamente. Efeito distorcer e transformar, transformar. Pré-visualização ativada. Fiz 12 cópias das minhas. Eu só vou diminuir o valor vertical até que eles saiam da parte superior do documento e clique em Ok. Agora, eu tenho um único caminho aqui na última palete. Mas o caminho em si, tem este efeito de transformação aplicado a ele. Para que possamos preencher isso com as cores do nosso esquema de cores, vamos precisar expandi-lo. Vou selecionar o caminho, que é apenas esta forma aqui em baixo. Escolherei Objeto Expandir Aparência e escolherei Desagrupar Objeto e continuarei fazendo isso até que desagrupar não seja mais uma opção. O que eu tenho, então, na última palete, é 13 pars, 13 formas onduladas. Agora vamos selecionar o primeiro deles. O que está no topo, é o que está na parte inferior aqui no quadro de arte, e já está colorido na cor correta. Vamos selecionar o próximo e certifique-se de enchimentos na frente e preenchê-lo com a próxima cor. Então vamos continuar subindo e preenchendo cada forma sucessiva com a próxima cor em nosso esquema de cores. Agora, se você chegar aqui e você não sabe qual cor usar, continue tentando cores até obter exatamente a mesma cor que a anterior. Então você sabe que a cor correta para usar, é a que está ao lado. Pode ficar um pouco confuso quando você começa a trabalhar aqui sobre qual cor você deve estar usando. Tudo bem, você deve chegar até o último das formas e você deve estar usando a última cor em seu esquema de cores. Agora, eu quero encaixar isso no tamanho do quadro de arte. Vou criar um retângulo do tamanho do motor de popa. Vou clicar na Ferramenta Retângulo, clicar na imagem e digitar 1000-por100". Isso faz com que um retângulo do tamanho do quadro de arte. Com o retângulo selecionado, eu vou para as ferramentas de alinhamento e lembrando que eu alinhei a placa de arte selecionada aqui, se eu clicar no centro de alinhamento horizontal e, em seguida, o centro alinhado vertical, este retângulo será diretamente sobre o quadro de arte e do mesmo tamanho que o quadro de arte. Agora, eu tenho meu retângulo do tamanho do quadro de arte em cima das minhas 13 formas, eu vou selecionar tudo. Então eu vou para o Pathfinder e eu vou clicar aqui na opção Cortar. A ferramenta Cortar usa o objeto mais alto da última pelota e o que ela faz é cortar todas as formas abaixo desse tamanho. Ele remove as ondas superiores deste documento, deixando-nos com uma série de formas que agora estão preenchidas com um esquema de cores. 4. Pt 3 - Design de abta: Um último elemento que veremos é a possibilidade de adicionar uma série de linhas pontilhadas onduladas aqui à ilustração. Vou selecionar esta forma inferior, e vou escolher Editar Copiar e depois Editar Colar. Eu não quero usar Colar no lugar porque eu quero que ele seja separado e eu quero ser capaz de vê-lo. Eu só vou arrastá-lo para o fundo aqui para que eu possa me concentrar nisso. Com esta forma duplicada selecionada, eu vou abrir o painel de aparência que você pode acessar escolhendo Janela e depois Aparência. Eu vou desligar seu preenchimento, então eu vou clicar aqui e desligar o preenchimento e eu vou adicionar um traço branco. Eu vou fazer o meu traço branco algo como quatro pontos de tamanho. Vou clicar em abrir o diálogo de greve aqui porque quero torná-lo uma linha pontilhada. Eu faço isso selecionando Caps aqui. Vou clicar em Linha Dashed. Vou definir o meu traço para zero e, em seguida, o meu espaço será a distância entre os pontos na minha linha pontilhada. Talvez neste momento precise de zoom só para ver o que tenho aqui. Estou olhando para os pontos e estou olhando para o espaçamento deles. Se eu abrir o painel de traçado, posso clicar aqui e ajustar essa lacuna para classificar. Estou muito feliz com isso, mas também estou observando que o segundo a partir deste lado direito, o ponto está bem no topo da curva, e isso vai ser importante em breve. Agora, eu quero me livrar de tudo que não faz parte desta linha no topo, então eu vou me livrar de todos esses pontos extras. Para fazer isso, vou selecionar a ferramenta de seleção direta. Eu vou selecionar sobre os pontos que eu não quero, que é este aqui. Selecione-o, pressione “Excluir”. Eu não quero este também, então eu vou selecioná-lo e pressionar “Delete”. Agora, se você pressionar “Delete” e perder toda a linha, basta pressionar “Control” ou Command Z para desfazê-la. Não é difícil de fazer, infelizmente. Vou selecionar este, deletar, e não quero este também. Tudo o que eu quero é esta linha curva Control ou Command 0 para apenas diminuir o zoom. Eu só vou rolar para baixo para que eu possa ver minha linha. Agora, com a linha selecionada, eu preciso começar a expandir isso, então eu escolherei Objeto, Expandir Aparência, e vou fazer isso novamente, e clique em “Ok”. O que eu quero dizer é esse olhar, então eu quero cada uma dessas formas expandidas em um círculo. Em seguida, escolherei Objeto, Desagrupar e continuarei a fazer isso até que Desagrupe não seja mais uma opção. Vamos ao último painel e dizer o que temos. Bem, estes são os três itens selecionados aqui, então eu vou apenas selecioná-los um de cada vez. Este parece ser este ponto aqui. Esta parece ser toda a linha, exceto os pontos no final. Este aqui é o ponto no final. Agora, eu não quero nenhum desses pontos no final porque eles realmente vão aparecer na borda da minha ilustração. Vou isolar quais caminhos eles são e excluí-los. Há um deles, e aqui está o segundo. Isso me deixa com isso. Agora vou selecioná-lo e movê-lo para a minha ilustração. Mas vou ampliar para ver claramente o que estou fazendo aqui. Eu estava ciente na época que o ponto deste lado da ilustração, a segunda colisão estava praticamente no topo da curva. Eu só vou fazer zoom lá e apenas ter certeza de que ele parece muito bem alinhado. Alinhar esta forma ao centro não vai me ajudar. Eu realmente preciso fazer isso manualmente. Vou apenas colocá-lo onde eu quero que ele apareça e, em seguida, apenas verificar. Agora, está parecendo bonito mesmo em todos os lados, então eu vou pressionar “Control” ou “Command 0" para diminuir o zoom. Agora, tendo criado a primeira série de pontos, podemos agora usar a mesma transformação de repetição para criar pontos até nossa imagem. Escolherei Efeito, Distorcer &Transformar, Transformar. Vou clicar em “Pré-visualização”. Vou criar o número de cópias que preciso. O que eu quero é uma para cada uma dessas linhas acidentadas, exceto a mais alta. Agora, da última vez fizemos 12 cópias, então isso significa que desta vez só precisamos de 11. Eu vou diminuir a configuração vertical aqui para começar a mover isso para cima no documento até que eles estejam em posição sobre a parte superior de cada uma dessas linhas dobradas, então eu vou clicar em “Ok” e clicar de distância. Agora, temos uma série de pontos sobre as linhas em nossa ilustração. Agora, você pode resolver com isso ou você pode ir um passo adiante, e eu vou dar um passo adiante. Vou reselecionar esta linha aqui. Vou voltar ao painel Aparência. Esta parte é crítica porque eu quero editar minha transformação. Não quero adicionar um novo, só quero editar este. Vou clicar duas vezes em “Transformar”. Agora, o que eu quero fazer é ativar a Visualização e eu quero começar a aumentar o número de cópias. Vou levar isto para o 23. Agora, eu vou começar a reduzir a distância vertical aqui porque isso vai me dar mais desses pontos. Estou com 20, mas provavelmente quero estar com 38. Eu só vou levar isso de volta para 38. Agora, eu tenho dois conjuntos de pontos para cada linha do meu padrão. Parece que eu não tenho nenhum fora do topo, mas eu vou querer um par de filas extra aqui. Então eu realmente vou levar isso até 25 e apenas clicar em “Ok”. Isso vai me dar algumas linhas fora do topo do meu padrão. O que vou fazer agora é começar a derrubar essas linhas. Estou segurando o Shift K e empurrando-os para baixo com a tecla de seta para baixo. Farei isso até ter minhas linhas pontilhadas bem dentro do meu documento. Agora, neste ponto, se eu quisesse, eu poderia expandir a aparência desta forma particular porque tudo, todos esses pontos estão ligados a esta única forma. Mas você pode ver que usando seu esquema de cores e criando algumas linhas onduladas, você pode criar alguns efeitos de pano de fundo realmente interessantes no Illustrator. Seu projeto para esta classe será ir em frente e criar seu próprio esquema de cores ombre. Escolha três cores e crie uma mesclagem entre essas três cores e salve-a como um novo grupo de cores no painel Amostras. Depois de fazer isso, crie uma forma e faça cópias repetidas dele o suficiente para usar todas as cores em seu esquema de cores ombre. Preencha suas formas e, se necessário, corte-as ao tamanho. Agora, você poderia fazer formas aninhadas, você poderia fazer formas lineares como eu fiz, apenas usar sua imaginação sobre o que você gostaria de fazer. Quando terminar o seu projeto, publique os resultados para que possamos desfrutar. Espero que você tenha gostado deste curso e tenha aprendido um pouco sobre fazer misturas, esquemas de cores e também formas repetidas no Illustrator. Se você gostou deste curso e se você vir um prompt para recomendar esta aula a outros, por favor, dê um polegar para cima. Isso ajuda outras pessoas a identificar que esta pode ser uma classe que eles querem fazer também. Se quiser deixar um comentário, faça-o. Eu li e respondo a cada comentário e eu olhei para todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico For Lunch, e estou ansioso para vê-lo em um próximo episódio em breve.