Adobe Illustrator: design com gradientes

1. Trailer: Ei pessoal, é a Hayden. Hoje vou mostrar-lhe como criar ilustrações coloridas e ousadas usando gradientes. Por muitos anos tenho desenvolvido um fluxo de trabalho para o Adobe Illustrator no qual eu pego ilustrações muito simples e aplico muitos gradientes e efeitos diferentes para torná-los pop. Na verdade, a primeira aula que fiz aqui no Skillshare foi tentar alcançar essa mesma coisa. Mas vários anos e 11 outras aulas passaram desde a primeira, e eu tive muito tempo para realmente aprimorar o estilo e trazê-lo para um novo nível. Eu ainda tive a chance de arte direta em jogo móvel inteiro com este estilo. Enquanto vamos cobrir todas as etapas do processo, desde o esboço até o final, será dada especial atenção à seleção de cores e ao trabalho com gradientes e à configuração do documento do Illustrator de uma forma que seja realmente fácil para que você faça grandes mudanças rapidamente. Como um bônus adicional, eu vou estar trabalhando em uma peça real de arte no jogo para a demonstração. Se você está procurando uma maneira de dar uma nova vida em suas ilustrações planas ou talvez você esteja apenas interessado em como é criar arte para um jogo, então esta é a classe para você. Espero vê-lo lá. 2. Esboço de Spaceships: Para começar as coisas deste vídeo, eu gostaria de rever algumas coisas sobre a aula enquanto você assiste esta pequena gravação de mim desenhando meu projeto. Primeiro de tudo, na nota de desenho, eu acho que é muito útil que você, mesmo que você esteja indo para o ilustrador e é fácil mover formas e vetores, há muita liberdade para brincar com eles, faz uma grande diferença se você fizer um desenho primeiro, mesmo que seja algo pequeno como miniatura no canto de uma página. Há duas razões principais para isso. Primeiro, não importa o quão rápido você está em mover as coisas no ilustrador, há muito mais liberdade para experimentação e apenas para velocidade no desenho tradicional em vez de se mover em torno de formas vetoriais. Além disso, há muita rigidez no software porque é tudo vetores e linhas duras. Você pode não vir acima com os mesmos desenhos, desenho que você faria dentro do ilustrador. A segunda razão principal é que queremos nos concentrar em um passo de cada vez, especialmente quando estamos fazendo algo novo. Nesta classe, mesmo que haja vários passos diferentes que talvez você possa agrupar juntos, como talvez você possa criar seu design de navio enquanto estiver experimentando com cores. Vou separar tudo para que possamos dar 100% do nosso foco a cada passo de cada vez. Embora isso possa ser mais lento no início, acho que esta é uma ótima maneira de facilitar o processo e produzir um melhor trabalho. Você é o aluno, tem uma opção para como você quer fazer esta aula. Você pode usar o estilo de arte e o processo para qualquer ilustração que quiser, ou você pode me seguir na criação de uma nave espacial. Por que te encorajei a criar uma nave espacial? É porque eu estou realmente baseando este projeto fora de um monte deles que eu já criei para um jogo chamado Aluna. O estilo que estamos fazendo nesta classe é aquele que eu criei para este jogo e aqui estou realmente fazendo um ativo real que vamos colocar nele. Se você criar sua própria nave espacial e você seguir este modelo que eu criei de colocar o topo na barra verde, o meio e a barra azul e a parte inferior na barra vermelha, no final da classe, você pode misturar e combinar peças de seu próprio navio com aqueles que existe no jogo. Acho que pode ser muito divertido. Claro, tudo o que está sendo dito, esse estilo pode funcionar com qualquer ilustração. Sinta-se livre para criar o que desejar. Você notaria aqui no corpo da nave, eu estou sobrepondo um monte de objetos e isso vai nos dar muito espaço para realmente empurrar a profundidade das coisas quando chegarmos à fase gradiente de nossa ilustração. Pode ser uma boa idéia em seu próprio design incluir alguns elementos sobrepostos e isso lhe dará muito espaço para experimentar com o que estamos aprendendo. Porque eu antecipo as pessoas perguntando, eu estou usando um HUION KAMVAS GT-221 como um tablet de desenho, mas isso não significa que você tem que ir e comprar um. Há tantas opções fantásticas lá fora. Acho que a marca HUION é boa e acessível. Se você quiser usar o mesmo pincel que estou usando no Photoshop, eu o incluí na seção de recursos, mas realmente não deve importar muito qual pincel você usa para seus esboços. Agora, como você deve ter notado neste vídeo, eu não estou indo muito sobre como realmente desenhar e isso é porque isso é um assunto inteiro por conta própria. Se você está interessado em melhorar suas habilidades de desenho, eu tenho algumas aulas que cobrem isso. O principal deles é: “Ensine-se a desenhar qualquer coisa.” Você vai notar enquanto eu estou desenhando aqui que eu estou apenas desenhando de um lado. Isso porque todas essas naves espaciais são simétricas e pode ser muito mais fácil para mim pegar metade dela e refletir ao longo do guia que eu coloquei no meio. Algo que eu incluo em muitos dos projetos do navio e nós estaremos passando mais tarde na classe, são coisas como luzes e pedras preciosas e elementos realmente brilhantes. Estou a incluir alguns na minha nave e encorajo-vos a fazerem o mesmo. Só para quebrar qualquer ilusão de que eu estou chegando com esta nave super limpa projetada bem fora da minha cabeça, você deve saber que eu tenho outro desenho no meu outro monitor que eu estou referindo um rascunho áspero antes deste. Esta é também a minha segunda vez a filmar esta secção. Atraí esta nave mais de uma vez. Se você está preso por idéias para o seu próprio navio ou você quer ter uma noção de como alguns dos outros parecem, eu incluí um monte de amostras na seção de recursos. Uma vez que você tenha um desenho que você está feliz com o fato de que há informações suficientes lá que vão guiá-lo na construção de um ilustrador, podemos passar para a próxima lição. 3. Configurador do Illustrator: Antes de entrarmos no projeto real, eu só quero mostrar a vocês como meu ilustrador está configurado e apresentá-los ao modelo de nave espacial que eu fiz para aqueles de vocês que estão criando uma nave espacial. Se você não está fazendo um navio, sinta que você pode criar um documento e qualquer tamanho que você gostaria mas nós vamos estar trabalhando em um 1000 por 1000 pixels. Muito rapidamente eu só quero passar pelos diferentes painéis que eu abri. Eu tenho o Pathfinder, Color, e então eu tenho Amostras. Você vai ver que eu realmente removi todas as amostras padrão exceto para preto e branco. Acho que esta é uma maneira muito limpa de trabalhar e vamos apenas adicionar as amostras que precisamos e nada mais. Eu tenho acidente vascular cerebral, eu tenho gradiente, aparência e, em seguida, camadas. Estes são os únicos painéis que usarei em toda a turma. Se você quiser trazer isso para o seu ilustrador, isso vai tornar as coisas simples. Para as camadas, eu tenho, uma para o modelo para o navio, e eu seccionei três barras, uma para o fundo do navio, uma para o meio, e outra para o topo. Você vai ver porque é um caminho ao vivo vai ser fácil para você ter certeza de que ele é cortado onde ele precisa estar. Tenho uma camada para o desenho. É onde trabalharemos principalmente, bem como um para Sketch e algo chamado Value Check. Isso fará muito mais sentido quando chegarmos às fases posteriores do nosso design. Mas realmente o que isso é usado é colocar em cima de nossa arte para obter uma versão em tons de cinza dele. Isso nos permitirá saber que temos um bom contraste em nosso trabalho. É como uma apólice de seguro onde a qualquer momento em toda a nossa arte, podemos ver se algo está bom ou não porque se parece bom como tons de cinza, então como cores, ele deve funcionar também. Para aqueles de vocês que estão usando meu modelo e você quer criar uma camada como esta, tudo o que é, é um grande navio preto e a opacidade é definida para matiz ou modo de mistura de cores. Isso é tudo que você precisa. Com a camada de esboço selecionada, vou colocar a minha no quadro de arte. Vou apenas colocar desenhando, alinhá-lo para que seja onde eu preciso que ele esteja. Vou baixar a opacidade para cerca de 30. Para ter certeza de que eu não estou mexendo com ele, eu vou apenas trancá-lo no lugar. Eu também só quero apontar na camada de área de design, eu adicionei um guia logo abaixo do centro. Como visto no próximo vídeo, isso vai ser muito útil na verdade em toda a classe para criar nossas formas e certificar-se de que é simétrica em ambos os lados. Finalmente, vá até Exibir e verifique se Ajustar ao pixel está desativado. Basta clicar nele e eu posso mostrar-lhe que o meu está realmente desligado. Isso força nossos caminhos a se alinharem à nossa grade de pixels e eu acho que isso estraga nossa precisão, especialmente quando estamos mudando o tamanho das formas, ele pode realmente distorcer as coisas. É melhor mantê-lo afastado. Como é um bom hábito de entrar, vamos acabar com este vídeo salvando nosso arquivo. Vou chamar a demonstração da minha nave espacial, mas assim que estiverem prontos, podemos avançar para projetar nossas naves no próximo vídeo. 4. Criando formas: Eu realmente vou começar a construir essas formas. Deixe-me tentar ir mais devagar do que normalmente faria. Na verdade eu uso um monte de teclas de atalho e coisas assim e eu vou bem rápido, então eu vou tentar e me atrasar um pouco e explicar o que eu estou fazendo. Para começar, vamos cantos dessa forma. Eles vão estar muito alinhados com o centro. Podemos ver que já é assim, mas isso é realmente útil, mas isso é realmente útil, e eu estou me certificando de que com minhas peças de modelo que precisam ser alinhadas direito contra aqui, modo que um estamos misturando e combinando diferentes peças de navio. Ele cultiva corretamente. Esta é a exibição do esboço usando muito para garantir que as coisas estejam alinhadas. Muitas dessas peças eu vou construir de um lado. Vou mudar a cor para que eu possa dizer. No que diz respeito às cores, eu estou apenas escolhendo qualquer cor velha e não me preocupar com eles em tudo. Agora é tudo sobre legibilidade, só eu ser capaz de ver a diferença entre as formas. Esta é uma das primeiras técnicas que vou usar muito. Estou espelhando uma imagem e me juntando a ela. Eu vou usar refletir, e então eu vou estar clicando no meu guia do meio para que eu possa refletir as coisas ao longo dele e clicar em qualquer lugar aqui e, em seguida, eu mantenho Alt e Shift, e eu espelho-o direito ao lado. Podemos ver de novo. Neste caso, não foi certo um contra o outro. Isso é culpa minha. Eu só quero ter certeza de que eles são de fato agradáveis e confortáveis. Então eu vou usar a opção Unite e Pathfinder, e agora isso é tudo apenas uma forma separada. Isso vai ser um processo para muito disso é construir algo de um lado e, em seguida, fazê-lo novamente do outro. Esta parte de cima, eu vou usar um círculo que eu acho que para criá-lo. Essa vai ser aquela parte lá. Mais uma vez, quero ter certeza de que está alinhado. Então eu estou realmente indo para usar caminho offset para criar esta segunda peça bem aqui. Vamos experimentá-lo. Vamos ver 20 pixels, isso é estrondo. Talvez uns 21 ou mais, mas isso é bem preciso. Vamos fazer essas cores diferentes para que possamos dizer. Então vou cortá-la por aí. Eu estou usando um monte de formas para cruzar com outras ou manter essas cores diferentes para que você possa dizer quando eu estou fazendo. Mas agora eu tenho esta forma verde com a caixa aqui em cima da forma verde, eu vou segurar Shift para selecionar ambos, e então eu vou usar a opção Intersect. Isso vai me dar uma forma que se pareça isso e é exatamente o que eu quero com isso. Então eu vou apenas usar a ferramenta Seleção Direta, a seta branca. Ambos vão em torno deles como eu tenho no meu desenho e, mais tarde, este um pouco também. Então eu vou fazer uma coisa parecida. Eu tenho essa forma e o círculo, faça de novo, e agora é assim que eu quero. Apenas desligamos o modelo no esboço para ver como ele está sendo. Quero que isto seja um pouco por aqui. Agora eu tenho o meu desenho, mas você também é bem-vindo para continuar a brincar com ele. Eu poderia fazer estes menos em torno dele para que eles combinem acima. Legal. Ligue as coisas de volta. Teremos apenas juntar um pedaço. Todas as formas no mínimo, neste são o máximo, e eles podem estar nesta linha aqui, e é isso que estamos fazendo para este design. Isto é como onde, como as outras peças de forma se encaixam umas nas outras. Eu só vou criar isso lá. Minhas falas estão todas alinhadas. Então temos uma barra brilhante do outro lado do meio. A maneira como vou fazer isso é fazer um caminho. Vamos trocá-lo para que tenhamos um derrame. Faremos com que seja a cor que pudermos ver. Use a janela Traçado. Eu vou correr as tampas e eu vou torná-lo agradável e grande. Eu não quero muito grande, mas talvez 12 parece bom. Eu gosto disso. Vou me certificar de novo que isso está no centro e vou delinear o traço, então agora o traço se torna uma forma. Aqui em baixo temos a mesma coisa. Na verdade, vou trazer isso para cá. Posso ver que é um pouco menor do que o meu desenho inicial, mas tudo bem. Isso pode mudar. Agora eu vou seguir esta linha sobre o que estes alinhados, e eu vou apenas construir metade. Em seguida, use a técnica de reflexão novamente para, selecione-os e una-os para que você possa ver como ele fica um pouco mais rápido depois de ter feito isso algumas vezes. Mesmo que tenhamos o seu desenho, podemos continuar a ajustar as formas. Por exemplo, já sinto que quero que isto seja um pouco mais amplo do que é. Vamos pegar uma torre semelhante, talvez. Sim, acho que estou gostando desse lado, então vou duplicar isso aqui em cima. Só para cortar por um segundo. Colar no lugar. Certifica-te que as minhas falas estão bem. Agora eu preciso disso, apenas para cortar no topo, então eu posso mover esta peça para cima, que funciona muito bem ou eu posso, eu acho que eu vou apenas ficar com isso. Está bem. Vamos pegar nosso esboço de volta. Agora, vamos fazer essas asas. Vou fazer uma das asas. Está bem? Vou movê-lo para trás para encaixá-lo, aqui vamos nós. Vamos fazer uma cor diferente, tão fácil de ver. Então, novamente, eu vou apenas duplicar para o outro lado. próximo passo é esta forma aqui. Eu acho que esta é uma das coisas que vai ser uma boa demonstração porque eu vou realmente fazer um grande retângulo aqui. Então eu vou pegar apenas este lado e arredondá-lo para como eu quiser. Ok, mude a cor, eu vou mandá-la para trás. Então, para esta peça aqui, eu vou apenas criar um curso de ângulo direito. Mude para um acidente vascular cerebral. Vamos tentar ver o que são 20 pontos. Vinte é muito perto, vamos aumentar isso um pouco. Coloque em torno disso, deixe-me apenas mudar a cor aqui, algo assim. Vamos apenas executar esses planos usando cores diferentes para legibilidade. Vou empurrar isso de volta. Gosto de como parece, o que acho que gosto. Mais uma vez, vou delinear o derrame. Isso é forma. Isto vai ser um painel. Temos uma pequena linha aqui. Vou deixar isso por enquanto. Tome um detalhe que eu vou voltar para, mesmo com estes pequeno texto, Eu só vou deixar aqueles. Vou pegar isso, pressionar O para refletir, clicar em algum lugar ao longo do guia e refleti-lo ali. Para a asa aqui em baixo eu vou apenas duplicar isso para olhar como eu gosto e então eu vou criar uma forma em cima dela, para mascarar para fora. Estou pegando a forma dessas duas formas, cruzando. Vamos mudar a cor, enviá-la de volta e refleti-la mais uma vez. Eu vou construir este projeto de asa pequena. Eu poderia escondê-lo por agora, mas, esta forma aqui, eu posso copiar, depois colar na frente. Agora tenho uma duplicata no topo. Em seguida, usando essa duplicata e esta outra forma, eu vou cruzar, e eu vou conseguir isso. Um monte de pequenos truques rápidos que você pode fazer para obter formas que você está atrás. Vamos fazer uma cor diferente, lá vamos nós. Então eu vou cortar esse meio. Temos algo que se parece com isso. Eu vou movê-lo de volta, desagrupar isso e então eu vou movê-lo de novo, agora nós temos um pequeno design lá. Algo semelhante para este, mas na verdade vou segurar o Alt e arrastar isto para baixo. Agora eu tenho uma forma aqui. Vou pressionar o controle C para copiar, controlar F para colar no lugar. Agora tenho uma segunda cópia. Com essa duplicata e aquela em cima, vou pressionar Minus Front. Posso tê-los arranjado incorretamente, pelo que vejo. Isso precisa estar sobrepondo a peça que eu quero para obtê-lo como eu quero. Agora nesta peça, e então eu vou apenas cortá-la como eu fiz no fundo. Mais largo, vamos torná-lo agradável e legível, e isso funciona. Vamos ver o que mais eu quero criar neste momento. Você quer isso, como um bar? Vai ser como display, barra de carregamento metálico, então eu vou garantir que é bem no meio. Então eu vou arredondar um pouco. Vamos contornar estes cantos. Essa é a parte. Então eu vou deslocar o caminho, vamos ver. Agora queremos um negativo aqui em cima, então vamos tentar negativo 10, negativo 12. Ele combina com a mesma espessura desta barra aqui, é útil manter larguras consistentes então vamos fazer isso, e vamos subtrair. Nós só temos esse tipo de forma. Então, eu vou apenas criar. Este seria o nosso pequeno painel, aqui. Mas não queremos isso aqui no meio. Agora que temos estes, vou apenas criar uma forma que, e subtraí-la. Na verdade, vou copiá-lo. Isso levou a esta primeira frente menos. Agora eu posso simplesmente colar e colocar novamente com o controle F e, em seguida, menos frente as bordas. É assim que temos a nossa pequena forma aqui. Eu só vou fazer uma verificação rápida para ter certeza de que nossas peças estão alinhadas corretamente e todas elas parecem boas. Para fazer este diamante aqui, eu vou fazer um caminho de deslocamento novamente. Se eu fiz negativo 20, vamos continuar trazendo para baixo, nós estamos lá. Você vê isso já está feito todo este formato que eu preciso apenas muito útil, então vamos apenas deixá-lo lá. Então eu posso pegar isso. Vamos pegar isso para baixo. Quero cortar um pouco de cada lado aqui. Na verdade, eu vou ter a forma aqui que eu quero usar onde eu queria cortar, então eu vou passar para o lado. Eu tenho dois deles então primeiro eu posso cortar aquele e então eu vou mover isso para a frente e cortar aquele também. Agora eu tenho a forma que eu queria. Mas eu preciso desta pequena parte aqui então eu vou realmente pegar e copiar esta parte aqui e eu vou usar o reflexo para movê-la para baixo. Eu quero cortar esse, e então isso pode ser um pouco difícil de seguir na verdade. Você sabe o que? Eu vou apenas desagrupar estes para obter um passeio de que e aquilo juntos e lá temos isso. Então eu quero este pequeno diamante no meio. Este pequeno diamante no meio. Eu não quero me alinhar com isso. Faremos o nosso melhor trabalho apenas para um caminho deslocado dele. Vamos tentar negativo 12. Vimos muitas vezes a razão. Vamos parece muito bom. Acho que não estamos certos em você, mas acho que estamos bem perto. É muito próximo. Então 12 milhões de dados perfeitamente, mas tudo bem. Quero seguir este projeto até aqui. Na verdade, estou indo, estamos seguindo isso. O que é isso aí e então eu tenho isso direito junto. Não acho que seja bem no meio, não. Sim. Às vezes aqui. Passo para os pontos em, então devemos ficar bem. Às vezes, se encaixado em pontos nele não vai uma correção para suas grades, o que pode ficar irritante. Eu quero isso. Vou tratar a forma que acho que os soviéticos funcionam melhor. Você pode ver como quando você fez isso o suficiente, você pode obter as formas, como você quer que elas pareçam. Eu acho que também vale a pena mencionar como isso não estava aderindo absolutamente ao nosso design e nosso desenho de carga ou fazendo pequenos ajustes aqui, que é totalmente bom. Queria fazer alguns detalhes aqui em cima. Vou criar isto aqui e depois duplicar esta forma. Então aqui está menos frente, desculpe, mas é o Intersect. Então eu estou indo para deslocar caminho para expandir a forma também deve mencionado em algum lugar aqui que não há razão. Isso é importante é deslocar caminho em vez de apenas duplicar uma nave, torná-la maior e não dimensionar corretamente. Se você fizer isso do outro lado, lá vamos nós ele está apontando também é caminho. Na verdade, rebobinar. Vou usar o Intersect aqui. Se eu usar e dividir. Dividimos isso, é que me dá todas essas formas como separadas. Posso pegar este pedacinho e colocá-lo aqui em algo que eu quisesse. Vamos encontrar um bom lugar para isso. Da próxima vez eu terminei com isso para algo assim. Isso é qualquer pequeno motivo. Coloque isso aqui. Então nós queremos, e aquilo ali. Então uma pequena flecha aqui também eu acho, algo assim, isso é trabalho e eu vou ficar maior. Simplesmente não faz. Isso é bom. Acho que vou subtrair esses sovietes. Como um todo, podemos esboçar. Vamos dar a última olhada aqui. Há algumas coisas que talvez possamos construir mais tarde. Na verdade, eu vou usar o Control 3 para esconder algumas coisas; só porque isso vai facilitar. Se escondermos alguns desses detalhes para o próximo estágio, vou descobrir isso. Essas são as formas básicas para o design do nosso navio. 5. Como escolher as cores: O que eu vou fazer é em amostras e vamos criar algumas amostras globais, e estas são muito importantes. Nós realmente queremos ter certeza de que nós fazemos “Global” é selecionado, porque isso significa que quando nós mudamos a amostra, ele vai refletir em nosso design e este nos dá muita liberdade, muito espaço para mudar as coisas em movimento, especialmente quando construímos nossa nave ainda mais e vamos construir um projeto de uma forma que mesmo no final, ainda podemos fazer grandes mudanças nas cores, o que é, eu acho muito, muito bom. Vamos começar com algumas cores. Vou começar com um esquema de cores verdes. Gosto de usar o HSB, acho muito mais fácil controlar o brilho, saturação e a tonalidade separadamente. Bem, vamos torná-lo verde, talvez para os painéis e as luzes e outras coisas eu vou usar principalmente um amarelo claro, e então talvez um verde verde-azulado, azul mais escuro. Vamos começar com esses e então podemos adicionar alguns como vamos. Eu também vou querer receber um grito para a minha turma sobre trabalhar com cores. Vamos começar a fornecer as amostras. Vamos começar a aplicar as amostras à nossa nave. Aqui nós realmente começar a usar a verificação de valor. Isso vai me mostrar como é o navio em preto e branco. Podemos ver aqui que há uma boa quantidade de contraste, podemos dizer a diferença entre algumas das formas, mas eu posso ver que eu sinto que poderia ser ainda mais escuro ou talvez maior contraste. Vou clicar na minha amostra global a partir da tela e vou torná-la mais escura. Vamos visualizar e ver como isso está sendo atualizado. Esta é uma grande parte do porque estamos construindo essas amostras fechadas, então temos essa excelente liberdade. Eu só vou começar a jogar com algumas cores diferentes aqui, deixando mais para o azul azul-cerco e, em seguida, juntar a cor amarela, verde também se eu quiser [inaudível] Bem, podemos usar gradientes de algo mais tarde para fazer um diferença porque agora estes sangram um no outro, mesmo com as formas porque é a mesma amostra. Podemos usar gradientes, sombras e iluminação para diferenciá-los melhor, que é algo que faremos, mas acho que também vamos adicionar uma amostra extra. Sim, acho que sim. Acho que vamos adicionar uma quarta amostra. Você precisa de outro que talvez não seja tão sombrio quanto esse cara, em algum lugar entre esses dois, e que possa fazer mais tarde. Sinto que é isso que deveria ser. Há muita experimentação, mas vale a pena mencionar que lhe dá muito espaço para brincar, algumas coisas a serem tocadas. É muito bom. Agora, é muito mais fácil dizer algumas dessas. Obviamente parte deste [inaudível] ainda planejado em um pouco aqui, mas isso vai ser um problema muito fácil de resolver. Temos um esquema de cores que achamos que está bonito. Uma coisa que podemos fazer é podemos, vamos duplicar essa camada, então eu vou chamar isso de “Design 2”, e vamos criar um segundo esquema de cores. Eu encorajo você a fazer muito disso porque nesta fase do projeto sobre este lote de exploração, é realmente fácil experimentar tudo para fora. Eu também acho muito divertido fazer novos esquemas de cores. O que eu vou fazer é selecionar estes e então eu vou duplicar as amostras. Vamos realmente colocar isso em uma nova pasta e para esta outra pasta também. Agora isso parece o mesmo, mas se selecionarmos tudo aqui, e irmos para “Editar ”, “Editar cores”, “Recolorir arte”, podemos escolher Grupo de Cores 1, esse é o segundo, oops, eu não sei o que eles são. Podemos dizer isso para ir até lá. O que estamos dizendo é pegar as amostras existentes e transformá-las nessas no nosso novo grupo de cores. O que isso vai fazer por nós, é basicamente configurado em um novo conjunto de amostras globais. Agora, eu posso dizer, começar a brincar com ele e depois como um roxo ou algo assim. Comece a jogar com cores diferentes. Você pode começar a brincar com isso, mas meu esquema de cores inicial ainda está aqui. Vamos ver para onde leva este. Gosto de usar o roxo. Esta nave não envia vibrações alienígenas para mim, então eu sou [inaudível] isso. Você vai com o roxo e depois verde para as luzes. Então este verde aqui pode ser mais de uma cor branca para fazer roxo. Estou ignorando esses padrões por enquanto. Estou gostando disso, na verdade. Agora, não precisamos, novamente, podemos continuar a mudar suas cores à medida que avançamos. O que realmente estamos fazendo é tentar fazer algo que você possa gostar, não precisa ser perfeito. Estou dizendo a mim mesmo agora porque estamos usando amostras globais, podemos continuar ajustando isso. Posso largar esta amostra, vamos definir três agora. Vamos tentar amarelo. Gosto do verde. Verde é muito bom. Agora, podemos saltar entre os nossos diferentes designs e ver o que gostamos. Em termos de cores, estou preferindo este. Vejo que você pode ver os detalhes melhor aqui porque nós os deixamos dentro, mas eu acho que isso pode ser o que eu vou em frente com. Uma vez que você tem um bom senso de, na verdade é exatamente assim lá em cima. Uma vez que você tenha um esquema de cores muito limitado que você gosta, podemos avançar para construí-lo com gradientes no próximo vídeo. 6. Crie os gradientes: Eu acho que a primeira coisa que eu quero fazer aqui é realmente criar duas novas amostras. Na verdade, vamos criar algumas amostras de gradiente. Eu tenho minha janela de criação aqui, e eu quero ter uma amostra de bloco em ambos os lados, mas um deles está na opacidade 0. Isso vai mostrar às pessoas o que isso parece. É basicamente assim que é criado. Eu quero criar isso como uma amostra porque nós vamos usá-lo muito. Quero criar outra versão onde seja branca. Assim, a partir de 100 opacidade branca a 0 opacidade branca. Isso se parece com isso. Mais uma vez queremos criar isso como uma amostra. Isso só será útil para lançá-lo e podemos começar. Vou começar com esse cara aqui. Algo que vou fazer muito é usar caminho de deslocamento. Estou usando oito negativos porque é o que eu uso em todas as formas para este elemento, mas eu vou estar usando caminho offset para criar uma versão menor desta forma e para o preenchimento, eu vou usar essa amostra que criamos aqui, mas eu vou encher. Eu vou selecionar sobreposição e isso vai nos dar essa cor púrpura agradável, e então o gradiente vai querer vir a partir daqui e vamos fazer a mesma coisa com todas essas formas roxas. Apenas uma espécie de enxaguar e repetir. Podemos copiar isso. Como temos feito, vamos puxar de volta um guia. Como estávamos fazendo com o edifício da forma, podemos espelhar isso ali e uma vez lá, colocar um pouco fora. Coloque isso lá em baixo e, em seguida, agarrar aquele e às vezes é mais fácil ir para a vista de contorno e parar suave. Uma coisa que eu quero fazer é que eu quero essas formas aqui atrás, mas eu quero usar a mesma cor. Esta é uma das razões pelas quais eu estou usando o painel de patente aparência e talvez esta seja a primeira vez que eu posso explicá-lo no tutorial, mas ao invés de duplicar uma forma em cima em si, eu vou adicionar um preenchimento adicional e este preenchimento Vamos definir para preto. Agora é um preenchimento preto em cima do preenchimento azul e deste preenchimento, a opacidade vai ser sobreposta. É importante não definir isso. Isso altera a forma inteira, mas define apenas o preenchimento que selecionei. Ainda é da mesma cor, mas agora é uma camada um pouco mais escura no topo e isso é realmente útil no caso de brincarmos com essa cor. Ainda vai funcionar, não importa para o que eu mude. Às vezes usamos muitas camadas de sobreposição preto e branco, é porque nos dá liberdade para continuar a ajustar algumas formas. Eu acho que eu poderia deixar isso para baixo um pouco porque eu vou apresentar algumas outras coisas para separar estes dois. Se eu abrisse o verificador de valor agora, podemos ver que não há uma grande diferença aqui. Se você olhar para a diferença entre essas duas formas. Não há muito contraste lá, então vamos querer introduzir algumas outras coisas para bombear. Uma coisa que vai ajudar é que vamos criar este efeito de borda nesta forma aqui também. Eu vou pegar isso e fazer algum caminho de deslocamento e para este gradiente eu realmente quero fazer algo um pouco diferente. Quero que pareça que isto é um pouco cilíndrico. Vou adicionar um pouco de sombra. Então, no meu painel de gradiente aqui. Vou adicionar outra amostra no local de 50%. É bem no meio do meu gradiente e então eu quero à esquerda e à direita a opacidade para ser 100, no meio eu quero que ele seja 0. Eu removo o preenchimento. Eu criei este gradiente que é assim. Eu quero que isso vá para cima, não apenas esta forma em cima destes pequenos painéis também. Vou pegar esses e colocá-los para trás. Normalmente eu continuo pressionando enviar para trás. Tem aquele e tem aquele. Não acho que essa seção no meio seja suficiente. Alguns o que posso fazer é mover a localização destes de volta. Estou pensando em colocar isso em torno de 30 por cento, talvez este em torno de 70 por cento. Agora há um espaço maior entre os dois. Vamos ver, na verdade, o que parece sem isso? Eu poderia trocar isso, opa, pelo nosso gradiente. Então eu poderia fazer isso ir para baixo assim, oops. Vamos tentar isso por enquanto. Novamente, vamos ajustar muito as coisas, então fique com isso. Ok. Eu quero obter o mesmo efeito arredondado para a forma aqui. Então eu vou caminho deslocamento caminho torná-lo um oito, e então eu vou apenas adicionar conta-gotas neste gradiente aqui. Eu acho que agora está atrás de um monte de coisas então eu vou movê-lo para a frente, e eu vou ver. Fazendo. Brincando com a cor aqui. Novamente, esta é uma das belezas da configuração do gradiente de arte, é que podemos continuar a ajustar as coisas em cada ponto. Então vamos colocar um pouco mais de cor azul. Tudo bem. Claro, isso é bom por enquanto. Na verdade eu quero este mesmo tipo de efeito arredondado aqui. Então eu vou apenas adicionar outra amostra ou outro preenchimento para esta peça do meio, e então eu vou copiar esse gradiente arredondado, e você pode ver que nós temos isso bem aqui. Ok. Na verdade, vamos adicioná-lo a esta luz brilhante. Então eu vou realmente adicionar isso lá também. Então, outro preenchimento, e depois lá. Mas eu acho que para isso porque a sobreposição não vai fazer uma grande diferença. Eu posso adicionar branco a ele, mas é, eu acho que é aqui que nós podemos realmente adicionar outra amostra porque a sobreposição muda um pouco as cores, o que é bom. Mas às vezes, se você quiser, por exemplo, eu acho que uma transição verde para amarelo ficaria muito bem aqui. Vou fazer outra amostra. Então certifique-se de que é global como antes. Eu vou escolher um amarelo, mas ainda um pouco no lado verde, então eu sei que eles se transformam muito bem. Algo que vale a pena mencionar que, se você tiver uma cor no controle deslizante de matiz, você realmente deseja quando estiver tentando fazer a transição de uma cor para a outra. Realmente faz diferença quando eles estão juntos. Você pode tentar ir de amarelo para azul. Você vai obter algumas cores grosseiras dessaturadas no meio e não vai parecer muito agradável, então é verde e amarelo trabalhar muito bem juntos. Junto com quaisquer duas cores que se sentam adjacentes na roda de cores. Então eu vou mudar isso para o normal. O que eu vou fazer realmente que é diferente aqui são essas duas cores ao lado. Farei opacidade zero. Então o meio é onde será 100. Agora vou trocar tudo isso pela minha nova fatia amarela. Vamos ver como isso parece. Então eu acho que isso parece muito bom. Eu quero bombear a saturação daquele amarelo, eu posso fazer isso. E posso fazer o mesmo com o verde. Estas cores realmente fortes. Perfeito. Agora o que podemos fazer é pegar essa peça toda e duplicá-la lá embaixo. Opa, eu não sabia que eu tinha isso, aqui vamos nós. Em seguida, eu acho que eu realmente vou apenas arredondar essas bordas inteiras aqui um pouco assim. Ok. este em particular. Quero que esta camada e esta camada se destacem como se estivessem sobrepostas. Então eu vou deslocar caminho. Na verdade, eu só vou usar um gradiente branco configurá-lo para sobrepor. Agora temos uma rosa de renda vindo de cima. Isso parece legal. Eu acho que esta forma na verdade eu vou apenas definir para um preto, em seguida, overlay.Lá vamos nós. Então agora novamente, se eu continuar a ajustar isso, ele ainda vai funcionar bem porque tudo está trabalhando com camadas de sobreposição. Ok. Então, o próximo passo é, eu farei o mesmo aqui em baixo. Lançando caminho, caminho de deslocamento. Só vou adicionar conta-gotas com este gradiente branco. Então eu vou fazer isso chegar ao topo assim. Então este, novamente eu vou torná-lo preto. Defina-o para sobrepor. Ok. Isso é um pouco demais lá. Deixe-me desagrupar isso, mas eu vou adicionar um gradiente de sobreposição branco apenas para replicar a iluminação no topo. Observe como para algumas dessas peças eu não adiciono um caminho de deslocamento porque isso já é muito pequeno, então eu acho que é realmente bom apenas para mantê-lo para as peças grandes ou então as coisas podem ficar bagunçadas. Você sempre pode experimentar as coisas para ver como elas ficam, e depois alterá-las, e se livrar do caminho de deslocamento depois. Vamos dar um pouco de iluminação lá. Este aqui, eu vou trapacear um pouco e então fazer o caminho de deslocamento porque ele só vai me dar uma tira fina no meio se eu fizer isso. Na verdade, vou movê-lo. Deve estar a duplicar assim e depois vou ficar com isto. só estou fazendo uma forma que se parece com isso. Então eu vou descer assim. Você pode ver amarelo por enquanto só porque não está contrastando muito bem. Quem diria que o amarelo será a base e o verde vai para cima. Vamos definir isso por enquanto e apresentaremos o verde como fizemos lá. Eu tenho o meu guia, depois reflita, mova-o para cima. Tentando fazer o meu melhor para não ir muito rápido. Este é um detalhe que acho que vamos tratar na próxima lição. Quero mostrar que isto está por trás da nossa camada branca, por isso está a ter o efeito disso. Mostrarei isso em detalhes quando chegarmos a ele. É algo que você quer prestar atenção. Talvez um pouco mais brilhante. Aqui porque é um círculo, eu estou realmente indo para Offset Path, eu vou usar o Gradient, mas eu vou torná-lo um círculo, exatamente assim. Sobreposição. Se eu não achar que é forte o suficiente, eu sempre posso duplicar e conseguir um segundo. Isso é algo que eu poderia realmente fazer em alguns lugares. Eu quero 40 e 60, então eu só estou fazendo alguns ajustes. Quarenta, 60, eu prefiro isso. Eu acho que nós vamos ter alguns problemas de contraste por aqui, então eu estou realmente indo para adicionar um outro elemento. Vou apenas traçar esta linha aqui, mas vou transformá-la em um caminho. Eu vou bater até, vamos tentar 10 em torno das tampas e articulações, talvez 12 é melhor. Sim, 12 corresponde a isso, então é um peso consistente. Então eu vou apenas delinear o traço, e eu vou aplicar o mesmo gradiente branco a isso. Simplesmente assim. Deixe-me apenas ajustar as cores um pouco, eu gosto mais assim. Acho que pode ser isso para este vídeo. Só checando duas vezes. Novamente, como sempre, você pode continuar jogando com as cores até obter algo que você gosta. Acho que isto é bom. No próximo vídeo vou entrar em alguns detalhes. 7. Detalhes e glows: Vamos adicionar alguns detalhes, vamos adicionar algumas sombras duras, e vamos somar até brilhar. Vamos continuar. A primeira coisa que vou fazer é trazer de volta os elementos que escondi antes. Todos esses efeitos, então todos esses detalhes e eu vou adicioná-los. Vamos ver, eu acho que esses painéis aqui, eu quero que eles mais ou menos como este, a cor semelhante, mas vamos manter como uma sobreposição branca. Isso é muito bom. Mas eu vou cortá-la 50 por cento para ver como isso fica um pouco melhor. Darei a este mesmo tratamento 50% de sobreposição branca. Estes vão ser roxos e eu posso movê-los de volta, então eles estão por baixo, lá vamos nós. Eu vou e realmente adicionar um par mais de forma oval aqui. Isso entra em um pouco do que vamos fazer a seguir. Que é que vou começar a acrescentar alguns detalhes. Ok. Esta era uma sobreposição preta, por isso vou fazer a mesma coisa. Eu só pensei que seria um bom toque e certo, então vamos olhar para as sombras duras. Acho que isso é muito importante. Então, sempre que há algo sobreposto, outra coisa que podemos adicionar em uma sombra dura para fazer com que pareça mais que está lá. Por exemplo, eu posso criar uma forma como esta. Sim, nós estamos ficando um pouco de forma que fica lá e ele vai sentar bem ali, e nós vamos dar que uma sobreposição de vamos tentar 50%. Só de ter isso dá uma separação melhor. Eu posso a mesma coisa aqui e eu vou adicionar uma vez que a mesma forma adicionar aqui. Sobreposição, eu tenho 40 por cento capaz de 50 e bem ali. Temos um pequeno problema aqui, isso não está alinhado e deve ser levado no meio. Ok. Isso acontece. Tudo bem. Em seguida, vou adicioná-lo aqui. Eu acho que para isso eu realmente vou fazer nos caminhos offset tentar 12 talvez oito. Ok. Quanto a este para que é novamente muito escuro e isso vai iluminar as coisas um pouco. Deixe isso em detalhes, este eu vou mostrar para você segurar isso. Ok. Sempre escureço as coisas. A mesma coisa aqui embaixo, definir caminho, podemos moldar cópia, colar na frente assim, você vai chegar lá, talvez isso possa ser um pouco maior, então deixe 60 por cento. Com estes dois, vamos colocar isto em 60 também. Ok. Agora queremos criar sombra aqui. Por isso, eu vou realmente fazer algo assim. Tudo bem, porque este é mais longe, então isso vai lançar uma sombra maior. Você vê como eu precisava entrar em uma exibição diferente para selecioná-la. Se você voltar para o nosso esboço, eu tinha que pensar em uma pequena linha aqui eu quero ter isso dentro Eu vou criar uma forma como esta de modo que é este relógio, e nós vamos bombear o curso 10 ou mais em torno das bordas e delineá-lo , duplicar a forma. Eu posso cortá-la e então eu vou fazer com que as luzes se sobreponham. Isso é bom, colocar dois tempos em seguida algo assim, eu acho que funciona muito bem e eu quero ter certeza que ele está escondido onde ele deve estar. Lá vai você. Excelente. Eu gostaria de adicionar estes pequenos parafusos. Sobreposição a 50 por cento. Eu vou ser capaz do mesmo, que tal 10. Ok. A não ser que vá para o projeto onde eu vou mover este para o outro lado. No entanto, esta coisa vai ter que chegar na parte de trás. Ok. Vamos adicionar mais alguns, vamos adicioná-los ao branco. Então agora eu vou torná-lo preto. Parece um pouco mais vamos dar-lhe um 80. Vamos colocá-los aqui também e talvez aqui também. [ inaudível] e em seguida, eu vou adicionar agora um pouco mais essas linhas que eu fiz aqui, então adicione um aqui em baixo. Esse é Overlay a 50 por cento [inaudível] com ele, adicione outro. Acho que para esses bares, no centro e vamos ver. Temos então algo assim e então [inaudível] vamos tentar isso. Isso vai para verde e, mais e aqui também. Quem quer descobrir este? Poderia ser -8 pixels? Eu só vou trapacear um pouco desta forma, um pouco verde. Um pouco disso, parece bom. Agora só temos alguns brilhos. Não, eu não terminei aqui. Para o cristal, eu vou adicionar um preenchimento como este de cima para baixo e, em seguida, compensá-lo, e não tanto. Eu tento 8 vamos e este. Acho que vou chegar ao amarelo, algo assim. Eu sou bom. Temos um cristal lá, e talvez amarelo. [inaudível] é brilho externo, “Normal”, 100 e eu estou realmente indo para escolher o meu “Swatch” para que o meu brilho e vamos escolher o verde. Meu brilho realmente mudaria à medida que eu mudo essa amostra, é muito legal então o outro mesmo brilho para todos esses elementos aqui. Espere, vamos começar com esses dois. Se o brilho for adicionado à parte errada da sua camada, as coisas podem estragar tudo. Isso é o que está acontecendo. Isso vai fechar lá e o brilho, eu vejo, mudar, estilizar “Outer Glow” mesmo. Eu acho que em vez de adicioná-lo aqui, porque o modelo cultiva bem ali cerca de meio brilho, não vai ficar bonito. Então o que eu preciso fazer é, eu só quero brilhar em torno das bordas e então eu estou realmente apenas indo para aplicá-lo em um gradiente para esta forma aqui para imitar o brilho que o verde é como se estivesse brilhando. Lá vamos nós. Então também neste caso aqui, se eu adicionar um brilho, eu não sei se eu quero que isso seja um pouco diferente aqui. Então, na verdade eu sou apenas uma espécie de fazer uma forma como esta e fechar atrás de tudo e adicionar um brilho como aquele. Isto é para uma varredura final de nossos valores. Se parece bem aqui, sabemos que está bem em todos os outros lugares. Isso ainda está um pouco perto demais para me confortar, mas vamos ver o que acontece se eu adicionar na parte inferior. É melhor. É tudo o que preciso fazer, na verdade. Ajudou um pouco, eu acho, a resolver o [inaudível]. Lá nós ego. Então essa deve ser a nossa nave terminada. No próximo vídeo, eu quero mostrar como você pode trocar cores ao redor, bem como eu quero demonstrar os navios trocando com outras peças, mas eu acho que no que diz respeito ao design, eu acho que estamos feitos. 8. Resumo: Agora temos o nosso design acabado e digamos que o enviamos para um cliente ou ficamos sentados nele por um dia, e voltamos e ouvimos o cliente dizer: “Ei, já temos um navio roxo, qual é o negócio?” O que é ótimo sobre a forma como criamos isso é como só temos essas cinco cores aqui que estão decidindo tudo sobre nosso design. Por causa disso, tudo o que precisamos fazer é que queremos torná-lo uma cor diferente, apenas começamos a brincar com ele. Olha, o vermelho realmente parece muito bonito. Mas não sei mais como me sinto sobre o verde. Então vamos trocar o verde ou podemos adicionar mais vermelho. Vamos tentar outra coisa. Vamos fazer um rosa ou não, melhor ainda, o amarelo será verde, e o verde será um azul claro ou azul mais escuro vamos tentar isso. Assumindo que é só usar verduras, então. Está bem. Ei, essa laranja também precisa mudar. Um azul pode se tornar bom. Na luz do sol, isso é legal. Está bem. Então vamos mudar isso para algo assim. Assim, mudamos completamente a nossa nave. Agora, vamos precisar passar e retocar algumas áreas como, eu não sei como nos sentimos sobre essas nuvens, por exemplo. Mas no geral, muito fácil de manter toda a iluminação e detalhes que criamos porque usamos sobreposições e isso nos dá toda a amostra diferente de como o navio poderia ser parecido. Se como eu, você construir uma nave espacial, outro pequeno bônus divertido sobre esta classe é que, agora podemos misturar e combinar as peças da nave com todas as outras naves que eu fiz para este jogo. Então, se você abrir o MixMatcher, que você pode encontrar na seção Recursos, e sob seu projeto aqui, basta colocar seu navio. Podemos configurá-lo para que você possa tentar com diferentes partes. Então tudo o que você precisa fazer é agrupar a parte superior completamente em uma peça, agrupar toda a seção do meio em uma peça, e então finalmente a parte inferior. O que você verá no painel de camadas é que temos três grupos aqui para as diferentes seções, e se olharmos para todas essas outras naves que temos aqui, elas também são quebradas dessa maneira. Espero que se livre das fechaduras, eu acho. Lá vamos nós. Agora, eu posso pegar meu projeto e eu posso apenas experimentá-lo com algumas naves diferentes. Então, no meio, com o topo do navio ligado, ou desculpe o fundo, eu suponho. Diz bico, mas está errado. A parte de cima ali. Vou tentar o fundo desta nave B. Talvez eu pegue minha bunda e coloque no meio dessa. Então realmente você pode simplesmente misturar e combinar com todas essas peças. Sim, divirta-se. Sinta-se livre para compartilhar qualquer uma de suas criações no projeto da classe.