Como fazer o design de stickers (tutorial em vídeo)

O designer Hayden Aube mostra suas técnicas favoritas para criar um adesivo personalizado no Adobe Illustrator.

Você pode experimentar o Studio – nossa ferramenta de design online gratuita. Escolha dentre 1000+ modelos e crie rapidamente seu próprio design em minutos.

Transcrição:

Olá, meu nome é Hayden Aube e eu sou designer e ilustrador gráfico. E hoje, quero mostrar para você como criar seu próprio adesivo com o Adobe Illustrator e o imprimir com a Sticker Mule. No fim, você verá como fica após ser impresso e enviado. Vamos lá.

Então, vamos criar um adesivo para uma empresa imaginária chamada Journey Pizza. Vou começar fazendo uma série de círculos usando a ferramenta Elipse. Aqui está o primeiro e a seguir vou duplicar um segundo e colocar atrás do primeiro. E depois faço um terceiro atrás daquele. Depois, vou pegar os círculos vermelho e amarelo e usar a ferramenta Divide na janela Pathfinder. Isto dividirá as duas formas naquilo que você vê aqui.

Agora, vou criar um outro círculo um pouco menor do que o último, e este será o caminho (path) no qual digito meu texto. Então vou usar a ferramenta Digitar em um caminho. E, como já mencionei, a empresa se chama Journey Pizza. Então é isso que vou digitar e a seguir vou usar a ferramenta de Seleção para arrastar o texto exatamente para onde quero no caminho. A seguir, vou encolher o texto um pouco e pôr uma cor branca. E agora que o texto já está ficando do jeito que quero, vou criar contornos com ele, para que fique mais fácil a impressão.

A seguir, vou usar as opções de forma ativa (Live Shape) com a ferramenta Elipse para arrastar estes widgets e lhes dar o formato do tipo exato de torta que eu quero.

Agora, vou colocar um círculo de cada lado dos círculos maiores. Para fazer isto, vou simplesmente criar um bem onde eu quero, aqui, e a seguir usar a ferramenta Refletir (Mirror Tool) para refletir o círculo para o outro lado.

O plano é ter um mastro com bandeira saindo deste círculo interno, então vou começar usando a caneta (Pen) para criar o mastro da bandeira. Após ter criado o caminho que eu quero, vou aplicar uma pincelada a ele e usar as opções de Pincel (Stroke) para deixar com a largura desejada.

Dado que eu quero que o mastro pareça estar saindo do círculo, vou usar a ferramenta de largura do caminho (Path Width Tool) para aumentar o topo do caminho e deixar o fundo menor. Isto cria uma sensação de profundidade. E vou mudar um pouco a posição dele. E agora vou só duplicar um destes círculos para criar uma pequena bola no topo do mastro.

Agora que o mastro está do jeito que eu quero, vou para Objeto, Caminho e Outline Stroke. E isto vai transformá-lo em uma forma, o que tornará mais fácil de aplicar gradientes a ele mais tarde.

Agora o que eu quero fazer é criar um formato que parece uma fatia de pizza. Vou fazer esse desenho com a caneta e a seguir ir para Efeito, Warp e Onda. A partir daqui, vou brincar com estas opções até obter um formato de bandeira com curvas, que é o que eu quero.

Agora, vou além do poste e continuo a mover a bandeira e ajustar até ficar exatamente do jeito que eu quero. Empurro ela aqui um pouco, movo a bandeira para cima e mudo para branco. E agora vou pegar estes pontos individuais e mexer um pouco com eles. Dado que a forma ainda está ativa, posso fazer isto e o efeito vai se ajustando.

Quando está tudo do jeito que eu quero, posso ir para Objeto e Expandir aparência. Isto converte a forma ao vivo em caminhos reais, o que será muito útil na hora da impressão.

Agora, como eu já disse, quero que a bandeira pareça um pedaço de pizza, então vou criar um monte de pequenos pepperoni. Criei este símbolo aqui e vou usar a ferramenta Pulverizar Símbolos para colocá-los em lugares diferentes.

Agora, vou usar o dimensionador de símbolos para criar variação entre as fatias de pepperoni. Vou deixar algumas menores, outras maiores e outras deixo do mesmo tamanho. Em seguida, vou mudar a posição de alguns dos pepperoni usando o deslocador de símbolos para jogá-los em direções diferentes.

E, finalmente, vou usar a opção de girar símbolos, que vai me deixar girar essas formas até combinarem com a ondulação da bandeira.

A última coisa que quero fazer com esta bandeira é cortar um pedacinho do mastro. Para fazer isso, vou criar outra forma circular e alterá-la com a ferramenta de seleção direta, criando uma forma que agora posso subtrair do poste. E a seguir vou puxar a bola de volta para o topo e pronto.

Agora, com todas as formas prontas, quero aplicar alguns gradientes para realmente refinar o design.

Então, o que vou fazer é criar um gradiente para este círculo vermelho de fundo que vai de um vermelho a laranja. Vou definir dois limites diferentes na janela de gradiente e a seguir usar a ferramenta Gradiente para direcionar do jeito que quero — isto é, vermelho no fundo e laranja no topo. Agora, para o anel amarelo, quero passar de laranja a amarelo. Então, uma vez mais na janela Gradiente, vou configurar o gradiente do jeito que eu quero — este amarelo até este laranja claro.

Uma vez mais, vou usar o Gradiente para direcionar conforme eu quero. E depois posso reposicionar aqui para ficar do jeito que eu quero. Depois, vou fazer essas duas bolinhas e vou pegar com um conta-gotas a cor do fundo e aplicar o gradiente na direção das duas, ao mesmo tempo. E quanto ao poste, vou usar um azul escuro e um azul mais claro.

Vou continuar criando como antes. Ops, cor errada. Pronto. E uma vez mais, vou direcionar para o lado que eu quero com o Gradiente. Para a bola no topo do mastro, vou usar o conta-gotas com o gradiente do mastro, mas vou transformá-lo em um gradiente radial e a seguir mudar as cores. Desta forma, faço ele parecer uma esfera. E vou fazer um ajuste rápido ao mastro.

E agora vou fazer essa forma de cunha aqui. Para isso, vou copiar o gradiente radial e reposicioná-lo para ele ficar alinhado exatamente com a cunha. A partir daqui, posso continuar ajustando o gradiente até ele se alinhar do jeito que eu quero.

Para dar uma camada final de profundidade, vou criar uma sombra projetada. Para isso, vou criar uma forma que é uma combinação da bandeira e do mastro — tipo isso. E agora vou posicioná-la um pouco abaixo da bandeira e a seguir mandar para trás. Ótimo.

Nesse momento, quero recortar a fim de que ela só fique dentro do círculo vermelho. Para fazer isso, vou duplicar o círculo, colocá-lo por cima e a seguir usar a ferramenta Intersecção na janela Pathfinder.

Essa nova forma é onde vamos criar o gradiente para a sombra projetada. Então vou colocá-la atrás da bandeira e a seguir vou criar um gradiente, que é só esse vermelho escuro, em cada lado do gradiente. Mas um deles vai ter 100% de opacidade, enquanto que o outro tem zero. E a seguir, assim como fizemos com os outros gradientes, vou arrastar com a ferramenta Gradiente a fim de que ele fique exatamente como quero. Acho que ficou um pouco forte demais, vou reduzir a opacidade para cerca de 25%. Assim fica bom.

Vou voltar ali rapidamente e ajustar o gradiente para reduzi-lo um pouco mais. Perfeito.

Por último, quero acrescentar uma sombra projetada dentro deste círculo vermelho, a fim de parecer que aquela orla amarela está indo para a frente. Para isso, vou subtrair um dos círculos do outro, só para fazer essa forma fina aqui, como você pode ver. A seguir, vou usar o conta-gotas com a sombra projetada que criei antes e arrastar do jeito que eu quero. Do outro lado. Pronto.

Agora que preparamos nosso adesivo, é hora de imprimir. Para isso, vamos usar o pacote de amostras grátis da Sticker Mule. package. Recebemos 10 adesivos por US$ 9, com frete grátis.

No site da Sticker Mule, vamos para Obter Amostras. Na página de amostras, você pode escolher entre os produtos da Sticker Mule, incluindo um simples pacote de vários produtos diferentes. Nesse caso, vamos usar as amostras de adesivos personalizados, aqui.

A partir desta página, vamos clicar em "Pedir 10 adesivos por US$ 9". A seguir, vamos fazer upload da nossa arte. Se você tiver instruções específicas, é só digitar aqui. Caso contrário, clique em Continuar.

Agora é só finalizar a compra. Como com qualquer compra, você precisa inserir seu nome, e-mail e dados de pagamento e frete. A seguir, clique em "Fazer Pedido". E agora é só esperar a prova.

Agora que a prova chegou, é só clicar aqui. Nessa altura, você pode ver que foi adicionada uma borda branca ao design e, se houver alguma alteração que eu quiser, posso digitar aqui. Mas acho que está tudo em ordem, então vou cancelar, aprovar e finalmente iniciar a produção. E agora meus adesivos estão sendo feitos.

Agora vamos ver como ficaram. Vou abrir o pacote e vamos conferir o que está dentro. Aqui estão os adesivos e também alguns adesivos da Sticker Mule. Além desse cartãozinho, que me diz quem imprimiu, bem legal. Mas vamos conferir a pilha de 10 aqui e ver como ficaram.

É, ficaram bem bons mesmo, bem como no design. Ótimo. Fiquei especialmente satisfeito com o jeito como a borda branca ficou. E é isso aí. Aí estão os adesivos após serem impressos.

Bem, espero que nesse vídeo você tenha aprendido não só como fazer um adesivo que não só é bom na tela, mas também fica bem após ser impresso. Até mais!