Como criar um logotipo de emblema no Adobe Illustrator

1. Introdução: Hoje vamos analisar algumas técnicas simples para criar um design de crachá aqui no Adobe Illustrator. Agora este é um design de logotipo legal e eu realmente quero ensinar-lhe alguns conjuntos de habilidades aqui que você pode transportar para qualquer tipo de design de crachá que você deseja criar. Então vamos passar por algo muito específico neste vídeo, mas vocês podem usar o que aprenderem aqui para aplicá-lo aos seus próprios projetos. Agora, este arquivo está realmente disponível, incluindo um arquivo inicial com o fundo e as cores já estão lá para você. Então vá verificar isso na descrição, é totalmente gratuito para download. Vamos entrar no design do crachá. Meu nome é Spencer Martin. Eu sou um designer gráfico e criador de conteúdo com um canal do YouTube, bem como onde você pode conferir muitos tutoriais gratuitos diferentes. Ei, olhe isso. Está neste logótipo. Isso significa que vocês podem personalizar seu próprio design de crachá nesta aula. Mal posso esperar para ver o que você postar na área do projeto. Vamos fazer essa coisa rolar. 2. Como criar o esboço do emblema: Certo, então aqui está o que vamos criar. Tenho dois estilos aqui, um em preto e outro em branco. Vamos começar criando um novo documento. Este documento é 1920 por 1080 modo de cor RGB, e isso é tudo o que você precisa se preocupar. Então aqui vamos nós. Temos um novo documento. Aqui está o nosso quadro, muito largo quadro de arte. A primeira coisa que quero fazer é criar uma cor de fundo. Então Retangle Tool, clique duas vezes aqui. Vou digitar 1920 por 1080 para criar esse tamanho de um retângulo, vamos nos livrar do derrame. Vou clicar duas vezes neste preenchimento para pegar algo aqui nesta área de carvão. Acerte OK, e lá vamos nós. Agora este retângulo, vou encontrar o meu painel de alinhamento. Qualquer um desses painéis aqui à direita, você pode ir até a janela e encontrá-lo como uma linha aqui, este painel de alinhamento, eu vou ter certeza que ele está alinhando com o quadro de arte e vamos centralizá-lo e ver este painel Camadas Aqui. Vou mudar isto para o fundo. Vamos trancá-lo. Então agora temos uma camada de fundo bloqueada. Eu só gostei de projetar este logotipo emblema, tipo de neste fundo mais escuro para que eu possa projetar em branco. Acho que parece melhor. Então é assim que vamos fazer. Pressione o ícone de adição para criar uma nova camada. E esta camada vamos chamar logo porque aqui é onde vamos fazer o nosso design. A primeira coisa que eu quero fazer para obter esse tipo de crachá legal é ir para a ferramenta Estrela, abrir a ferramenta estrela. Agora você verá que o meu já é assim, mas o seu provavelmente se o encontrarmos, provavelmente se parece um pouco mais com isso. Provavelmente tem alguns pontos a menos. Então, com a ferramenta Estrela selecionada, acabei de clicar e arrastar. Posso fazer isso maior ou menor. Posso pressionar as teclas de seta para cima e para baixo enquanto estou usando esta ferramenta para adicionar pontos. E então eu posso manter o Comando ou Controle em um PC para tornar esses pontos menos pontudos. Para que eu pudesse trazer isso para algo assim. Eu poderia deixar de lado o comando, escalá-lo um pouco mais, tipo de ver com o que estou trabalhando. Pode pegar o comando novamente, talvez fazer isso um pouco de ponto aqui. Acho que algo assim funcionaria muito bem. Então eu ainda tenho isso. Vocês e eu podemos tipo de escalar dentro e fora, usar minhas teclas de seta para cima e para baixo, usar minhas teclas modificadoras como Comando ou Controle. Se você estiver no Windows e criar esse estilo de forma, eu nem sei como chamá-lo. É um monte de pontos diferentes e nós vamos criar como uma curva suave agradável com isso, basta clicar e segurar, escalar para cima e para baixo e, em seguida, pressionar suas diferentes teclas modificadoras para obter a forma que você quer. Assim que tivermos isso, eu vou deixar pra lá. E criamos esta forma aqui. Isto vai ser o lado de fora do nosso distintivo. Então eu vou mudar isso de Phil para traço apenas clicando nesta seta de ponta dupla para trocar. E então vamos clicar duas vezes sobre isso e transformá-lo em branco, acertar ok. Então agora temos um acidente vascular cerebral branco ao redor do céu. Vamos mudar esse traço para 5 seria bom para documentos desse tamanho. Temos um traço de cinco pontos em torno desta forma e nós não vamos ter esses cantos tão apontando. Eu tenho isto selecionado. Vou ampliar um pouco e vamos mudar para a ferramenta de seleção direta é a seta branca em sua barra de ferramentas. Você sempre pode pressionar a tecla de atalho k. Veja como esses pontos, este é o widget de canto. Se você não os vir, vá para cima para ver, para baixo para mostrar o widget de canto. Tenho que ter certeza que isso é mostrado. Nós vamos clicar e arrastar esses pontos para suavizar essas curvas um pouco, eu acho, bem em suas obras. Então pegue isso e suavize a forma que quiser. 3. Como adicionar texto circular: Certo, em seguida, vamos adicionar um texto. Mas para fazer isso, eu realmente quero digitar em um círculo. Então o que precisamos fazer é encontrar nossa ferramenta de elipse. Ele vai ser de volta com essa ferramenta estrela foi tecla de atalho é l para a ferramenta de elipse, você pode encontrar o ponto central aqui, mas se você perder, tudo bem. À medida que aumentarmos, vai ser meio estranho, certo? Então, precisamos manter a opção ou em um PC para aumentar a escala a partir do centro e também manter o turno. E isso vai mantê-lo como um círculo perfeito do centro, alguns segurando Shift e Option ou Alt se você estiver no PCM segurando esses dois agora e apenas escalando para cima e para baixo. Assim que chegarmos a esse intervalo, é aí que vamos querer digitar nosso texto. Este caminho circular vai ser o tipo na ferramenta caminho para fazer isso da maneira que queremos fazê-lo para criar um nível superior de textos e um nível inferior de textos foram realmente necessidade de dividir o círculo em duas partes. Nós vamos usar a ferramenta tesoura, a tecla de atalho para isso é C. E nós vamos encontrar esses dois pontos de ancoragem no círculo. E nós vamos cortar esses dois pontos de ancoragem nos lados aqui, exatamente assim. Então agora o que você deve ter é uma peça superior e uma parte inferior Command ou Control Z para desfazer quaisquer erros que você comete e depois refazê-los. Então, com esta parte superior selecionada, eu vou pressionar T para minha ferramenta de texto, passando o mouse sobre esse caminho até que eu veja meu cursor mudar para esse tipo de tipo em um cursor de caminho. E quando eu clicar aqui onde diz “cruzar” neste ponto. Muitas dessas linhas cor-de-rosa, palavras cor-de-rosa e outras coisas, eles são chamados de guias inteligentes. Para ativar guias inteligentes, você precisa ir até a Exibição, suspensa, até guias inteligentes, certifique-se de que está marcado com a marca de seleção. Vai ser muito útil para coisas diferentes como essa. Agora temos esse texto em nosso caminho e é horrível, mas vamos mudar isso primeiro. Vou mudar meu texto para branco. Então vamos pegar essa amostra aqui e trocá-la para branca assim. Perfeito. Agora, com a ferramenta de texto selecionada, você deve ser capaz de, ou, na verdade, com este texto selecionado, você deve ser capaz de clicar duas vezes na ferramenta Tipo e ele vai puxar o texto em um caminho opções se você não obter que ou não veja essa cabra para digitar a mesma coisa, digite em um caminho e, em seguida, vá para digitar em um caminho opções. Então essas opções, vamos marcar a caixa de pré-visualização. Primeiro, isso está de cabeça para baixo, então eu quero virar. Legal. Agora, o efeito, quero mantê-lo no arco-íris. Vocês podem brincar com os outros se quiserem uma linha para o caminho, eu gosto de usar o centro porque me ajuda a alinhar o círculo em si muito melhor. Então nós temos isso alinhado no centro exatamente como aquele espaçamento, nós vamos deixar em auto e acertar OK. Agora o que precisamos fazer é digitar algum texto. Vou apenas digitar meu nome em maiúsculas e, em seguida, vou selecionar esse tipo. É realmente uma camada de tipo. Agora, apenas um padrão de arco, forma de arco. Vou trocar minha fonte para trocar gótico. E acredito que vou usar o Trade Gótico condensado, talvez ousado condensado como esse no seu painel de parágrafos. Alinhe o texto ao centro que o recebe digitando a partir do centro. E no topo aqui, eu acho que algo como 34 ou algo por lá para este tamanho é bom. E depois vamos espaçar isto. Certo, então este é o seu rastreamento, que é como o espaço entre todos os seus personagens, deve basear isso um pouco e talvez algo como 300. Então a idéia aqui é que eu vou ter texto em cima e textos em baixo que meio que combinam um pouco. Então vamos fazer a mesma coisa. Vamos pressionar T para a ferramenta de texto. Clique neste ponto de ancoragem aqui em baixo. Vou digitar designer gráfico em todas as maiúsculas, vou pegar esse texto, trocá-lo para branco. Se ainda não for a fonte que você deseja, mude-a de volta para a fonte desejada e o tamanho e o rastreamento manterá 300 por enquanto. Mudaremos isso mais tarde, mas vamos ficar com isso por enquanto. Então lá vamos nós. Temos um texto em cima e em baixo. Você tem que dividir esse círculo para obter o texto indo em direções diferentes. Se você digitou apenas no caminho do círculo, o texto permaneceria o mesmo ao redor. Então, no fundo, suas mensagens estariam de cabeça para baixo. Então você tem que usar esses tipos em um caminho opções nas metades superior e inferior desse círculo. E você será capaz de obter o texto do jeito que quiser. 4. Como adicionar elementos e iniciantes: Agora o que eu vou fazer é apenas adicionar algumas iniciais para o meio e, em seguida, alguns pequenos X aqui nos lados. Para fazer isso, vou voltar para o Type Tool T é o atalho. Basta clicar na minha tela aqui e eu vou digitar S, M, essa é a minha primeira e última iniciais vai destacar que nós vamos mudar para uma cor diferente. Então eu vou apenas clicar duas vezes em um deve amostras aqui. Vou encontrar uma cor amarela dourada brilhante e acertar OK. E com essa cor, se vocês abrirem o painel de amostras, lembrem-se de ir para a janela para baixo para amostras ou qualquer outro painel que você não veja. Eu vou realmente adicionar isso como uma nova amostra e eu vou adicioná-lo como um global. Portanto, certifique-se de que global está marcado e pressione OK. E a razão pela qual eu fiz isso, e eu vou realmente adicionar uma nova pasta aqui. E eu vou apenas selecionar amostras porque eu tenho este selecionado. E vamos fazer cores de crachá como essa. Bata ok. Então esta Nova Pasta levou a Swatch para aqui. Então eu tenho uma nova pasta de minhas amostras diferentes aqui. Principalmente só o ouro é o que nos preocupa. Mas agora eu posso realmente clicar sobre isso para criar outros elementos e preenchê-los com essa cor. Então este S M aqui. Eu vou querer colocar maior. Então eu vou segurar Shift sobre isso e pressionar as teclas de seta para cima e para baixo apenas para fazer isso muito maior, essas letras novamente juntas, talvez como 50 seria uma boa distância. E então, em vez de negrito condensado, eu estou pensando pesado comprimido, se você está procurando uma fonte que é semelhante ao que eu estou usando aqui porque você não pode obter comércio gótico. Vai ser como uma fonte sans serif que é bastante alta, tão condensada, comprimida esse tipo de palavras para essas fontes significa que eles estão comprimindo a largura, os caracteres em que muito mais alto. Então, neste caso, temos pesado comprimido. E uma vez que eu goste disso, vou duplicar esta peça aqui. E eu também vou mudar clique em ambas as peças e mantenha Option ou Alt no PC para duplicar isso aqui fora. Então é aqui que eu vou manter meu texto editável real aqui em cima. Eu provavelmente vou começar a delinear um monte de coisas que eu faço como o espaçamento entre este S e m. Então eu vou delinear estes indo para cima para baixo para criar contornos. Shift Comando ou Controle. O é a tecla de atalho, que é 12x. Lembre-se, uma vez que eu tenha criado esses contornos, eu posso realmente mudar clique do lado de fora do nosso crachá. E eu também tenho isso selecionado, então eu posso clicar no lado de fora de nossos crachás e isso vai destacá-lo. E agora estou alinhando dois objetos chave. O objeto chave é que traço externo e eu estou indo para o centro de alinhamento horizontal e vertical alinhado centro. Isso vai colocar este S M bem no meio deste distintivo. Agora posso fazer a mesma coisa com estes amortecedores. Agora não vou, porque podemos mexer com o texto. Então vou manter isso editável. Vou escalar isso segurando Shift e Option ou Alt para algo que pareça certo, algo bem ali. Agora precisamos daquelas pequenas marcas de x que tínhamos. E então nós vamos apenas usar essa ferramenta de texto. Eu acho que eu poderia realmente digitar um ícone de mais em vez de um ícone X. E vamos destacar isso, transformá-lo para aquela cor dourada. Crie contornos. Não se pode realçar. Temos que ter o texto selecionado, então digite para baixo para criar contornos. E eu vou girar isso, mas eu vou segurar o turno quando eu fizer isso. Então ele vai e 45 graus. E agora eu tenho um pequeno x que eu posso inserir aqui. Então eu vou alinhar isso até isso clicando em ambos, em seguida, clicando no SM, alinhá-lo ao centro vertical, exatamente assim. E depois vamos duplicar isto. Mas primeiro, eu acho que isso provavelmente precisa ser um pouco menor, apenas um pouco dimensionando isso para baixo, segurando Shift e Option ou Alt no PC. E então podemos duplicá-lo segurando Option ou Alt. E então enquanto você está arrastando Shift para mantê-lo na linha, apenas assim. Então eu estou tentando alinhar isso sobre onde as letras iriam bater enquanto eles estão indo ao redor do círculo. Então, enquanto eu estou olhando para isso, eu sinto que este ou este círculo é um pouco deslocado. E, na verdade, a razão é que se você olhar para isso, nós cometemos um pequeno erro e você pode chegar à parte superior deste tipo em um caminho é alinhado para o centro. A parte inferior está alinhada até a parte inferior das letras. Então precisamos pegar essa peça. Clique duas vezes em nossa ferramenta de texto e certifique-se de que foram alinhados para o centro, não para a linha de base e pressione OK. Isso vai ser muito melhor e sentir-se muito mais centrado no nosso distintivo. 5. Como limpar seu design: Agora estamos chegando muito perto de ser feito. Mas os últimos pequenos ajustes aqui é apenas ajustar alguns do tamanho, alguns do espaçamento, alguns do rastreamento de personagens. Então, se você chegou até aqui, isso é incrível. Nós só vamos terminar isso. Estou fazendo alguns ajustes. Então isso é tipo dependente das palavras que você está usando. Se você decidiu usar seu nome, se você decidiu usar o editor de vídeo na parte inferior, isso vai mudar um pouco do espaçamento e das letras, suas duas letras no meio, direito , suas iniciais serão diferente do meu. Então, muito disso depende do que você criou. Então, eis o que vou fazer. Eu acho que este SM é um pouco pequeno, então nós vamos escalar isso, mas é meio que colidir lá dentro. Então eu vou ampliar primeiro, isso é Comando ou Controle Plus. E, em seguida, segurando Shift e opção são todos para aumentar a escala a partir do centro, sempre fazendo isso para que eu não tenha que realinhar este objeto. Eu acho que esses caras são bons, mas eles podem ser capazes de obter apenas um pouco, talvez 123 em que um do que esquerda 123, apenas usando minhas teclas de seta, eu acredito que este texto, este crachá é um pouco maior e talvez do que o último que eu fiz este texto provavelmente deve ser um pouco maior do que 34. Então eu só vou usar minha tecla de seta para cima depois que eu tiver isso realçado no painel Caractere para tentar aumentar um pouco o tamanho desse texto, apenas tentando preencher o espaço. Acho que 36 funciona. Agora uma das coisas que eu estava falando antes, e na verdade eu vou deletar esse texto aqui porque está confuso agora, certo? Mas uma das coisas que eu estava falando antes é o espaçamento que íamos mudar. Então este rastreamento, eu acho que em vez de 300, eu vou trazer isso de volta para 250. Eu vou pegar minha ferramenta de pincel muito rápido só para mostrar a vocês, eu não quero combinar este espaçamento com este espaçamento o melhor que eu puder, não vai ser perfeito. Mas quando você está olhando para isso e você está olhando para isso, eu não quero que eles sejam parecidos para que um lado não se sinta desequilibrado, certo? Então eles sentem o mesmo. Agora, eu estou fazendo isso com o espaçamento entre as letras porque eu gostaria que o tamanho das letras permanecesse o mesmo. Quero que isto e isto sejam consistentes a partir de um tipo ou tamanho de fonte. Mas o espaçamento, eu acho que é onde podemos mexer com isso um pouco e tentar ajustá-lo para que ele se sinta muito mais equilibrado. Acho que estamos muito bem aqui. Eu acho que nós meio que descobrimos isso muito bem. Então agora eu posso realmente mudar, clicar em ambos e salvar isso aqui para o caso de eu precisar mais tarde. E a partir daí, eu realmente vou pegar tudo e subir para digitar criar contornos. Então agora todo o meu tipo está delineado. Vou mudar o clique na parte superior e inferior, comando ou controle G. Você também pode clicar com o botão direito do mouse e agrupar ou desagrupar, mas eu agrupei este texto. Então agora eu vou mudar clique no lado de fora e vamos centralizar isso apenas clicando novamente no lado de fora. Então, estes dois são selecionados, mas este é selecionado como o objeto chave. E, mais uma vez, usando esse painel de alinhamento para empurrar isso um pouco para o centro. A mesma coisa com esses caras, agrupados com comando ou controle G. Então agora eu tenho um grupo com essas duas peças indo para mudar, clique no lado de fora, Clique no lado de fora, e apenas linha que até o centro. E a mesma coisa com esse cara. Apenas certifique-se de que tudo está alinhado para o centro agora que tudo está delineado. 6. Como adicionar versões e cores: Lá vamos nós. Você e eu criamos um logotipo de crachá mínimo. Agora, eu vou arrastar isso aqui e um tempo atrás, nós bloqueamos nosso passado. Vou desbloqueá-lo e mexer um pouco com o fundo. Nós só vamos puxar isso de lado para ele fecha no meio. Agora temos o logotipo do distintivo e vou agrupar tudo isso, certo? Então agora esse cara se move juntos. Vamos pegar o plano de fundo e o logotipo, em seguida, clique no fundo e irá centrá-los apenas assim. Então agora ele está centrado neste lado, vai agarrar tudo novamente. E eu vou manter Option ou all no PC para duplicar e arrastar isso para a esquerda. Então agora temos duas metades aqui. Aqui é onde estamos criando a versão que vai em branco, a propósito. Então, se você não sabia o que estávamos fazendo, é isso que estamos fazendo. Selecione tudo isso novamente, Shift M, Temos a ferramenta construtor de formas. Veja este cara aqui, ferramenta construtor de sombra Shift mais M. Tudo bem, agora eu vou segurar Opção ou Alt para apenas remover esta seção externa clicando nele enquanto eu tenho Opção ou Alt selecionado. Agora tudo o que temos é esse tipo de objeto preto, mas queremos que o plano de fundo se expanda um pouco mais. Vamos fazer isso adicionando um derrame a ele. Está por baixo de tudo. E queremos adicionar o mesmo traçado de cor a este plano de fundo. Então o que eu vou fazer é clicar neste preenchimento e arrastá-lo para o traço. E então vamos precisar subir o curso, segurar Shift e usar as teclas de seta para cima e para baixo apenas para passar por dezenas, exatamente assim. Então você pode tipo de clicar isso para fora para o que eu estou fazendo 40. E, na verdade, o que você pode fazer é ir para o traço e certificar-se que o traçado está apenas alinhando com o lado de fora desse objeto. Agora é na verdade 40 pontos do centro disso. Sei que isso não faz muito sentido, mas vamos arrastar isso de volta. Talvez os 20, uma versão delineada disto no Randy branco de 30 pontos. Há um continuar ajustando que você sabe, lá vamos nós. Então agora temos uma versão que pode ir em branco porque tem essa borda preta. E nós também temos esta versão que vai em preto. E para expandir isso, tudo, você pode clicar e arrastar para selecionar tudo ir até o objeto e expandir a aparência. Vai expandir a aparência primeiro, mas queremos expandir tudo. Então vamos voltar para o objeto e expandir novamente para tipo de ter que fazer como um duplo expandir seu tudo deve bem, não exatamente. Vamos colocar o objeto e expandi-lo. Novamente. Você precisa que este painel apareça provavelmente porque estávamos em um par de grupos diferentes dentro disso, nós tínhamos expandido algumas vezes. Às vezes isso acontece, eu só expando até ver esse pop-up de diálogo. E está me perguntando o que eu quero para expandir o preenchimento e o traço? Claro que acertei bem. Agora tudo é um preenchimento, o que torna muito mais fácil mudar de cores. Então esta peça é toda uma. E o que eu poderia realmente fazer é usar a opção Pathfinder para unir essa peça completamente. Agora, em vez de ter esses traços que criamos também delineados, é na verdade apenas uma forma completa que é sólida. E o que temos aqui é que tudo tem um Preenchimento em vez de ter preenchimentos e traços, o que torna muito mais fácil colorir isso. Então, se você quiser criar uma versão e nós podemos apenas reduzir isso. Se você quiser criar uma versão que seja toda dourada ou toda branca, é muito mais fácil agora selecionar esse objeto, mantenha a tecla shift pressionada para desmarcar o plano de fundo. E então você pode clicar duas vezes em sua amostra ou realmente o que você poderia fazer agora que temos este relógio aqui, basta clicar nesta amostra amarela e vai mudar o preenchimento de tudo. Então você pode realmente criar rapidamente uma versão de uma cor deste emblema assim. Aqui está outra coisa porque nós temos essa amostra de ouro criada que é global também, nós podemos mudar isso. Então, porque eu tenho isso selecionado, eu posso clicar duas vezes sobre ele, clique em visualização. Podemos mudar essa cor para o que quisermos. Queremos mais de um livro de laranja queimado ou salmão é uma leitura. Podemos ajustar isso para o que quisermos que seja. Vai mudar onde quer que tenha usado essa cor. 7. Considerações finais: Então aí está. Espero que não tenha tido muitos problemas. By the way, você pode baixar o arquivo final gravado do Illustrator. Vou guardar isso. Eu vou salvar a versão pré-gravada original que eu criei apenas para tentar descobrir o que eu vou fazer para este tutorial. E eu vou salvar um arquivo inicial do Illustrator, tudo no CC e ES6 que vocês possam começar com o fundo, as cores e as Amostras já inseridas. Apenas tipo de seguir adiante sem ter que pensar em tentar descobrir suas cores. By the way, nós usaríamos, nós usamos comércio Gothic pro como o, como o tipo, como a fonte. Então você pode afundar isso do Adobe Type Kit ou usar seu próprio tipo de mais alto fica lá para até mesmo um serif. Basta descobrir o que você quer criar seu próprio crachá. Marque-me no Instagram, Twitter, Facebook, qualquer coisa em pixel e suporte. Obrigado por assistir. Inscreva-se para obter mais tutoriais ilustradores. Sou Spencer do pixel entre parênteses, e vejo vocês no próximo vídeo. No próximo vídeo, eu continuo dizendo ícone. Quero dizer logo. Criamos um emblema legal, logotipo. Tão bem arrumado. Vou voltar a isto. Muito arrumado lá. Eu acho. Quantas vezes você pode dizer muito legal? Eu não sei. Aqui está outra coisa porque nós temos aquele ouro. Uau, obrigado por assistir, assine para mais tutoriais. E quando sairmos daqui. E imagine se eu não gravei isso.