Transcrições
1. Um conceito de design — introdução - Um design gráfico para -: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, de um design, faça muitas variações no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos olhando para tomar um único conceito para um design de padrão e vamos fazer várias variações dele usando várias técnicas ilustradas. Vou mostrar a vocês como posso fazer isso em todas as versões do Illustrators,
então, independentemente da versão que
você estiver usando, você pode acompanhar essa classe até o fim. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite que você recomende esta classe para outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva em apenas algumas palavras por que você está gostando da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar. Se você gostaria de deixar um comentário ou uma pergunta para mim, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você está pronto agora, vamos começar a tomar um único conceito para um design de padrão e criar várias variações dele.
2. Pt 1 - Crie o padrão da base: Para começar com nosso design, vamos criar um novo documento. Então vou escolher “Arquivo” e depois “Novo”. Estou usando um documento que tem 400 pixels por 400 pixels de tamanho, modo de cor RGB. Alinhei novos objetos à grade de pixels desabilitada. Vou clicar em “Ok”. Agora, eu quero usar o branco como uma cor de base no meu padrão. O problema com isso é que vai ser muito difícil para nós ver o que está acontecendo, se estamos trabalhando em um quadro de arte branco. Então, antes de começar, eu vou fazer um retângulo, o tamanho exato deste quadro de arte, que é de 400 pixels por 400 pixels, e eu vou preenchê-lo com algo diferente de branco. Então eu vou desligar seu traçado, vou direcionar sua cor de preenchimento, e eu vou apenas selecionar um cinza claro para ele. Isso tornará óbvio que este é o pano de fundo. Eu preciso alinhá-lo com o quadro de arte, e eu vou precisar alinhar algumas coisas com o quadro de arte. Então eu estou indo para as opções de alinhamento. Se você não vir o seu, escolha a janela e, em seguida, alinhe para visualizá-los. Clique na lista suspensa aqui para clicar em “Mostrar opções”. Na lista suspensa Alinhar para, você deseja selecionar “Alinhar ao quadro de arte”. Vou centralizar esta forma no quadro de arte. Agora, como estou usando como cor de fundo, quero bloqueá-la. Então eu vou abrir esta camada na paleta de camadas aqui. Você pode obter a paleta de camadas escolhendo camadas de janela, e eu vou apenas clicar para bloqueá-la. Isso significa que não pode se mover. Como é uma camada de fundo, acho que vou trabalhar em uma nova camada. Mantém tudo separado disto. Então eu vou clicar aqui para criar uma nova camada. Então, agora estamos trabalhando na camada dois com um fundo cinza apenas para nos
ajudar a ver quando estamos trabalhando com branco em nosso padrão. Às vezes vale a pena ir ao esforço para tornar as coisas um pouco fáceis para si mesmo dessa maneira. Então nosso padrão será baseado em círculos. Então eu vou para a ferramenta de elipse e eu quero que meus círculos tenham um traço, mas nenhum preenchimento nesta fase. Eu quero que o derrame seja capaz de ser visto, então eu vou torná-lo preto. Não temos preenchimento e temos um traçado, temos a ferramenta de elipse selecionar. Eu vou clicar uma vez em um documento, e eu vou fazer uma elipse que é um 100 pixels por um 100 pixels de tamanho. Vou clicar em “Ok”. Agora, eu quero mover este tipo para cima no canto superior do documento. Isso só vai tornar a nossa matemática muito mais fácil. Então eu vou selecionar a ferramenta de seleção, e eu vou movê-la para que seu canto superior esteja em zero, zero. Agora, vocês podem ver esses pequenos indicadores aqui, essas nove caixas pequenas. Se você clicar no canto superior esquerdo, você está dizendo ao ilustrador que você quer
basear todas as suas medidas nesta pequena caixa aqui em cima, e você quer que esta caixa fique aqui em cima e sua posição é zero, zero. Então você só vai ter certeza que é X está em zero, e é Y está em zero. Só vai aparecer naquele canto de cima automaticamente para você. A outra coisa que você poderia ter usado é a opção de alinhamento. Então poderíamos ir para o painel Alinhar, poderíamos ter usado horizontal align left, e vertical align right. Eu só quero que você veja que existem algumas outras opções para colocar objetos e
realmente ajuda a aprender a usar essas opções de painel de transformação. Claro, se você não vir essas opções aqui em cima, você poderá vê-las se clicar no painel Transformar. Eles são exatamente os mesmos aqui. Agora que temos a nossa forma, precisamos de mais algumas cópias dela. Preciso de quatro cópias, todas em forma de caixa aqui. Então eu vou manter a tecla ALT enquanto eu apenas arrasto uma duplicata de distância. Agora, se esta forma tem 100 pixels de altura, porque era uma elipse de 100 pixels, então este ponto aqui deve ter 100 pixels. Então podemos checar isso novamente. Eu vou me certificar de que o ponto central superior
deste círculo está a 100 pixels abaixo do topo do documento, e ele vai ter 50 pixels em porque isso é metade da largura do círculo. Você também pode usar as ferramentas de alinhamento aqui para alinhá-lo
ao lado do documento aqui com alinhamento horizontal à esquerda. Você não pode usar uma dessas ferramentas de alinhamento aqui para alinhar a parte superior dela porque você não tem nada para alinhar. Mas aqui vai um truque. Se você selecionar ambos os objetos e clicar em “Alinhar ao objeto chave”, e se você tornar este o objeto chave, então você pode definir zero como o espaçamento e clicar neste espaço de distribuição vertical. O que você está fazendo é dizer ao ilustrador, eu quero que você alinhe este objeto em relação a este porque é o objeto chave, mas eu não quero que você mova isso. Quando estou falando de espaçamento distribuído, quero que alinhe esses dois objetos para que haja espaço zero entre eles. Então é outra maneira de chegar ao mesmo resultado. Agora, eu quero outro conjunto dessas formas bem ao lado. Um método de fazer isso é agrupar essas duas formas com o grupo de objetos. Agora eles vão viajar como um par. Vou segurar a tecla ALT enquanto arrasto uma duplicata. Agora, como eles são um par,
se eu optar por alinhá-los ao topo, eles vão se alinhar como um grupo. Quando eu tenho eles selecionados, eu posso verificar seu ponto intermediário aqui porque ele deve ser um 100 pixels neste lado do documento porque todos esses círculos são um 100 pixels de largura. Estou verificando seu valor x e y e é perfeito. Então eu sei que estes estão exatamente na posição certa. Agora preciso de um círculo no meio. Mais uma vez, existem milhões de maneiras de criar este círculo. Agora, porque todos eles estão em grupos, eu só vou desenhá-lo. Portanto, é um tamanho de 100 pixels por 100 pixels. Precisa estar bem no meio dessas formas. Eu vou para a ferramenta de movimento, apenas vou colocá-lo em posição. Agora seu ponto central deve estar a 100 pixels do lado e da parte superior do documento. Então eu vou clicar aqui no meio dessas nove caixas aqui para apontar o ponto central da forma como sendo o ponto no qual eu estou tentando alinhar a uma determinada posição. Vou digitar um 100 para o x e um 100 para o y. agora está exatamente em posição. Então temos as formas de fundação para o nosso padrão. Vou selecionar qualquer um deles. Eu só vou escolher objeto desagrupar nesta
fase porque eu quero desagrupar tudo. Então tudo o que tenho é um conjunto de círculos. Pressione “Control” ou “Command Zero” se meu quadro de arte se mover porque isso apenas o coloca de volta no meio do documento. Eu vou selecionar sobre todas as formas e eu vou virar meu traço e meu preenchimento. Porque o que eu quero é que as formas sejam preenchidas e não tenham nenhum derrame. Então, parece que temos esta forma de flor de quatro folhas aqui. Mas o que vamos fazer é dividir essas formas para que possamos obter todas as peças componentes deste conjunto de formas sobrepostas. Então vamos para a Paleta Pathfinder. Se você não vir a Paleta Pathfinder aqui, localizador de janela. Vamos selecionar esta opção que é dividir. O que isso faz é dividir essas formas em todos os pequenos componentes que as compõem. Se escolhermos o objeto desagrupar e, em seguida, ir para o nosso último palete,
vamos ver o que obtemos. Então aqui está a última paleta. O que temos é uma série de pequenas formas de folhas aqui. Temos um diamante no meio, e então temos todas essas peças do lado de fora. Então todas essas peças do lado de fora, vamos colorir branco. Então nós temos preenchimento alvo aqui. Eu só vou selecioná-los. Eu posso facilmente selecioná-los aqui na última paleta porque é muito fácil ver quais eles são. Então você pode apenas controlar, clique no ícone aqui na última palete para selecionar todos eles. Então eu só tenho essas quatro formas selecionadas, indo para preenchê-los com branco. Você pode ver agora a vantagem de trabalhar em um fundo cinza porque isso seria realmente difícil de ver de outra forma. Eu também quero preencher esta forma do meio aqui com branco. Então eu tenho um conjunto de folhas pretas e brancas em torno dele. Este vai ser o primeiro padrão e seu padrão de base. Então precisamos agora criar um retângulo que vai ser o tamanho de nossa amostra padrão. Então, indo para a ferramenta de retângulo. Este círculo tem 100 pixels de diâmetro. Portanto, queremos que nosso retângulo seja exatamente do mesmo tamanho. Na verdade, vai ser um quadrado que é um 100 por um 100. Clique uma vez em um documento, eu vou torná-lo um 100 por um 100, e clique em “Ok”. Vou movê-lo sobre o círculo. Eu quero ter certeza de que o centro está em 100, 100, exatamente a mesma posição que o centro do círculo estava. Só estou checando aqui e seu centro está em 100,100. Então eu sei que está exatamente na posição correta. O problema é que se eu vou usá-lo como uma caixa delimitadora para a minha amostra padrão, tem
que ser duas coisas. Em primeiro lugar, tem que ser sem derrame, sem preenchimento. Então não há meu acidente vascular cerebral sem preenchimento. Então tem que estar por baixo de tudo o resto. Então aqui está, aqui em cima. Vou arrastá-lo até o fundo desta camada. Você também pode fazer isso selecionando-o e escolher objeto organizar, enviar para trás. Agora eu posso selecionar tudo nesta lista, eu vou apenas clicar na própria camada. Vou arrastar e largar isto no painel de amostras. Mas no meu painel de amostras, eu só quero salientar que eu mostrei todas as amostras selecionadas. Então eu só estou olhando onde os padrões estão no meu painel de amostras e eles estão aqui. Então eu vou arrastá-lo e soltá-lo bem na porta ao lado dos padrões. Você não pode colocar padrões em grupos de cores, então isso não vai funcionar, apenas esteja ciente disso. Então agora é um padrão na minha amostra ilustradora, então eu vou apenas mover tudo para fora do caminho. Só vou desenhar um retângulo, e para tornar a vida um pouco mais fácil, eu vou colocá-lo em sua própria camada para que eu possa desligá-lo facilmente em um minuto. Só estou desenhando um retângulo. Eu tenho o campo segmentado e eu vou apenas clicar na minha amostra padrão. Esse é o primeiro dos nossos padrões. Vamos usar isso como base para desenvolver diferentes variedades deste padrão.
3. Pt 2 - adicione algumas linhas: Vamos voltar agora para as formas originais e vamos ver como podemos adicionar algo a este padrão para dar-lhe uma aparência diferente. Agora, para remover a confusão, vou desativar a visibilidade da camada que tem esse objeto nele, e vou bloqueá-la. Vou me certificar de que estou trabalhando na camada que tem todos esses elementos, isso é realmente importante. Caso contrário, as coisas podem correr mal rapidamente. Então esta camada aqui, camada dois, é tudo a ver com nossa amostra de padrão, e então nós vamos abelha trabalhando nela. Eu quero fazer uma linha, então eu vou clicar na ferramenta de linha. Vou me certificar de que a linha tenha um traço branco. Vou clicar no “White Stroke” aqui. Vou clicar uma vez no documento porque quero
controlar a linha à medida que a crio. Eu quero que ele seja bem longo, então eu vou torná-lo um comprimento de 150 pixels em um ângulo de 45 graus. O que vamos fazer é passá-lo por este círculo aqui, então eu vou clicar em OK. Eu vou para a ferramenta de seleção, eu vou selecionar sobre esta linha, e eu vou movê-lo para a posição aproximada que eu quero que ele esteja em. Eu vou olhar para o seu ponto médio, então aqui em cima, quando eu tiver selecionado, eu estou dizendo seu ponto médio aqui. Porque eu tenho isso quase em posição, podemos adivinhar exatamente onde ele deveria estar, porque é x e y valores são muito próximos de 75, e 75 é um daqueles números que é uma fração de 100. Então 25, 50, 75, eles são todos os tipos de frações de 100, e então o que queremos é que este ponto médio seja 75, 75. Já está em 75 em x, eu vou fazer 75 em y. isso é colocá-lo exatamente na posição correta. Então eu vou selecioná-lo, e agora eu vou movê-lo. Desta vez vou usar o recurso Mover, então escolherei Objeto, Transformar, Mover. Esta ferramenta me permite dois mover esta forma. Então ele foi tirado em mim aqui, então eu vou apenas zerar todas essas configurações para colocá-lo de volta de onde veio. Quero movê-lo para cá. Eu quero movê-lo na direção x, 50 pixels, e eu quero movê-lo também na direção vertical, 50 pixels, então eu vou apenas digitar 50, 50 aqui. Tenho a Pré-visualização ativada para poder fazer uma audição de verificação visual. Posso me certificar de que está na posição certa. Novamente, estamos apenas usando valores que são frações de 100. Então, se estiver na posição de gravação, eu vou apenas clicar em copiar porque eu quero o meu original e eu quero a minha duplicata. Agora vou subir aqui, e vou selecionar as duas linhas. Então, as duas linhas que eu acabei de adicionar, o que eu quero fazer é fazer uma cópia dessas duas linhas e, em seguida, girá-lo para que fique aqui e aqui. Vou escolher Objeto, Transformar, Girar. Eu tenho a rotação ajustada para 90 graus. Essa é a rotação exata que eu preciso. Eu tenho a Visualização ativada, então, novamente, posso fazer um visual verificado para ter certeza de que tudo está funcionando como deveria, e está, então eu vou apenas clicar em Copiar. Agora meu padrão tem linhas através dele. Como todas as minhas pastas padrão estão nesta camada dois, eu posso apenas clicar para selecionar esta camada. Isso é selecionar todos os elementos que vão para fazer o padrão, incluindo o retângulo
sem preenchimento, sem traçado na parte inferior do padrão, que é realmente importante porque é isso que marca a borda da pasta padrão. Vou abrir meu painel Amostras, vou arrastar e soltar esse buraco no painel Amostras. Vou fechar minha camada padrão, vou tornar visível este retângulo aqui e desbloqueá-lo. Vou clicar nele para direcioná-lo, ter
certeza de que seu preenchimento é direcionado, e então basta ir e experimentar minha nova pasta padrão. Vou clicar no meu padrão, e vamos dar uma olhada nisso. Agora, ele tem algumas pequenas linhas de fratura através dele, que é o Illustrator, não a pasta padrão em si. Isso está muito bonito, e você pode ver que apenas com a adição de algumas linhas, criamos um padrão de aparência diferente. Este é o primeiro que fizemos. Este é o segundo.
4. Pt 3 - Recolorir o design: Agora vamos voltar ao nosso padrão original. Eu vou
fazer exatamente a mesma coisa com este retângulo aqui. Vou trancá-lo. Vou desligá-lo só para tirá-lo do caminho. Vou abrir o painel da camada que estamos trabalhando aqui. Esta é a camada que tem todos esses objetos nele. A primeira coisa que vou fazer é identificar onde estas quatro linhas e elas estão aqui em cima. Eu vou controlar ou comando clique em cada uma dessas quatro linhas porque eu quero fazer uma duplicata delas. Eu vou escolher editar cópia, editar colar implica que eu não quero que eles se movam, mas eu quero fazer uma segunda cópia deles. Por enquanto, vou colocá-los em um grupo. Eu tenho quatro linhas selecionadas, eu tenho a cópia selecionada. Esta é a cópia, estes são os originais. Vou colocar isso em um grupo com grupo de objetos. Vou desligar a visibilidade do meu grupo e
vou bloqueá-los, apenas temporariamente. As linhas estão vendo agora alinhar para que eu possa realmente editar. O que eu vou fazer é que eu também vou bloquear meu campo sem retângulos, sem ataque porque eu não quero fazer nada com ele também. Mas eu vou selecionar todo o resto nesta camada. Esse é um conjunto de linhas e todas essas formas. Vou voltar ao Pathfinder. Vou abrir o Pathfinder e clicar novamente em Dividir. Isso me dá um grupo aqui e eu vou desagrupar tudo objeto, desagrupar. Agora vamos olhar e ver o que temos neste padrão. Em vez de ter uma forma de folha aqui que é uma única forma. Agora temos duas peças porque usamos a linha para dividi-la em duas. Deixe-me colorir isso e você verá o que está acontecendo aqui. Eu só vou colorir este grão, você pode ver que eu só selecionei metade do círculo porque a outra metade está aqui em cima. Vou dar a volta e recolorir cada uma dessas peças. Agora tenho cores diferentes no meu círculo. Vamos voltar para a última paleta. O que precisamos fazer se quisermos transformar isso em um padrão é desbloquear isso, sem preenchimento, sem retângulo de ataque porque é muito importante, porque marca a borda do nosso padrão. Vou deixar este grupo de linhas bloqueadas apenas por um minuto, indo para selecionar esta camada inteira. Vou arrastar e soltar este padrão na paleta de amostras. Apenas pulou em algum lugar, não deveria pular, tudo bem. Agora vamos voltar ao nosso retângulo, desbloqueá-lo. Vou mirar no meu retângulo. Vou me certificar de que meu preenchimento está selecionado. Vou clicar no meu novo padrão. Este é um padrão que desenvolvemos a partir do padrão básico com o qual começamos. Mas temos outra iteração dele ainda lá. Porque lembre-se que mantemos as linhas separadas. Só vou fechar isto por um minuto para
não tomar parte no que estamos prestes a fazer. Vamos voltar para a camada dois, vamos desbloquear este grupo e vamos torná-lo visível porque esta é mais uma iteração deste design, porque mantemos um segundo conjunto de contornos que podemos usar as linhas em nosso padrão. Tudo aqui nesta camada agora pode fazer parte deste padrão. Vou clicar para selecionar tudo. Vou arrastar e largar isto no meu painel de amostras. Vamos voltar ao nosso retângulo preenchido. Vou destrancá-la. Eu vou selecionar o retângulo, vai certificar-se de preenchimento está no quatro e vamos experimentar um novo padrão. Vamos apenas dimensionar isso para que possamos ter algumas idéias para o que ele vai parecer em um tamanho menor. Quero desativar objetos de transformação e vou configurá-lo para cerca de 50 por cento aqui. Estes são os padrões que criamos até agora. Uma versão preta plano, uma versão preta com linhas brancas, uma versão recolored, e então uma versão recolored com linhas brancas sobre ela e cada uma delas é uma iteração diferente do mesmo padrão básico.
5. Pt 4 - gradiente: Vamos olhar para outra maneira que podemos pegar este design padrão básico e fazer algo um pouco diferente com ele. Deixe-me clicar aqui neste objeto laranja aqui você pode dizer que ele está selecionado aqui na paleta anterior, e em vez de preenchê-lo com uma cor sólida, eu vou usar um gradiente, e eu vou apenas clicar aqui no botão Opção de gradiente. Mas, na verdade, o que eu quero fazer é preenchê-lo com o céu desvanecendo, que é um gradiente padrão que é fornecido com o Illustrator. A razão pela qual eu quero isso é que é um gradiente muito simples. Agora está aberto aqui, eu tenho azul em uma extremidade, eu vou clicar na outra extremidade, eu vou clicar na outra extremidade, e eu vou fazer este branco, então é um gradiente azul para branco. Neste momento, a opacidade desta parada aqui é zero por cento, bem, eu vou defini-la para 100. Agora, eu tenho um gradiente que vai de azul todo o caminho para branco. Mas eu comecei com laranja aqui, então eu vou clicar duas vezes sobre isso e apenas selecionar a cor laranja original. Aqui está agora um gradiente, vai de laranja para branco. Vou adicionar isto à minha paleta de amostras caso precise mais tarde, por isso vou arrastar e largar aqui. Vou construir alguns relógios gradientes à medida que vou. Agora, eu estou indo para o vermelho aqui, e eu vou clicar na minha amostra de gradiente laranja. Vou abrir o meu gradiente e desta vez em vez de laranja, vou torná-lo vermelho. Como isso é escuro para a luz, eu vou reverter esse gradiente clicando aqui, então eu estou indo do escuro para a luz aqui, agora do escuro para a luz aqui. Vou adicionar este gradiente à minha amostra também, no caso de precisar dele mais tarde, vai ser muito mais fácil pegá-lo a partir daí. Eu estou indo para o objeto azul aqui, eu vou aplicar um gradiente a ele. Mais uma vez, vou clicar duas vezes no vermelho aqui, e vou torná-lo tão azul. Vou salvar esse gradiente. Então eu vou substituir esta forma por um gradiente também. Vou trabalhar em ambos os lados deste objeto, substituindo cada um desses painéis coloridos por um gradiente. Em cada caso, eu tentei fazer os gradientes ir em direções
diferentes para cada um desses passos. Não, eu não guardei tudo isso como amostras, mas eu provavelmente poderia ou deveria ter feito isso. Agora, vamos para este laboratório que contém todos os objetos que queremos para o nosso padrão. Podemos decidir se queremos ou não que as linhas com ele, e se não queremos as linhas para uma iteração, então vamos apenas desligar a visibilidade deles, bloqueá-los. Vamos selecionar esse objeto inteiro e arrastá-lo e soltá-lo neste painel de amostras, e essa é uma amostra padrão. Agora, eu vou voltar, desbloquear as linhas, adicioná-las à imagem, reselecionar tudo para ter certeza de que eu tenho as linhas incluídas e arrastá-lo e soltá-lo nas amostras de padrão. Agora, vamos voltar ao Rectangle, eu vou ter certeza de que eu tenho o alvo, que é aqui eu tenho o preenchimento direcionado e vamos tentar nossos dois novos padrões. Este é aquele sem as linhas sobre o topo, mas com os preenchimentos de gradiente, e este é o que tem os preenchimentos de gradiente e as linhas. Agora, você também obteria um resultado interessante deixando algumas destas como cores
sólidas e apenas adicionando gradientes para talvez um em cada par. Mas agora você pode ver como é fácil pegar uma idéia fundamental para um padrão e encontrar diferentes maneiras de interpretá-la. Agora, no próximo vídeo, eu vou mostrar algumas iterações diferentes, eu não vou passar por elas, mas eu vou mostrar a vocês como elas foram criadas para que você possa ver quais são as possibilidades.
6. Pt 5 - outras opções e encerra: Agora eu fui em frente e fiz algumas outras iterações para este padrão. Vamos olhar e ver o que eu fiz. Este é o último padrão que fizemos no último vídeo com os preenchimentos de gradiente e as linhas brancas. Bem, então eu fui e adicionei uma mancha negra no meio. O que eu fiz foi tomar esta forma aqui, que é este puxado em retângulo, eu uso para editar copiar, editar colar no lugar para colá-lo em cima do original, e então eu segurei Shift e Alt, que seria Shift no Mac apenas para dimensioná-lo para baixo para que ele fosse dimensionado para o meio. Deixe-me desfazer isso. Então eu peguei a forma do meio e eu fiz preto. Mais tarde, quando eu olhei para o preto e usei em outro padrão, eu realmente pensei que ficaria melhor se ele fosse preenchido com um gradiente. No caso que você está vendo aqui, ele foi preenchido com um gradiente radial com escuro no exterior e luz no interior. Mas esta foi uma das iterações padrão que eu fiz com esta forma menor no meio. Então eu fiz o que eu sugeri para você que você poderia fazer é deixar algumas
dessas folhas cores sólidas e apenas usar gradientes em folhas alternativas. Esta é uma combinação dos padrões anteriores que fizemos com algumas folhas sólidas e algumas preenchidas com gradiente. Este padrão aqui, novamente, algumas folhas sólidas, algumas gradientes, e com esse pequeno começo no meio, mas desta vez uma cor diferente. Aqui temos uma iteração diferente do mesmo design básico. Desta vez, em vez de ter círculos, usei um retângulo arredondado. Vou apenas clicar aqui na ferramenta de retângulo arredondado. Eu só vou preenchê-lo com uma cor sólida e clicar uma vez no documento. Eu usei um retângulo arredondado que era 100 pixels por 100 pixels de tamanho, exatamente
o mesmo tamanho do círculo que eu estava usando com um raio de canto de 40 pixels. Agora, o resultado de usar um retângulo arredondado que era do mesmo tamanho que o círculo, é que todas essas linhas são criadas usando exatamente as mesmas dimensões e o mesmo posicionamento exato que usamos com o círculo, mas em vez de um círculo este tempo que temos sobreposição de retângulos arredondados e ele apenas dá ao padrão uma aparência diferente. Neste caso, criei as minhas formas aqui como formas vermelhas preenchidas, e dei-lhes um golpe para que tivessem um traço preto ao redor delas,
e, claro, as linhas. Vamos apenas clicar neste ritmo padrão e vamos ver algumas outras iterações da mesma aparência básica. Neste caso, eu usei as mesmas formas de folhas vermelhas que eu tinha no padrão anterior, mas desta vez em vez de linhas pretas, eu as fiz brancas. Então eu dividi as formas das folhas e
comecei a trabalhar com alguns gradientes e preenchimentos sólidos. Tenho gradientes e preenchimentos sólidos ao redor dessa forma. Depois de ter criado isso, acabei de comprar as linhas de volta. Este tem linhas brancas mais finas sobre o topo. Você pode ver que este conceito básico de círculos
sobrepostos pode ser adaptado a um monte de padrões em um monte de diferentes olhares. Realmente o céu é o limite em termos do que você pode fazer com este design básico. Seu projeto para esta classe será criar este padrão, quer você o faça como um círculo ou um retângulo arredondado. Em seguida, divida as folhas ou não e preencha-as com cores sólidas ou gradiente ou o que você quiser fazer. Publique seu design padrão acabado na área do projeto da classe. Espero que você tenha gostado desta aula e que você tenha aprendido algumas técnicas para adaptar um design padrão básico para torná-lo seu próprio, para personalizá-lo de maneiras variadas. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite que você recomende esta classe para outras pessoas. Por favor, se gostou da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva em apenas algumas palavras por que você está curtindo esta aula. Há recomendações para ajudar outros alunos a dizer que esta é uma aula que eles também podem gostar. Se quiser deixar um comentário ou uma pergunta, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho para fora e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.