Em primeiro lugar, esclareça que este tutorial Foi feito com Adobe Illustrator CS5 (em inglês), portanto, as imagens passo a passo mostram a interface dessa versão. Mesmo assim, você pode experimentá-lo em qualquer versão que tiver, levando em consideração que provavelmente custará um pouco mais para seguir o tutorial.
Este efeito pode ser útil ao realizar um design informal em que o estilo cômico acompanha o que você deseja comunicar. Aqui, apresentamos um tutorial passo a passo para que você possa obter um efeito de texto em quadrinhos com o Adobe Illustrator.
Efeito de texto em quadrinhos
Abrimos o Adobe Illustrator e vamos para crie um novo documento (Mac: Cmd + N Windows: Ctrl + N). Podemos nomeá-lo como quisermos e escolher o tamanho do arquivo. No meu caso escolhi 570 x 300 px, o formato que usamos no Creativos Online para fazer upload das imagens.
É muito importante que, na parte inferior da caixa de diálogo (Avançado), certifique-se de ter marcado como Modo de Cor o RGB, Efeitos raster em Tela (72 ppi) y Modo de visualização padrão. Depois de ter as opções escolhidas, clique em OK.
JUSTIFICATIVA
Vamos criar o fundo colorido que nosso texto usará. Selecionamos a ferramenta retângulo (Rectangle Tool, tecla M) e clicamos em qualquer lugar em nosso documento. A seguir se abrirá uma pequena janela que nos permitirá inserir as medidas do retângulo: você deverá colocar as medidas do seu documento. No meu caso, 570 x 300 px. Clique em OK e o retângulo que acabamos de criar aparecerá na tela.
Agora teremos que colocá-lo bem. Para fazer isso, selecionaremos a seta preta na barra de ferramentas, (Ferramenta de Seleção, Tecla V). Com ela clicaremos na borda do retângulo e, SEM LIBERAR, arrastaremos a borda até que coincida com as bordas do documento.
FUNDO DE COLORIR
O fundo já está feito, mas por padrão o veremos branco com uma borda preta. É hora de mudar isso! Com a seta preta selecionada como ferramenta (Selection Tool, tecla V), clicamos no retângulo. Vamos para as duas caixas coloridas na parte inferior da barra de ferramentas: a da frente corresponde ao cor de preenchimento da nossa figura e, o que está atrás, refere-se ao TRAZO. Por padrão, teremos o preenchimento da cor branca e a cor da borda preta. Clicamos na caixa de preenchimento e no selecionador de cores (Seletor de cores). Agora, você pode selecionar a cor desejada para o fundo. No meu caso era um azul. Depois de escolhido, clique em OK e você terá seu retângulo colorido.
Agora vamos tire a vantagem. Clique na caixa na extremidade de nossa barra de ferramentas. Agora, logo abaixo desse quadrado, há um pequeno quadrado branco com uma diagonal vermelha. A gente clica nele ... E pronto! Este quadrado diz ao Illustrator que queremos o traço sem cor. Se quiséssemos que o preenchimento do retângulo também ficasse sem cor, teríamos que selecionar a caixa correspondente e clicar novamente na caixa vazia.
DEGRADADO
A próxima etapa é fazer um gradiente circular em nosso plano de fundo. Para fazer isso, temos que ir para a janela de Aparência (se você não vê-la do lado direito da tela, como mostro na imagem, vá para o menu superior da janela do Illustrator e vá para Janela> Aparência) Aqui, por padrão, veremos a opção Fill com a cor que colocamos no retângulo e a opção Stroke (stroke ou contorno), que estará com a opção Empty. Uma última opção é Opacity (opacidade). Na parte inferior dessa janela, existem dois pequenos quadrados. Um com uma borda preta bem larga e outro com uma borda fina. Nós selecionamos o melhor, para criar um novo preenchimento (preenchimento). Agora, no quadrado colorido do novo preenchimento que criamos, clicamos. Uma seta aparecerá no seu lado direito e iremos selecionar, entre todas as amostras de cores que aparecem, aquela que corresponde ao gradiente circular preto.
Agora abrimos uma nova seção clicando na seta do lado esquerdo de Preencher e clicando na palavra Opacidade, para alterar a forma como nossa camada de preenchimento será aplicada. Uma vez lá, selecionamos a opção Sobreposição (Sobreposição).
CÍRCULO
Vamos criar um círculo branco no centro do nosso documento. Para fazer isso, selecionamos a ferramenta Ferramenta Elipse, que ficará "dentro" da Ferramenta Retângulo. Para poder escolher temos que fazer um clique longo, sem soltar, à espera que as opções apareçam. Assim que eles aparecem, SEM LIBERTAR, movemos nosso cursor sobre a ferramenta Elipse e o soltamos.
Criamos uma circunferência perfeita (para isso, clicamos e arrastamos enquanto pressionamos a tecla Shift no teclado). O normal é que a circunferência saia com os mesmos parâmetros do gradiente anterior que fizemos, então teremos que modificar o valor do preenchimento.
Agora vamos centralizá-lo. Vamos para Janela> Alinhar e, COM O CÍRCULO SELECIONADO, clique nas opções apresentadas nas imagens.
TEXTO
Selecionamos a ferramenta Texto (Ferramenta de Tipo, tecla T) e digitamos o texto que queremos. No nosso caso, escolhemos a fonte BadaBoom BB, que você pode baixar do DaFont.
Agora vamos virar um pouco. Clique com o botão direito no texto> Transformar> tosquiar. Introduzimos o valor -8º em Vertical e clique em OK.
Centramos o texto da mesma forma que centralizamos anteriormente o círculo branco.
ADICIONANDO O ESTILO
Com o texto selecionado, vamos para a opção objeto no menu superior e selecione Expandir e, na janela exibida, OK. Então faça clique direito sobre o texto e selecione desagrupar (Desagrupar).
Vamos voltar para Painel de aparência. Selecione o preenchimento preto e clique no ícone 'fx' para eleger Caminho> Caminho Deslocado. Digite, em deslocamento, 8px. Em Juntas, Rodada. E no limite de Mitre, 4.
Agora clique no ícone 'fx' novamente e escolha Distor e Transformar> Transformar e digite:
Em escala: horizontal> 100% vertical> 100%
Em movimento: horizontal> 7px vertical> 12px
Agora vamos adicione outro recheio. Toque no ícone quadrado na borda fina e selecione uma cor clara. Por exemplo, branco.
Nós adicionamos outro recheio. No nosso caso, de laranja. Vamos adicionar um efeito de transformação a ele. Clique no ícone novamente 'fx' e escolha Distor & Transform> Transform e digite:
Em movimento: horizontal> 2px vertical> 2px
Vamos colocar o contorno preto nele. Nós selecionamos o cor preta no traço e damos 3px. Esperto! Agora, para salvar o arquivo> salvar. Para salvá-lo em .jpg, arquivo> exportar (e aí você seleciona o formato)