Cores com Adobe Kuler

1. Introdução: Bem-vindo à cor com o Adobe Kuler, também conhecido como Adobe Color Creative Cloud. Nesta aula vamos falar sobre teoria das cores. A teoria das cores é uma ciência com a qual os designers lutam. Encontrar caminhos harmoniosos que são atraentes, tendência para a frente e comercializáveis são difíceis de compor. Eu por uma cor de amor e acho que eu gasto horas tentando encontrar a combinação de cores certa para meus projetos. No final, isso prova ser muito demorado. Você pode surfar em busca de inspiração. Eu tenho sites que eu uso o tempo todo. Pinterest não é apenas para receitas e inspiração de moda. É uma fonte ideal para os designers encontrarem as últimas tendências de cores e começarem a construir suas histórias de cores. Outro grande recurso é Design Seeds. Eles têm paletas de cores pré-fabricadas em abundância que ajudarão você a despertar sua criatividade de cores. Mas esses sites darão um passo extra para que você importe as cores encontradas nos designs do Illustrator ou do Photoshop. Nesta classe, vamos descobrir uma nova ferramenta que reduzirá todo o tempo necessário para importar as histórias de cores que você acha que você gosta para o seu espaço de trabalho existente. Aí vem o Adobe Kuler. É um site criativo da Adobe que funciona perfeitamente com o Illustrator e o Photoshop para ajudar você a criar suas paletas de cores para seus designs. Ele funciona com o Adobe Photoshop, o InDesign e o Illustrator. Com qualquer um desses programas você pode importar suas histórias coloridas que você encontrar. Será o passo mais fácil. Vai reduzir o seu tempo de produção. Esta vai ser uma aula de abertura dos olhos. O contorno da classe é o seguinte, aprenderemos a navegar no Kuler, aprenderemos a criar seus próprios temas de cores, exportaremos seus temas para usar no Illustrator e, em seguida, você poderá recolorir seu trabalho artístico usando o novo paletas que você projetou. Esta classe é feita especificamente para o Adobe Illustrator, mas algumas das dicas e truques aqui podem ser usadas para o Photoshop também. Por favor, junte-se a mim nesta aula, vai ser uma nova ferramenta divertida que você pode adicionar ao seu arsenal. Bem-vinda. 2. Disco de cores: A primeira coisa que vamos fazer é mergulhar diretamente no Adobe Cooler. No navegador, você digitará color.adobe.com e isso o levará à página inicial do Adobe Color Creative Clouds. Os termos são usados de forma intercambiável, Adobe Color e Adobe Kuler. Quando foi lançado pela primeira vez, foi lançado como Adobe Kuler e é o que a maioria das pessoas mencionadas a este site é como Adobe Kuler Adobe mudou o nome recentemente para Adobe Color Creative Cloud, mas Adobe Kuler ainda tem sido por perto. Você ouvirá os dois nomes usados de forma intercambiável. Para que você possa entrar no site, não há login. Você pode brincar o quanto quiser. Se você quiser exportar ou salvar qualquer uma dessas histórias de cores criadas na biblioteca de cores, será necessário fazer login com uma Adobe ID. Se você tiver uma Adobe ID, poderá fazer login para poder acompanhar. Caso contrário, você pode simplesmente jogar junto com o site porque, embora você não tenha a Adobe ID, você ainda poderá criar histórias de cores e, em seguida, anotar suas fórmulas de cores. A inscrição para uma Adobe ID é gratuita. Você não precisa ter a Creative Cloud para fazer isso. Sugiro que você faça login com sua Adobe ID toda vez que fizer login em color.adobe.com. A primeira coisa que vamos explorar é esta primeira aba, que é a guia criar. A guia de criação apenas leva você a esta roda de cores. É a Teoria da Cor 101, onde trabalhamos principalmente com as cores primárias e, em seguida, as cores secundárias e as cores terciárias. O Adobe Color desmistifica isso para você. Ele tem regras de cores embutidas que você pode cumprir ou você pode simplesmente quebrar o modo e fazer suas próprias coisas. Bem aqui, cai nesta paleta de cores. Eu vou deixar você saber que esta sempre vai ser a cor base, vai estar aqui no meio. Se você pode ver, ele é identificado por este triângulo, e então ele é representado aqui também. Normalmente o que isso significa é que a cor base será constante sempre que você brincar com essas outras cores. Esta não tem que ser a sua cor base. Você pode alterá-lo usando esses controles deslizantes. Mas como você pode ver, a cor base determina, porque estamos nessa regra de cores, a cor base determinará como as outras cores interagem. Vamos começar com a primeira regra de cor. É análogo. Isso significa que todas as cores estão próximas umas das outras na roda de cores. Como você pode ver, a cor base permanece a mesma. Mas eu posso trazer para dentro ou para fora a intensidade da cor ou eu posso movê-la ao redor, mas todas as outras cores vão se mover com ela. Se eu sei que esta é a cor base que eu quero, este poucos tiro vermelho. Então eu posso brincar com as outras cores, ainda mantendo a regra análoga. Como você pode ver, a cor base não está se movendo, mas as outras cores se moverão. A outra regra de cor aqui é monocromática. Isso coloca todas as cores ao longo do mesmo espectro. Agora, eu ainda posso movê-los, mas como você pode ver, a cor base permanece a mesma. Você pode mudar a intensidade das outras cores, mas você não estará se movendo a menos que se você sair desse espectro, teria que ser todas as cores porque eles são monocromáticos vai estar se movendo ao mesmo tempo. A próxima é a tríade, e essa é uma cor básica da teoria 101 também, onde as cores estão todas em um triângulo na roda de cores. Você pode mover aqueles ao redor também e você pode mudar a intensidade. Praticamente cor de adobe, o que está fazendo é tirar a adivinhação de que cores vão entre si, porque nem todas as cores vão jogar bem na mesma caixa. Quando você os imprime, cores que não são harmoniosas tendem a não funcionar bem juntas. Isso tira o mistério de como combinar cores. Artistas todos na escola de arte têm que tomar a teoria das cores um par de aulas disso, apenas para que eles possam entender as harmonias de cores e quais cores funcionam bem juntas. Há toda uma psicologia por trás da cor. A cor da Adobe tira toda essa adivinhação. Se você seguir essas regras, você vai acabar com cores que são harmoniosas e funcionam bem em conjunto. Em seguida, temos cores de cortesia e cores de cortesia são sempre opostas umas às outras na roda. Como você pode ver, enquanto os movemos, eles vão se mover juntos, sempre opostos na roda de cores. Essas cores se complementam porque estão diretamente em frente umas das outras na roda de cores. Há cores compostas que também fazem a mesma coisa. É só que essas duas cores principais permanecerão as mesmas, e então as outras são cores que estão bem ao lado dela. Depois, há tons, não devem ser confundidos com tons monocromáticos ou quanto mais preto ou branco é colocado em uma cor em uma harmonia diferente também. Então há um costume. Se você quer enlouquecer e você quer fazer sua própria coisa, e você não quer ouvir a roda de cores, e você tem sua própria paleta de cores em mente. Por todos os meios, brinque com ele, venha com suas próprias cores divertidas. Tudo depende dos projetos em que você está trabalhando. Tenha sempre em mente que seja para impressão ou web, você deve sempre testar suas cores antes de se comprometer a finalizar qualquer projeto. Agora vou chamar a sua atenção aqui em baixo. Como você pode ver, temos diferentes modos de cores. Aqueles CMYK, se você só quer trabalhar nisso, você pode clicar sobre isso, então há RGB, e isso só vai te dar o vermelho, verde, azul, e então há cores HEX se você estiver trabalhando na web. Todas as fórmulas de cores estarão aqui quando você terminar de criar suas cores. Desta forma, você pode tê-los para exportação e você será capaz de se referir à roda de cores real. Na próxima lição, vamos para a guia Explorar. 3. Explore cores: Próxima etapa, vamos explorar a guia Explorar. A Adobe Color da Creative Cloud é, na verdade, uma comunidade. Assim como você viu na roda de cores, você pode criar suas próprias histórias de cores. Em seguida, você pode publicá-los neste site da comunidade. Isso não é apenas útil para outros artistas, mas é útil para você e outros artistas fazer isso, porque todas essas cores estão à vontade. Muitos deles tiram a data, basta tirar a adivinhação de você brincando com a roda de cores e você pode simplesmente rapidamente, visualmente, assim como fazemos no Pinterest ou em sementes de design, você pode vir direto para este Explorador guia e apenas navegar através histórias de cores diferentes sem ter que sentar lá e olhar para uma roda de cores em branco. Faço isso muitas vezes. Eu entro nesta guia Explorar porque existem histórias de cores maravilhosas já criadas. Depois guardo na minha biblioteca do meu próprio uso pessoal. Como você pode ver, todos eles têm nomes e os nomes não serão completamente precisos para talvez o que você gostaria que eles fossem, mas como você pode ver, você pode simplesmente percorrer e há apenas um milhão de histórias coloridas que têm foi criado. Eu acho que às vezes apenas rolando por aqui, desperta minha criatividade e eu sou capaz de então usar isso. Eu não necessariamente tenho que usar todas as cores do jeito que eles salvaram. Quem é o criador da história colorida? Posso então alterá-lo e editá-lo ao meu gosto. Por exemplo, vamos ver, vamos entrar talvez nessa mãe feliz. Vamos para ele, você pode clicar em Editar cópia e há várias coisas que você pode fazer aqui. Você pode ver as informações nele, que basicamente mostrará todas as coisas boas que alguns outros membros da comunidade disseram sobre isso. Você pode apreciá-lo você mesmo. É como um botão como. Você pode salvá-lo em sua biblioteca. Você pode compartilhá-lo. Você pode editar uma cópia ou pode denunciar abuso se houver algo escrito aqui que não seja do seu agrado. Digamos, por exemplo, que vamos editar uma cópia porque embora eu goste de todas essas cores, talvez este rosa seja muito forte para o projeto em que estou trabalhando. Agora ele traz você de volta para a roda de cores com todas essas cores já no lugar. Como você pode ver, o criador fez uma regra de cor personalizada. Só queria intensificar este um pouco mais na laranja porque eu quero um pouco mais de salmão e então este talvez eu quisesse ser mais no salmão também. Uma vez que estou feliz com a edição que eu faço, eu clico em Salvar e o criador dele tinha chamado de Happy Mom. Na verdade, vou chamá-lo de dias de verão porque estou trabalhando em algum tema. Então aqui, você pode selecionar onde você gostaria de salvá-lo e eu vou realmente salvá-lo nisso. Vamos ver, vamos guardá-lo no meu, pelo amor do blues porque eu tenho um caso de amor com azul e ele tem uma ferramenta de blues que eu gosto. Você também pode adicionar tags para que ele tenha azul. Vejo um pouco de água. Tem salmão e podemos até chamar isso de “Tema da Praia”. Você pode adicionar tags o quanto quiser. Aqui, você pode deixá-lo como publicado esta equipe para explorar para que outros membros da comunidade agora possam usar meus dias de verão ou você pode desmarcar isso e apenas mantê-lo em sua própria biblioteca. Eu sempre gosto de compartilhar, todos compartilham comigo, então eu acho que é bom que todos nós somos parte desta comunidade e estamos apenas compartilhando paletes de cores. Você pode ir em frente e clique, Salvar e agora aqui é o seu tema. Ele traz você de volta a esta página de ações onde você pode publicá-la, que já fizemos ou você pode editar uma cópia ou excluí-la se você não estiver satisfeito com ela. Então aqui você vê as tags que criamos. Voltar para explorar. Vou mostrar-lhe outras coisas que podemos fazer. Se você sabe que você está trabalhando, digamos um tema de praia, aqui está uma barra de pesquisa e você pode apenas digitar na praia. Como eu disse, não é uma ciência perfeita porque o que pode ser cores de praia para mim pode não ser cores de praia para você, mas é um bom ponto de partida, então porque esta é uma comunidade e membros da comunidade podem nomear suas histórias de cores qualquer que seja Eles querem. O que sua praia pode ser, pode não ser, o que eu imaginei como um tema de praia. Você pode rolar por aqui e isso só lhe dá um bom ponto de partida. Da mesma forma, digamos que você pode entrar aqui e colocar tons de pele e então você terá outros membros da comunidade paletes de tons de pele. A ferramenta de pesquisa é realmente útil. Há muitas coisas que você pode fazer. Você pode simplesmente voltar para a guia Explorer e passar por ela, algumas coisas que você pode ver e você quer exatamente da maneira que você vê. Por exemplo, vamos ver, vou salvar este azul monocromático bem aqui. Eu vou salvá-lo. Só vou guardá-lo para o meu blues. Eu tenho amor por azul e blues gradiente de blogs, isso soa bem para mim então eu vou manter o mesmo nome que o criador fez. Vou guardá-lo e depois isso vai para os meus temas. Isso cobre praticamente a aba Explorar. Em seguida, vamos discutir nossos temas. 4. Meus temas: A última coisa que vamos explorar no Adobe Kuler será a guia Meus Temas. Como você pode se lembrar do último slide, nós tínhamos criado este Bloggy Gradient Blues. Nós o salvamos de um dos temas dos membros da comunidade. Uma vez que eu o salvei, ele entrou em Meus Temas. Quando eu clicar nesta guia, você verá Bloggy Gradient Blues foi salvo aqui, bem como todas essas outras histórias de cores que eu já salvei aqui também. Você pode realmente categorizá-los para que quando você salvá-los, você pode adicioná-los a diferentes bibliotecas. Por exemplo, vou mostrar-lhe, vamos voltar para Explorar e deixe-me apenas encontrar outra história colorida que atraia minha atenção. Digamos que, por exemplo, isso parece legal para mim. É algum tipo de roxo e eu posso me ver usando isso para projetos futuros. Vou clicar em “Salvar na Biblioteca”. Chamavam-lhe “Sonhos para Sempre”, vou chamar-lhe “tons roxos” só para me lembrar. Em seguida, neste menu suspenso você verá que eu tenho Pastels, Pinks, Beach, estes são todos os títulos de categorias que eu selecionei. Mas talvez eu esteja trabalhando em um projeto onde eu quero cores quentes e talvez cores quentes seja uma nova categoria que eu possa usar. Vou clicar em “Criar biblioteca”, e posso digitar “Cores quentes” e clicar em “Salvar”. Depois de salvá-lo, você ainda precisa voltar e selecioná-lo antes de salvá-lo novamente. Vou colocar algumas etiquetas aqui, então “roxo”, então teremos “quente”. O objetivo das tags realmente é apenas assim quando sua coleção fica tão extensa, as tags irão ajudá-lo a pesquisar dentro de suas bibliotecas de cores também. Há também “areia”, e talvez até sejamos capazes de puxar esta “jóia”. Vamos guardar isso. Como você pode ver aqui é. Mais uma vez, temos a opção de editar, republicar novamente, excluí-lo se quisermos. Voltando aos temas, aqui você verá que eu tenho uma nova categoria que foi criada e é cores quentes. Eu posso continuar a construir sobre isso ou às vezes quando eu criá-los, eu percebo que eu tenho que mesclar algumas delas e talvez eu queira uma dessas cores em uma categoria diferente. Por exemplo, estes parecem quentes para mim também, que eu possa ir para “Info” e, em seguida, aqui você verá Publicar aparecerá novamente. Posso clicar na seta. Ainda se chama Nublado, quero que seja chamado assim. Eu clico novamente em “Salvar na Biblioteca”, e eu quero que ele salve em cores quentes também. Clique em “Salvar”. Agora, quando eu clico na aba “Meus Temas”, Nublado está exatamente onde está com os Blues, e agora ele também foi adicionado a essas Cores Quentes. É assim que funciona a Minha Biblioteca. No próximo slide, mostraremos como importar cores, como importar uma foto e criar temas de cores a partir de fotos existentes em sua biblioteca. 5. Cor a partir de uma foto: Nosso próximo passo no Adobe Color será como importar uma fotografia para criar um tema de cores personalizado. Nós vamos voltar para a guia Criar. Como você pode se lembrar, aqui é onde começamos com nossa roda de cores e diferentes regras de cores. Vamos clicar nesta pequena câmera aqui, e vamos criá-la a partir de uma imagem. Vou clicar nisso, e ele vai para a pesquisa na minha área de trabalho. Já tenho esta pré-selecionada, é uma foto que tirei em Miami. O Adobe Color identifica automaticamente as cores que ele identifica aqui. Como você pode ver, ainda temos modos de cores com os quais podemos trabalhar. Temos colorido, há brilhante, há mudo, há profundo, há escuro, e depois há cores personalizadas. Ele ainda permite que você troque por aí, para que eu possa movê-los para onde eu quiser. Posso querer um pouco do verde, mas pode ser o verde não tão forte. Vamos ver, talvez lá. O amarelo, eu posso querer apenas um amarelo mais profundo, ou talvez a mostarda era boa. Como você pode ver, você pode alternar estes ao redor e criar quantas combinações quiser a partir desta foto, mas as paletas de cores que ele cria, ele extrai as cores certas do que eu amo nesta foto. Às vezes, isso é difícil de fazer. Você pode olhar para uma foto e dizer, “Eu realmente adorei esta paleta de cores”, mas se você sentar lá e escolher com um seletor de cores no Photoshop, é muito demorado escolher todos os elementos, e isso leva o adivinhação fora disso. Ele já puxa as cores que identifica que trabalham juntas em harmonia. É apenas uma ótima ferramenta para estrelar. Como você pode ver, agora estou feliz com minha paleta de cores aqui, então vou selecionar Salvar, e é a mesma coisa. Vamos chamar este de South Beach, e vamos guardar isto na minha biblioteca de praia. Chamaremos isso de Miami Blue Yellow Beach Palm. Vamos clicar em Salvar. Também foi publicado para outros usuários da comunidade usarem. É assim que se trabalha com uma fotografia. 6. Recolorir: Então, agora vamos colocar todas as nossas Paletas de Cores do Adobe Cooler para trabalhar. Aqui eu tenho um design de padrão que criei e acabei de abri-lo no Adobe Illustrator. A primeira coisa que vamos fazer para acessar nossas bibliotecas de cores que criamos no cooler é ir para o Window, e então vamos para bibliotecas. Isso traz aqui são temas de cores que criamos. Gradiente blogueiro, blues, dias de verão, estes são todos os que criei na minha biblioteca. Pelo amor do azul, como você pode ver na lista abaixo, eu posso mudar para os meus pastéis que eu tinha salvo. Eu tinha todos aqueles rosas divertidos que eu tinha salvo. A partir daqui, poderei ver rapidamente todos os meus temas de cores que criei na criação, na Adobe Color Creative Cloud. Para que isso funcione perfeitamente, você precisa estar conectado à Creative Cloud no Adobe Illustrator. Sei que há alguns designers que trabalham offline o tempo todo. Eles estão acostumados a trabalhar off-line no Adobe Illustrator, mas para que isso funcione perfeitamente, você precisa estar conectado à Creative Cloud a partir do seu desktop enquanto o programa está aberto. Eu vou agora ir para o Windows, e então vamos para temas de cores, e isso vai abrir uma versão mini do cooler direito no meu espaço de trabalho do Illustrator. Aqui como você pode ver eu tenho todos os meus temas aqui também. Posso ir para a guia Explorer e explorar temas. Eu ainda posso ir e procurar por temas e ser capaz de trabalhar a partir daqui também. A versão para desktop do Adobe Color apenas oferece um espaço de trabalho mais fácil de trabalhar para criar seus temas de cores , mas você pode criar temas de cores a partir daqui também. Você terá criar e, como você pode ver, você ainda pode mover seus controles deslizantes. Você ainda pode trabalhar muito bem aqui dentro e, em seguida, ainda pode editar, para adicionar às suas Amostras tudo a partir daqui. Neste cenário, digamos que este é um padrão que eu vou apresentar a um cliente, e eles gostam deste azul, mas eles gostariam de ver todas as outras histórias de cores. Eu só estou indo para diminuir o zoom e apenas adicionar mais algumas pranchetas aqui segurando a opção. Vou apenas desclicar e arrastar. Há outra prancheta. Digamos que eu queira enviar-lhes mais três variações de cores deste design de um padrão, mas as cores que eu vou usar serão cores dos meus temas. Agora, como você pode ver, você terá que selecionar o que você vai mudar. Eu vou selecionar esta prancheta aqui, e então vamos dizer que eu quero fazer, vamos com blues gradiente bloggy. Nestes pontos aqui em baixo, como você pode ver, você terá outras opções e você pode editar o tema. Você pode adicionar à sua paleta de Amostras ou pode visualizar online. Se eu clicar em Exibir on-line, ele me leva diretamente para color.adobe.com e, em seguida, ele me traz de volta para ser capaz de editá-lo. Vamos ver o que o cliente queria blues com apenas um rosa macio. Posso editá-lo e, em seguida, alterar uma dessas cores e salvá-la novamente e colocá-la no meu Adobe Illustrator. Por enquanto, vamos apenas adicionar às Amostras e usar você pode vê-lo. Colocou-o na minha paleta de Amostras. Vou selecionar esta prancheta novamente. Eu vou clicar na pasta no início do blues bloggy e gradiente, e então eu vou para a roda de cores aqui para editar ou aplicar o grupo de cores, e como você pode ver, instantaneamente, ele começa a funcionar fora das cores que eu tem aqui na paleta. Eu vou apenas brincar com isso um pouco até eu encontrar uma harmonia que eu gosto, e eu realmente, eu gosto muito de, digamos, nós vamos com possivelmente este. Vou clicar em “Ok”. Deseja salvar as alterações? Não, porque vai mudar as paletas de cores no meu bloggy, blues gradientes então vamos apenas clicar fora disso. Vamos repetir o processo novamente. Digamos que quero ir e mostrar-lhes como seriam alguns rosa. Talvez nós vamos para este aqui. Vamos adicionar isso à paleta Amostras e, novamente, tendo o trabalho artístico selecionado, entramos neste grupo de edição ou aplicação de cores, e começaremos a brincar com isso também. Este botão aqui, está apenas mudando aleatoriamente a ordem das cores, e isso realmente parece legal também. Você pode ir aqui e você pode fazer matiz para frente ou matiz para trás. Ou você pode fazer o escuro para a luz, ou a luz para a escuridão. Há opções diferentes aqui também, e podemos continuar a trabalhar com isso. Isso parece bom aí. Clique em Não.