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

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

Também pode experimentar o Studio - a nossa ferramenta de design online gratuita. Escolha entre mais de 1000 modelos e crie rapidamente o seu próprio design em minutos.

Transcrição:

Olá, o meu nome é Hayden Aube e sou designer gráfico e ilustrador. E hoje vou mostrar-lhe como criar o seu próprio autocolante no Adobe Illustrator e imprimi-lo com a Sticker Mule. No final, verá como fica quando é impresso e enviado. Vamos lá começar.

Vamos criar um autocolante para uma empresa imaginária chamada Journey Pizza. Vou começar por fazer uma série de círculos utilizando a ferramenta Ellipse. Aqui está o primeiro, e depois vou duplicar um segundo e colocá-lo atrás do primeiro. E depois vou fazer um terceiro atrás desse. A seguir, vou pegar nos círculos vermelho e amarelo e usar a ferramenta Divide na janela Pathfinder. Isto vai dividir as duas formas no que está a ver aqui. Agora vou criar outro círculo um pouco mais pequeno do que o anterior, e este vai ser o caminho (path) onde vou escrever o meu texto. Por isso vou usar a ferramenta “Type on a Path”. E, como já referi, a empresa chama-se Journey Pizza. Por isso, vou escrever este nome e depois vou usar a ferramenta Selecção para arrastar o texto exatamente para onde o quero no caminho. Depois, vou encolher um pouco o texto e torná-lo branco. E agora que o texto tem o aspeto que pretendo, vou criar contornos a partir dele para facilitar a impressão.

A seguir, vou utilizar as opções de Forma Dinâmica com esta Elipse para arrastar estes widgets para o tipo exato de forma de tarte que pretendo.

Agora quero colocar um círculo de cada lado dos círculos maiores. E vou fazer isso criando um onde quero e usando a ferramenta Mirror Tool para o refletir exatamente no outro lado.

O plano é ter um mastro de bandeira a sair deste círculo interior, por isso vou começar por usar a ferramenta caneta (Pen) para criar o mastro da bandeira. Depois de criar o caminho que quero, vou aplicar-lhe um traço e depois usar as opções de Pincel (Stroke) para o colocar com a largura desejada.

Como quero que este mastro pareça estar a sair do círculo, vou utilizar a ferramenta Largura do caminho (Path Width) para aumentar a parte superior do traçado e diminuir a parte inferior. Isto dar-lhe-á uma sensação de profundidade. E vou mudar rapidamente a posição do caminho. E agora vou duplicar um destes círculos para criar uma pequena bola no topo do mastro.

E agora que este mastro está com o aspeto que eu gostaria, vou a Object, Path, Outline Stroke. E isto vai transformá-lo numa forma, o que facilitará a aplicação de gradientes mais tarde.

Então agora o que eu quero fazer é criar um formato de bandeira que se pareça com uma fatia de pizza. Por isso, vou desenhá-la com a Pen Tool e depois vou a Effect, Warp e Wave. A partir daqui, vou brincar com estas opções até obter a forma de bandeira curvada que procuro.

Agora, vou movê-la para trás do mastro e vou continuar a movê-la e a ajustá-la até ficar exatamente como gostaria. Vou deslocá-la um pouco, mover a bandeira para cima e mudá-la para branco. E agora vou pegar nestes pontos individuais e movê-los. Como esta ainda é uma forma viva, posso fazer isto e o efeito ajustar-se-á em conformidade.

Quando tudo estiver como eu quero, posso ir a Object, Expand Appearance. Isto converterá a forma ativa em caminhos reais, o que, mais uma vez, é muito útil quando se trata de imprimir.

Como disse, quero que esta bandeira se pareça com uma fatia de pizza, por isso vou criar um monte de pequenos pepperonis. Criei este símbolo aqui e vou utilizar a ferramenta Symbol Sprayer Tool para os colocar em locais diferentes.

Agora vou utilizar a ferramenta Symbol Sizer Tool para criar variações entre estas fatias de pepperoni. Por isso, vou tornar algumas mais pequenas, outras maiores e outras vou manter iguais. A seguir, para alterar a posição destes pepperonis, vou utilizar a ferramenta Symbol Shifter para os deslocar em diferentes direções.

E, por fim, vou utilizar a ferramenta Symbol Spinner, que me vai permitir rodar estas formas para que correspondam à onda da bandeira.

A última coisa que quero fazer com esta bandeira é cortar um pequeno pedaço do mastro. Para isso, vou criar outra forma circular e depois vou alterá-la com a Ferramenta de Selecção Direta para criar uma forma que posso agora subtrair ao mastro. E depois vou voltar a colocar a bola no topo e já está.

Agora, com todas as formas feitas, quero aplicar alguns gradientes para realmente refinar este design.

Por isso, vou criar um gradiente para este círculo vermelho de fundo que vai do vermelho ao laranja. Vou configurar as duas paragens diferentes na janela de gradiente e depois vou utilizar a Ferramenta Gradiente para o colocar na direção que pretendo - vermelho na parte inferior e laranja na parte superior. Agora, para o anel amarelo, quero passar de laranja para amarelo. Por isso, mais uma vez, na janela Gradiente, vou configurar o gradiente tal como pretendo, de amarelo para laranja claro.

E depois, mais uma vez, vou utilizar a ferramenta Gradiente para o colocar na direção que pretendo. E depois posso reposicioná-lo aqui para que fique como eu quero. A seguir, vou fazer estas duas bolinhas, e vou usar o conta-gotas para a cor de fundo e depois aplicar o gradiente na direção das duas ao mesmo tempo. Agora, para o mastro, vou utilizar um azul escuro e um azul mais claro.

Por isso, vou estar a criar tal como tenho feito normalmente. Ops, cor errada. Pronto. E depois, mais uma vez, vou colocá-la na direção que quero com a Ferramenta Gradiente. Para a bola no topo do mastro, vou usar o conta-gotas do gradiente do mastro, mas vou transformá-lo num gradiente radial e depois trocar as cores. Desta forma, posso fazer com que pareça realmente uma esfera. E vou apenas fazer um ajuste rápido no mastro.

E agora vou fazer esta forma de cunha aqui. Vou copiar o gradiente radial e reposicioná-lo para que fique exatamente alinhado com a cunha. A partir daqui, posso continuar a ajustar o próprio gradiente para o alinhar exatamente como quero.

Para adicionar uma camada final de profundidade, vou criar algumas sombras projetadas. Para isso, vou criar uma forma que é uma combinação da bandeira e do mastro - para que fique com este aspeto. E agora vou posicioná-la um pouco mais abaixo da bandeira e depois colocá-la atrás. Já está.

Agora, a partir daqui, quero cortá-la para que fique apenas dentro do círculo vermelho. Para isso, vou duplicar o círculo, colocá-lo por cima e utilizar Intersect na janela Pathfinder.

Agora, esta nova forma é onde vamos criar o nosso gradiente para a sombra projetada. Por isso, vou voltar a colocá-la atrás da bandeira e vou criar um gradiente que é apenas este vermelho escuro em ambas as extremidades do gradiente. Mas uma delas vai ter uma opacidade de 100%, enquanto a outra é zero. E depois, tal como fizemos com os outros gradientes, vou arrastá-lo com a Ferramenta Gradiente para que fique exatamente como quero. Agora acho que está um pouco forte, por isso vou reduzir a opacidade para cerca de 25%. Parece-me bem.

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

Finalmente, quero adicionar uma sombra dentro deste círculo vermelho para que pareça que o aro amarelo está a vir para a frente. Por isso, vou subtrair um destes círculos a outro, apenas para obter esta forma fina, como podem ver. Depois, vou usar o conta-gotas na sombra que criei antes e arrastá-la para fora como quiser. Do outro lado. Já está.

Agora que já criámos o nosso autocolante, está na altura de o imprimir. E para isso, vamos utilizar o pacote de amostras personalizadas da Sticker Mule. Isso significa que temos 10 autocolantes por 8 € e envio grátis.

No site da Sticker Mule, vamos para Obter amostras. Agora, na página de amostras, pode escolher entre todos os tipos de produtos da Sticker Mule diferentes, incluindo um simples pacote de vários produtos diferentes. Mas vamos usar as amostras de autocolantes personalizados, aqui.

Assim, a partir desta página, vamos clicar em Encomendar 10 autocolantes por 8 €. E depois, aqui, vamos carregar a nossa arte. Se tiver alguma instrução específica, pode colocá-la aqui. Caso contrário, clique em Continuar.

Agora só precisamos de fazer o check-out. E, tal como em qualquer processo de check-out, terá de introduzir o seu nome, o seu e-mail, bem como o seu cartão de crédito e informações de envio. Em seguida, carregue em “Fazer encomenda”. E agora só precisamos de esperar pela prova.

Agora que a prova chegou, basta clicar aqui. E, nesta altura, pode ver que adicionaram uma bonita moldura branca ao design e, se quiser fazer alguma alteração, posso escrevê-la aqui. Mas acho que está com bom aspeto, por isso vou cancelar, aprovar e finalmente iniciar a produção. E agora os meus autocolantes estão a ser feitos.

Vamos ver como ficaram. Vou abrir a embalagem e vamos ver o que está lá dentro. Temos os autocolantes, e também alguns autocolantes da Sticker Mule. E também um pequeno cartão que me diz quem imprimiu, o que é muito giro. Mas vamos lá ver esta pilha de 10 aqui e ver como é que eles são.

Sim, posso dizer que ficaram muito bem, iguais ao design, o que é muito bom. Também estou particularmente satisfeito com o aspeto da margem branca. E aqui está. Aqui estão os autocolantes depois de serem impressos.

Espero que, com este vídeo, tenham aprendido não só a fazer um autocolante que fique bem no ecrã, mas também que fique igualmente bem quando o imprimirem. Adeus!