Crie maquetes de logotipo fascinantes no Inkscape

1. Apresentação: Se você quiser aprender a usar o Inkscape para destacar seus designs de logotipo E esta é a aula para você. Começaremos criando um logotipo, que envolverá muita manipulação de formas e textos Depois disso, aprenderemos duas maneiras de criar maquetes para nosso logotipo, que possamos deixá-lo muito bonito e exibi-lo para clientes em potencial Se você tem pelo menos um conhecimento básico do Inkscape e deseja levar suas habilidades de design para o próximo nível Então eu te dou as boas-vindas à aula. 2. PROJETO DO CURSO : Para seu projeto de aula, gostaria que você criasse seu próprio logotipo de selo usando os métodos que aprendemos durante a aula e, para criar pelo menos uma maquete para seu logotipo, para suas imagens de maquete, você pode usar uma ou ambas as imagens que eu uso, que fornecerei como recursos para download ou E quando você terminar seu projeto, não se esqueça de enviá-lo porque eu adoraria ver seu trabalho incrível. 3. Crie um logotipo para vedação: Para começar, tenho um novo documento padrão do Inkscape aberto usando o tamanho A4 padrão Estou usando o Inkscape versão 1.3. Mas se você estiver usando uma versão diferente, não se preocupe, pois você ainda pode acompanhar a aula. Não precisaremos da página para a aula. Então, podemos pintar aqui para que comece a criar um logotipo agora. Vamos para a ferramenta de estrelas e polígonos Nas configurações aqui em cima, queremos estar no modo estrela, digamos, cantos de algo bem alto, como 50. E, por enquanto, deixaremos as outras configurações nos padrões Sempre pode clicar e arrastar na tela para criar uma estrela grande com muitos cantos. A cor não importa no momento, então vou deixar a minha para ler. No entanto, vamos alterar a opacidade aqui para algo como 50% Assim, poderemos ver tudo melhor à medida que criarmos o logotipo. Não queremos que os lados da estrela sejam tão longos. Então, vamos pegar a alça interna aqui e arrastá-la em direção à alça externa. Ele pode manter pressionada a tecla Control ou Command no Mac para evitar que os lados se inclinem Podemos manter a curva afiada ou podemos subir até aqui e aumentar a configuração arredondada para arredondar os cantos. Em seguida, criaremos alguns círculos centralizados na estrela Para fazer isso facilmente, vamos primeiro ativar o recurso de captura aqui Vamos clicar no botão de seta ao lado, vá para o Modo Avançado. E aqui embaixo de outros pontos, vamos habilitar o encaixe nos centros de rotação de objetos Agora podemos fechar esse backup. Vamos para a ferramenta de círculos e elipses. Com a opção de encaixar nos centros de rotação do objeto ativada, podemos passar o mouse perto do centro da estrela, mas não diretamente no x. E devemos ver um pop-up que diz manejar para o centro de rotação do objeto Depois, podemos clicar e arrastar. E se mantivermos pressionado o controle mudarmos e criarmos um círculo , ele estará centrado na estrela Um estalo está atrapalhando. Então, vamos criar o círculo. Então, vamos desligar as fotos. Agora podemos ir para a ferramenta Selecionar, segurar Control e Shift e ampliar o círculo para aproximadamente aqui. Em seguida, duplique o círculo clicando com o botão direito do mouse e escolhendo Vamos reduzir isso enquanto pressionamos Control e Shift e para um pouco menor que o outro. Vamos duplicar esse círculo ou Control and Shift e reduzi-lo até esse ponto Essa é meio difícil de ver , então vou mudar a cor. Ok, em seguida, queremos cortar o círculo maior da estrela e cortar o círculo menor, editar o segundo maior. Para fazer isso, vamos ampliar um pouco. Vamos clicar no círculo maior para selecioná-lo. Em seguida, mantenha pressionada a tecla Shift e clique na estrela para selecioná-la também. Vamos seguir o caminho. Diferença. Sempre pode pegar o menor círculo, segurar a tecla Shift e selecionar o outro círculo. E, novamente, vamos abordar a diferença de caminhos. Tudo bem, a próxima coisa que faremos é colocar alguns textos que se curvam na parte interna da parte circular Colocaremos alguns textos na parte superior e na parte inferior. Então, primeiro vamos criar um objeto de texto acessando a ferramenta Texto e clicando em algum lugar na tela. Vamos digitar o título da empresa para a qual eles estavam criando um logotipo. Estou procurando o logotipo de uma agência de viagens. Então, vou digitar algo como viagem de aventura e letras maiúsculas. Para a fonte. Eu vou usar uma fonte serifada, como Buy Tongue. Outra coisa que queremos fazer aqui é alterar o alinhamento do texto para centralizado Isso facilitará muito as coisas quando centralizarmos o texto dentro do logotipo posteriormente. Tudo bem, agora podemos acessar a ferramenta Selecionar e podemos ampliar o objeto de texto ou manter pressionada a tecla de controle para manter a proporção Isso deve ser grande o suficiente. Tudo bem, agora vamos criar o outro objeto de texto duplicando este e trazendo-o até Vamos usar a ferramenta de texto para transformar o texto em um slogan para a empresa Eu vou para algo extravagante, como viver de graça. Vamos voltar para a ferramenta Selecionar. Vamos reduzir isso um pouco. Em seguida, para colocar os objetos de texto dentro dessa parte circular do logotipo, primeiro será necessário criar outro círculo aqui. Então, vamos ativar o Snapping. Então vamos para a ferramenta de círculos e elipses. Vá para o centro do logotipo aqui. Vamos segurar Control e Shift e criar um círculo. Isso é bom o suficiente por enquanto. Vamos desligar as fotos. Em seguida, vamos para a ferramenta Selecionar. E com o círculo ainda está selecionado com tanta força quanto **** e é como um dos principais objetos de texto E para envolver o texto ao redor do círculo, podemos ir até o menu de texto e escolher colocar no caminho. No momento, podemos desmarcar tudo e selecionar apenas o círculo Em seguida, podemos girar o círculo enquanto pressionamos a tecla Control para ajustar o ângulo até que o texto esteja centralizado na Então, podemos alterar o tamanho do círculo. Bem, como você controla e desloca até que o texto esteja centralizado na parte circular do logotipo Ok, agora uma coisa que talvez queiramos fazer é adicionar algum espaçamento extra entre as letras no texto Para fazer isso, podemos selecionar os objetos de texto, acessar a ferramenta de texto, subir aqui e soltar a caixa de espaçamento Agora podemos adicionar algum espaçamento entre as letras usando esta caixa Isso deve funcionar. Mas agora há muito espaço entre as abelhas e as letras ao lado delas. Para corrigir isso, posso clicar entre um dos Vs e uma das letras ao lado dele. Em seguida, ajuste o espaçamento entre as duas letras usando a caixa de ajuste horizontal aqui Eu farei o mesmo entre o v e o e aqui. E vou repetir isso para o outro V. Os textos definitivamente precisariam de mais alguns ajustes, mas como na verdade não pretendo vender esse logotipo, não é um grande problema. Ok, em seguida, envolveremos o outro objeto de texto na parte inferior do mesmo círculo. Mas, no momento, se você acessar a ferramenta Selecionar e redimensionar esse círculo, isso também afetará o posicionamento dos textos superiores Para impedir que isso aconteça, pressione o objeto de texto e vá para Path, Object Path Agora estamos livres para ajustar o tamanho do círculo. Agora é possível selecionar o círculo e os outros objetos de texto. Vamos enviar uma mensagem de texto, colocar um caminho. Se girarmos o círculo agora até o texto ficar centralizado na parte inferior Podemos ver que o texto está de cabeça para baixo. Você corrige isso com o círculo selecionado. Podemos clicar nesse botão aqui para virar o círculo verticalmente Então, podemos girar o círculo novamente até os textos na parte inferior Mas vamos colocar o texto no interior do círculo. Então, precisaremos ampliar um pouco mais o círculo. Definitivamente, precisamos adicionar algum espaçamento entre as letras No entanto, se tentarmos selecionar o objeto de texto, não conseguiremos porque o círculo está, na verdade, no topo do texto. Então, com o círculo selecionado, vamos clicar no botão de seleção inferior que deseja subir aqui. Agora podemos selecionar esse objeto de texto. Em seguida, podemos acessar a ferramenta Texto e adicionar algum espaçamento entre as letras Finalmente, queremos excluir esse círculo. Mas primeiro precisamos transformar o objeto do texto em um caminho, como fizemos com o outro, indo para caminho, objeto a caminho. Agora podemos excluir esse círculo. Em seguida, recortaremos todos os textos e adicionaremos o logotipo. Para fazer isso, vamos primeiro selecionar os dois blocos de texto. Para usar uma versão mais antiga do Inkscape. Você também precisa desagrupar os blocos de texto acessando Desagrupar objetos Mas o Inkscape 1.3 cuida dessa etapa automaticamente, sempre pode transformar os caminhos em um único caminho indo para a união de caminhos Agora podemos cortar o caminho do texto do caminho circular aqui selecionando os dois indo para a diferença de caminho. Ok, e para preencher um pouco do espaço vazio entre os textos de cada lado aqui, podemos cortar algum tipo de forma da área. Eu vou com uma estrela. Então, primeiro vou às lojas e à ferramenta Polygon, e quero uma estrela normal de cinco cantos desta Então, vou clicar no botão aqui à direita para redefinir tudo para as configurações padrão. Agora vou criar uma estrela aqui. Em seguida, vou para a ferramenta Selecionar e centralizo a estrela aqui. Para espelhar a estrela para o outro lado, vou ativar as fotos O encaixe nos centros de rotação de objetos ainda está ativado. Posso clicar na estrela para mostrar seu centro de rotação, que é essa pequena cruz aqui. E vou arrastá-lo em um piscar de olhos até o centro do logotipo. Em seguida, duplicarei essa estrela e clicarei neste botão aqui em cima, que a vira horizontalmente ao longo Agora vou desligar o snapping back. Então eu vou pegar as duas estrelas, transformá-las em um único caminho indo para Path Union. Em seguida, pressiono a tecla Shift, seleciono o teclado abaixo dela e vou para a diferença de caminho. Tudo bem, a parte principal do logotipo está finalizada. Agora podemos trabalhar no preenchimento do espaço vazio no centro. Para a minha, vou criar algumas ondas aqui com uma pequena ilha algumas palmeiras. Primeiro, para ver as ondas, vou até a ferramenta de caneta e clico dentro do bloco aqui. Como posso mostrar para manter a linha horizontal. Clique aqui e clique com o botão direito para finalizar o caminho. Para tornar esse caminho ondulado, vou até a Ferramenta Node e seleciono os dois nós do Em seguida, adicionarei mais alguns nós clicando no botão inserir novos nós aqui três vezes. Agora vou selecionar o segundo nó aqui. Em seguida, pressiono a tecla Shift e seleciono todos os nós pares. Então, pulando todas as coisas estranhas. Agora vou segurar Control e arrastar os segundos nós um pouco para cima. Em seguida, selecionarei todos os nós e clicarei neste botão aqui para transformá-los em nós lisos, o que dá uma aparência ondulada ao caminho Em seguida, vou para a ferramenta Selecionar e quero aumentar a largura do traçado nesse caminho. Então, abra o diálogo de preenchimento e traçado. Vá para a guia de estilo de traçado, aumente a largura aqui. Agora vou duplicar esse caminho. Mantenha o controle e traga-o até aqui. Vou fazer isso mais algumas vezes. Eu quero que esses caminhos tenham o mesmo espaçamento entre eles. Então, vou selecionar todos eles. Em seguida, abrirei a caixa de diálogo de alinhar e distribuir. Clique neste botão que diz distribuir verticalmente com espaços verticais uniformes Também quero que eles estejam centralizados verticalmente no logotipo. Então, segure a tecla Shift e selecione um dos blocos de logotipo principais com o último selecionado, escolhido como âncora Como o centro no eixo vertical poderia se encaixar? Em seguida, para criar a ilha, vou até a ferramenta de círculos e elipses e criarei uma elipse Quero centralizar isso verticalmente no logotipo. Então, vou até a ferramenta Selecionar, segurar a tecla Shift e selecionar um dos caminhos do logotipo, clicar no botão central do eixo vertical e alinhar o diálogo de distribuição Também quero cortar a parte inferior da elipse, onde ela fica abaixo do caminho de peso superior Para fazer isso, vou duplicar o caminho da onda superior Hold Shift, selecionar a elipse e ir para a Isso usa o caminho da onda para cortar a elipse. Agora posso selecionar apenas a parte inferior da elipse e excluí-la Agora quero transformar o caminho da ilha e todos os caminhos das ondas em um único caminho. Mas como os caminhos das ondas são apenas traços, a operação Union PAT não funcionará corretamente neles Nossa primeira necessidade é transformar os traços em caminhos. Fazer isso, como um psicopata, percorrer todos os caminhos e seguir caminho a caminho, traçar a caminho Agora posso segurar a tecla Shift e selecionar o caminho da ilha. Em seguida, transforme tudo isso em um único caminho acessando a união de caminhos. Agora eu só preciso criar algumas palmeiras. Para isso, vou até a ferramenta Caneta, clique aqui dentro da ilha. Em seguida, clico e arrasto para aparecer para criar um caminho curvo. Eu quero criar um canto afiado aqui. Então, sem soltar o botão do mouse, eu mantenho pressionado, mudo com a alça aqui Eu solto o mouse, depois clico aqui e clico e arrasta até aqui. Mantenha a tecla Shift pressionada para criar um canto afiado e clique no primeiro ponto para fechar o caminho. Vou desligar o traçado desse caminho segurando a tecla Shift e clicando no X vermelho aqui embaixo. Por enquanto, vou dar um preenchimento preto. Então, vou até a ferramenta de círculos e elipses e criarei uma elipse na parte superior do tronco Vou aumentar a opacidade em até 100%. Agora eu uso a ferramenta caneta para criar algumas folhas. Vou desligar o traço de todas as folhas. Deixe-os pretos por enquanto e ajuste um pouco o posicionamento. Tudo bem, agora vou selecionar todas as três partes. Agora, transforme-os em um único caminho indo até a união do caminho para outra árvore. Vou duplicar este. Vire-o horizontalmente, mova-o para cá e ajuste um pouco o tamanho e a rotação E tudo bem se isso se estender para a outra parte do logotipo. Para um toque final, vou até a ferramenta de círculos e elipses segure Control e crie um círculo aqui em cima para esse sol. Certo? Agora eu quero transformar todas as partes do logotipo em um único caminho. Mas antes de fazer isso, preciso remover as partes das ondas que cobrem as áreas vazias das almofadas maiores Para fazer isso, vou até a Ferramenta Pen, criarei um caminho por aqui, trarei até aqui e o fecharei. Agora vamos selecionar esse novo caminho e o caminho com as ondas indo para a diferença de caminho. Eu também gostaria de fazer isso para a árvore se alguma parte dela estivesse sobreposta às letras Agora eu posso selecionar tudo e ir para Path union. Ok, o logotipo está finalizado, então podemos aumentar essa opacidade até o fim Em seguida, trabalharemos nas maquetes. 4. Mockup 1: Patch em tecido: Para começar a criar uma maquete, primeiro precisamos importar uma imagem à qual queremos adicionar nosso logotipo dois Então, vamos até o menu Arquivo e escolher importar. Ok, então temos duas imagens aqui. Um de tecido azul e outro de lã. Vamos criar maquetes ou ambas as imagens. Vamos começar com um tecido clicando duas vezes na imagem do tecido Podemos simplesmente clicar em OK aqui. Como vamos usar o logotipo várias vezes, vamos duplicá-lo primeiro Agora podemos centralizá-la na imagem pressionando Shift e selecionando a imagem e, em seguida, usando o diálogo alinhar e distribuir para alinhá-las vertical e horizontalmente Em seguida, podemos selecionar apenas o logotipo, segurar Shift e Control e reduzi-lo um pouco Tudo bem, então nesta imagem, a luz parece estar vindo do canto superior direito. Então, o que podemos fazer primeiro é fazer com que o logotipo tenha um gradiente que comece um tom mais claro no canto superior direito vá para um tom mais escuro Primeiro, vamos mudar a cor do logotipo para a cor que queremos usar. Acho que Deus ficaria bem nesse tecido azul. Então, usarei a caixa de diálogo de preenchimento e traçado para definir a cor de preenchimento como uma cor de peixinho dourado Posso pegar o logotipo, um gradiente linear com este botão Vamos pegar a ferramenta de gradiente A primavera, o primeiro passo aqui no canto inferior esquerdo. Os outros no canto superior direito. Pois a cor dessa parada elevou totalmente o canal alfa e tornou a cor um pouco mais brilhante. Para a outra parada, vamos torná-la um pouco mais escura. Ok. Então, se quiséssemos fazer com que o logotipo parecesse um adesivo ou algo no tecido, adicione uma sombra projetada no canto inferior esquerdo ou o logotipo no tecido. E precisaremos adicionar um destaque no canto superior direito do logotipo. Podemos realizar as duas coisas usando o filtro drop-shadow Para acessar o filtro, subimos até o menu do filtro duas sombras em brilho e escolhemos sombra projetada, que abre a caixa de diálogo de sombra projetada Esse diálogo. Podemos fazer coisas como definir a quantidade de desfoque que a sombra projetada tem, ajustar os deslocamentos da sombra e definir o tipo de sombra Na guia de cor mais azul, podemos definir a cor que queremos usar para a sombra Acho que começar com o destaque oferece melhores opções para a cor. Queremos que seja em brancos. E uma opacidade de cerca de 75% deve ser boa. Você também deseja que a opção usar cores de objetos aqui seja desmarcada Agora vamos voltar para a guia Opções. Primeiro, para o tipo de sombra, as duas opções que nos preocupam principalmente, ou externa e interna, externa, faremos com ou externa e interna, externa, que a sombra apareça na parte externa dos objetos selecionados e entre. Faremos com que apareça por dentro. Queremos que o destaque apareça na parte interna do logotipo. Então, vamos com o interior. Em seguida, para os deslocamentos, um número horizontal positivo, colocaremos a sombra ou o destaque no lado esquerdo do objeto e um número negativo, vamos colocá-lo no lado direito Como a luz vem da melhor tarifa, queremos que o destaque apareça à direita do logotipo. Então, vamos com um número negativo. Podemos ajustar o valor posteriormente. Para o deslocamento vertical, um número positivo, vamos colocá-lo na parte superior e um número negativo, vamos colocá-lo na parte inferior Queremos o destaque no canto superior direito. Portanto, usaremos um número positivo e um raio de desfoque de cerca de 0,5 deve ser bom no momento Agora podemos conferir a prévia ao vivo aqui para ver como fica o destaque. Como podemos ver, ele aparece no canto superior direito de cada parte do logotipo. No entanto, os deslocamentos são um pouco altos demais, então podemos diminuir um pouco os valores Finalmente, podemos usar o raio de desfoque para ver o quão embaçado ou nítido ele Tudo bem, quando tivermos algo de que gostamos, você pode aplicar o filtro clicando no botão Aplicar aqui embaixo Agora podemos trabalhar na sombra. Vamos primeiro ir para a guia de cores mais azuis e mudar a cor para preto movendo o controle deslizante de luminosidade totalmente para a esquerda Vamos voltar para a guia Opções da sombra, queremos que ela apareça na parte externa do logotipo. Então, vamos mudar o tipo para externo. E quando usamos outer, os deslocamentos, temos os efeitos opostos aos de Enter Agora, um deslocamento horizontal negativo, colocaremos a sombra à esquerda, e um deslocamento vertical positivo, colocaremos na parte inferior É isso que queremos para que possamos liderar os valores sozinhos no momento. Vamos conferir a prévia ao vivo. Nós olhamos muito de perto. Podemos ver a sombra no canto inferior esquerdo, mas ela está um pouco sutil Assim, você pode aumentar os valores de deslocamento. Incrível. Deixe-o um pouco mais embaçado Tudo bem, o que terminamos, podemos aplicar o filtro Podemos fechar isso , esse diálogo. Isso já parece muito bom. Antes do toque final, podemos obter o logotipo com a mesma textura do tecido. Então, vamos selecionar o logotipo e a imagem e duplicá-los. Em seguida, vamos usar o logotipo para clicar imagem clicando com o botão direito do mouse e escolhendo o clipe psicológico. Para recuperar a cor, podemos ir até a parte inferior da caixa de diálogo de preenchimento e traçado e alterar o modo de mesclagem aqui para sobrepor Isso torna a cor um pouco escura demais , porém, para iluminá-la, você pode usar o filtro de contraste de luminosidade acessando filtros de cor, brilho Com esse filtro, podemos ajustar a luminosidade e o contraste dos objetos selecionados Valores de zero significam nenhum ajuste. Como podemos ver, se verificarmos a visualização ao vivo para iluminar o objeto, basta aumentar o valor da luminosidade. Também podemos ajustar um pouco o contraste, se quisermos. Gostamos do que vemos, clique em rosa no botão Aplicar e feche o diálogo quando a textura está muito forte. Podemos diminuir sua opacidade. Tudo bem, e isso deve bastar para nossa primeira maquete de logotipo. 5. Mockup 2: gravação de madeira: Para a próxima maquete, abra a caixa de diálogo de importação novamente. Isso é importante. Uma imagem de madeira. Podemos duplicar o logotipo centralizado na imagem e redimensionar o logotipo Desta vez, faremos com que o logotipo pareça estar gravado na imagem em vez de em cima dela, como na maquete anterior A luz e a imagem parecem estar vindo diretamente da frente da madeira. Portanto, tudo o que precisamos fazer para que o logotipo apareça em graus é adicionar uma sombra interna na parte superior do logotipo e um destaque externo na parte inferior. Também não precisamos nos preocupar com a cor no momento, pois vamos fazer com que pareça uma versão mais escura da imagem Tudo bem, então, para as sombras e destaques, vamos garantir que tenhamos apenas o logotipo selecionado Em seguida, vamos abrir a caixa de diálogo do filtro de sombra suspensa acessando filtros, sombras e brilhos Vamos começar com a sombra. Primeiro. Vamos até a guia de cores de desfoque, verifique se a cor está em preto E vamos voltar para a guia Opções. O tipo que queremos escolher Enter para que apareça na parte superior do logotipo, precisamos que o deslocamento vertical tenha um número positivo E não precisamos de um deslocamento horizontal, então podemos definir o valor como zero Agora podemos verificar a pré-visualização e fazer os ajustes, se necessário Quando estiver bom, podemos clicar em aplicar para realçar primeiro mudar a cor para branco. Acho que volte para a guia Opções e altere o tipo dois externo. Agora podemos verificar a pré-visualização e fazer ajustes. Também podemos voltar para a guia de cores mais azul e ajustar a opacidade, se quisermos Ok, terminamos com as sombras e os destaques. Então, vamos clicar em Aplicar e fechar isso. Em seguida, estamos trabalhando para adicionar a textura da madeira ao logotipo. Basicamente, queremos que o logotipo pareça um tom mais escuro da imagem E uma maneira fácil de fazer isso é obter um preenchimento cinza escuro maior que 50% e alterar esse modo de mesclagem para sobreposição No entanto, parecerá mais realista se diminuirmos um pouco a textura do logotipo Para fazer isso primeiro, deixe o logotipo 50% cinza. Com o modo de mesclagem de sobreposição, 50% de cinza fica invisível Alice duplique o logotipo e a imagem. Em seguida, seleciono apenas a imagem e a movo um pouco para baixo. Vou pressionar a tecla de seta para baixo cerca de três vezes. Ellis segure a tecla Shift e selecione o logotipo. Em seguida, clique com o botão direito do mouse e escolha Psych Clip. Faça com que fique mais escuro. Você pode usar o filtro de contraste de luminosidade acessando filtros: cor, brilho, contraste Vai conferir a prévia ao vivo. Desta vez, queremos usar um valor negativo para luminosidade. Seremos como o que vemos, podemos clicar em Aplicar e fechar isso. Agora só precisamos diminuir esse único passo que traz de volta as sombras E isso deve nos levar ao final desta aula. Eu realmente espero que você tenha gostado. Se você tiver alguma dúvida sobre coisa, por favor me avise. Muito obrigado por se juntar a mim.