Criar um efeito de ondulação de página é uma habilidade útil, particularmente para design gráfico relacionado a marketing e publicidade. Neste tutorial, você aprenderá a criar um adesivo de peel back com uma page curl ou page-dog-eared, usando o Adobe Illustrator CC. Observe que esse efeito de curvatura da página também pode ser feito usando o CS6 ou outras versões recentes.
O processo descrito abaixo começará com a criação de um novo documento e usando a ferramenta Retângulo, a ferramenta Caneta e a ferramenta Tipo. Em seguida, adicionaremos cor às formas e ao texto, escolheremos uma fonte, faremos alterações no tamanho e no estilo da fonte e na rotação do texto. Você verá que as técnicas usadas para criar esse gráfico são aquelas que podem ser aplicadas à criação de vários tipos de gráficos.
Para acompanhar, continue em cada uma das etapas até chegar ao final e ter um gráfico completo.
01 de 19Crie um novo documento
Para criar um novo documento no Illustrator, escolha Arquivo > Novo. Aqui nós nomeamos o arquivo "adesivo" e fizemos 6 "x 4." Então clique Está bem.
Crie um quadrado
No painel 'Ferramenta', escolha a ferramenta 'Retângulo' e clique e arraste para criar um retângulo grande sobre a maior parte da prancheta.
03 de 19Salvar Arquivo
Para salvar seu progresso, escolha Arquivo > Salve , então clique Salve . Uma caixa de diálogo aparecerá. Para a maioria dos projetos, você pode manter as configurações padrão e clicar em Está bem.
04 de 19Adicionar cor
Agora faça o retângulo uma cor. No painel Ferramentas, clique duas vezes na caixa Preenchimento para abrir o Seletor de cores. Lá, você pode escolher uma cor no campo de cores ou digitar números para indicar uma cor. Aqui nós digitamos os campos RGB 255, 255 e 0, o que nos dá um amarelo brilhante. Então clique Está bem.
05 de 19Remova o traço
Aqui é onde você pode alterar a cor do traço clicando duas vezes na caixa Traçado no painel Ferramentas e escolhendo uma cor no Seletor de cores, mas, nesse caso, não queremos um traçado. Para remover o dado por padrão, clique na caixa Stroke, depois no Nenhum botão apenas sob isso.
06 de 19Desenhe uma linha
No painel Ferramentas, selecione a ferramenta Caneta. Para criar uma linha onde você deseja que o adesivo seja destacado, clique acima do retângulo e novamente à direita dele.
07 de 19Divida o retângulo
Agora divida o retângulo de forma que ele se torne dois pedaços. No painel Ferramentas, escolha a ferramenta Seleção e clique na linha desenhada para selecioná-la e mantenha pressionada a tecla Shift enquanto clica no retângulo.
Isso selecionará a linha e o retângulo. Próxima escolha Janela > Pathfinder, Clique no Dividir botão, em seguida, no Menos Voltar botão para remover a peça de canto.
08 de 19Desenhe a casca de volta
Agora você vai querer desenhar uma forma para a casca de volta. Com a ferramenta Caneta, clique na parte superior do retângulo onde ela foi dividida para criar um ponto, depois clique e arraste abaixo para criar uma linha curva. Mantenha pressionada a tecla Shift enquanto clica no último ponto criado, depois clique e arraste no lado direito do retângulo onde ele foi dividido para criar outra linha curva, como mostrado.
Para completar sua forma, clique no primeiro ponto feito.
09 de 19Adicionar cor
Assim como você adicionou cor ao retângulo, agora você adicionará cor à sua forma desenhada. Desta vez no Color Picker, digitamos os campos de cores RGB 225, 225 e 204 para uma cor creme.
Este seria um bom momento para salvar novamente seu progresso. Você pode escolher Arquivo > Salve ou use o atalho de teclado "Command + S" em um Mac ou "Control + S" se estiver usando o Windows.
10 de 19Adicione uma sombra
Com a forma desenhada selecionada, você escolherá Efeito > Estilizar > Sombra. Clique para colocar uma marca na caixa ao lado de Visualizar, que permite ver como a sombra será exibida antes de se comprometer com ela.
Para recriar a aparência que criamos, escolha Multiply for the Mode, 75% para a Opacity, faça as compensações X e Y em 0,1 polegadas, faça o Blur 0.7, mantenha a cor padrão em preto e clique em Está bem.
11 de 19Ocultar camada
Para abrir o painel Camadas, vá para Janela > Camadas. Clique na pequena seta ao lado da Camada 1 para revelar suas subcamadas. Você também clicará no ícone do olho ao lado da subcamada para o caminho que deseja ocultar, que é a sua forma de contorno.
12 de 19Adicione texto
Clique na ferramenta Tipo no painel Ferramentas, depois clique na prancheta e digite seu texto. Aqui usamos "TOME UM EXTRA 30% ou 20% ou 15% OFF" usando maiúsculas e minúsculas, se for o caso.
Você vai então pressionar escape. Por padrão, a cor do texto é preta, o que você pode alterar mais tarde.
Para criar outra área de texto, clique na ferramenta Tipo novamente. Desta vez, inserimos o texto por trás do curl da página: digitamos "PEEL TO", em seguida, pressionamos return para ir para a próxima linha e digitamos "REVEAL", em seguida, pressione escape.
13 de 19Mover e girar texto
Com a ferramenta Seleção, clique e arraste o texto por trás da ondulação da página ("PEEL TO REVEAL" em nosso desenho) para a parte superior direita, onde o retângulo foi cortado.
Clique duas vezes na alça estendida e mova o cursor em direção a um canto da caixa delimitadora até ver uma curva de seta dupla. Em seguida, arraste para girar o texto.
14 de 19Ajustar a fonte
Com a ferramenta Texto, clique e arraste o texto para selecioná-lo. Então escolha Janela > Personagem. No painel Caractere, você pode alterar o tamanho da fonte e da fonte para o que quiser clicando em qualquer uma das pequenas setas para exibir suas opções.
Aqui fizemos a fonte Arial, o estilo Bold e o tamanho 14 pt.
15 de 19Alterar cor da fonte
Com o texto ainda selecionado, clique na pequena seta ao lado da cor Preenchimento na barra Opções para exibir cores alternativas e escolha um vermelho brilhante. A cor não pode ser vista quando o texto está destacado, portanto, clique fora do texto para ver como fica.
16 de 19Texto central
Para esse design, queríamos que o texto fosse centrado. Para centralizar o seu texto, clique e arraste sobre o texto para selecioná-lo novamente, escolha Janela > Parágrafoou clique no Parágrafo guia ao lado do painel Caractere. No painel Parágrafo, clique no botão alinhar centro. Se necessário, você também pode usar a ferramenta Seleção para reposicionar o texto.
17 de 19Editar texto
Aqui está a sua oportunidade de fazer alterações no resto do seu texto.
Para este design, usamos a ferramenta Texto para posicionar o cursor após a palavra "EXTRA" e pressionamos o retorno. Isso dividiu o texto em duas linhas separadas. Para fazer três linhas, colocamos o cursor após o "30%" e pressionamos o retorno novamente.
Para alterar a fonte e o tamanho, destaque todo o texto para selecioná-lo e faça suas seleções no painel Caractere. Aqui nós mudamos a fonte para Arial Black e fazemos o primeiro (espaço entre linhas) 90 pt.
No painel Parágrafo, também escolhemos clicar no botão que justifica todas as linhas e, na Barra de opções, alteramos a cor para um azul brilhante.
Depois de fazer as edições, você pode clicar fora do texto para ver como ele está até agora.
Após revisão, decidimos destacar apenas a linha superior para selecioná-la e, no painel Caractere, alteramos seu tamanho para 24 pt. Em seguida, destacamos a segunda linha e alteramos seu tamanho em 100%. Para selecionar 100%, você deve digitar no campo de valor, já que a opção visível mais alta é de 72%. Em seguida, destacamos a última linha e aumentamos 21%.
18 de 19Texto de escala
Em seguida, você dimensionará o texto. Embora gostássemos das proporções das linhas de texto em relação umas às outras, queríamos tornar o todo um pouco maior. Para realizar essa alteração, use a ferramenta Seleção para clicar no texto e escolha Objeto > Transformar > Escala, e com a opção Uniforme selecionada, digite seu valor - escolhemos 125% - e clique em Está bem. Em seguida, clique e arraste o texto para posicioná-lo mais à esquerda.
19 de 19Faça ajustes finais
Agora, para ajustes finais. No painel Camadas, clique na caixa vazia à esquerda do caminho oculto para revelar o ícone de olho e tornar o caminho visível. Além disso, no painel Camadas, clique e arraste essa subcamada acima das outras subcamadas, o que colocará a casca de volta na frente do texto na prancheta.
Para esse design, queríamos que a linha superior do texto permanecesse onde estava, mas tivéssemos as segundas e terceiras linhas de texto mais à direita. Para fazer essa alteração, selecione a ferramenta 'Tipo', posicione o cursor na frente da segunda linha e pressione tab e faça o mesmo na terceira linha. Se desejar, você também pode clicar e arrastar uma única linha de texto para selecioná-la e ajustar a entrelinha no painel Caractere.
Depois de gostar de como tudo parece, escolha Arquivo > Salve e pronto! Agora você tem um adesivo com efeito de ondulação de página pronto para uso.
