Peel Back Sticker con Curl de páxina ou Efecto de orella para cans en Illustrator

Crear un efecto de rizo na páxina é unha habilidade útil, especialmente para o deseño gráfico comercial e publicitario. Neste tutorial, aprenderá a crear un adhesivo de casca para atrás cunha curva de páxina ou unha páxina de orella de cans, utilizando Adobe Illustrator CC. Teña en conta que este efecto de curla tamén se pode facer usando CS6 ou outras versións recentes.

O proceso descrito a continuación comezará coa creación dun novo documento e utilizando a ferramenta Rectangle, ferramenta de pluma e Tipo de ferramenta . A continuación, engadiremos cor ás dúas formas e ao texto, escolleremos unha fonte, faremos cambios no tamaño e estilo da fonte e rotaremos o texto. Atoparás que as técnicas utilizadas para facer este gráfico son as que se poden aplicar á elaboración de varios tipos de gráficos.

Para continuar, continúa a través de cada un dos pasos ata chegar ao final e ter un gráfico completo.

01 de 19

Crear un novo documento

Texto e imaxes © Sandra Trainor

Para crear un documento novo en Illustrator, seleccione Ficheiro > Novo . Aquí nomeamos o ficheiro "adhesivo" e fíxolle 6 "x 4". A continuación, fai clic en Aceptar .

02 de 19

Crear unha praza

Texto e imaxes © Sandra Trainor

Desde o panel da Ferramenta, selecciona a ferramenta Rectángulo e, a continuación, fai clic e arrastra para crear un rectángulo grande sobre a maior parte da artería.

03 de 19

Gardar ficheiro

Texto e imaxes © Sandra Trainor

Para gardar o progreso, seleccione Ficheiro > Gardar , e logo faga clic en Gardar . Aparecerá un cadro de diálogo. Para a maioría dos proxectos, pode manter a configuración predeterminada e facer clic en Aceptar .

04 de 19

Engadir cor

Texto e imaxes © Sandra Trainor

Agora faga o rectángulo unha cor. No panel Ferramentas, fai dobre clic na caixa de recheo para abrir o selector de cores. Alí, pode escoller unha cor no campo de cor ou escribir en números para indicar unha cor. Aquí escribimos os campos RGB 255, 255 e 0, o que nos dá un amarelo brillante. A continuación, fai clic en Aceptar .

05 de 19

Eliminar trazo

Texto e imaxes © Sandra Trainor

Aquí é onde pode cambiar a cor do percorrido premendo dúas veces na caixa de Acción no panel de Ferramentas e escollendo unha cor no selector de cores, pero neste caso non queremos un accidente vascular cerebral. Para eliminar o dato predefinido, faga clic no cadro Trazo, despois no botón Ningunha debaixo deste.

06 de 19

Debuxar unha liña

Texto e imaxes © Sandra Trainor

No panel Ferramentas, selecciona a ferramenta Pen . Para facer unha liña onde desexa que o adhesivo se despegue, fai clic enriba do rectángulo e outra cara á dereita.

07 de 19

Dividir o rectángulo

Texto e imaxes © Sandra Trainor

Agora divide o rectángulo para que se faga dúas pezas. Desde o panel Ferramentas, escolla a ferramenta Selección e faga clic na súa liña deseñada para seleccionala, entón mantén premida a tecla shift mentres fas clic no rectángulo.

Isto seleccionará tanto a liña como o rectángulo. A continuación, seleccione Ventá > Pathfinder , faga clic no botón Divídese e , a continuación, no botón Minus Back para eliminar a peza da esquina.

08 de 19

Debuxe o Peel Back

Texto e imaxes © Sandra Trainor

Agora quererás dar unha forma para que a casca volva. Coa ferramenta Pen, fai clic na parte superior do rectángulo onde se dividiu para crear un punto e, a continuación, fai clic e arrástreo a continuación para crear unha liña curva. Manteña premida a tecla de desprazamento ao facer clic no último punto realizado e, despois, prema e arrastre no lado dereito do rectángulo onde se dividiu para crear outra liña curva, como se mostra.

Para completar a súa forma, fai clic no primeiro punto feito.

09 de 19

Engadir cor

Texto e imaxes © Sandra Trainor

Así como engadiu cor ao rectángulo, agora engadirá cor á forma deseñada. Esta vez no selector de cores, introducimos os campos de memoria RGB 225, 225 e 204 para unha cor crema.

Este sería un bo momento para salvar nuevamente o progreso. Pode escoller Ficheiro > Gardar ou usar o atallo de teclado de "Comando + S" nunha Mac ou "Control + S" se usa Windows.

10 de 19

Engade unha sombra

Texto e imaxes © Sandra Trainor

Coa forma deseñada seleccionada, seleccionará Efecto > Estilizar > Drop Shadow . Fai clic para facer un control na caixa ao lado de Vista previa, que permite ver como se verá a sombra antes de comprometelo.

Para recrear o aspecto que creamos, elixe Multiplicar para o modo, o 75% para a opacidade, realice as desviacións X e Y 0,1 pulgadas, faga o desenfocado 0.7, manteña a cor negra por defecto e faga clic en Aceptar .

11 de 19

Ocultar capa

Texto e imaxes © Sandra Trainor

Para abrir o panel Capas, vai a Fiestra > Capas . Fai clic na pequena frecha situada ao lado da capa 1 para revelar os seus subcapas. Tamén fará clic no ícono do ollo ao lado da subcapa para o camiño que desexa ocultar, que é a súa forma de casca deseñada.

12 de 19

Engadir texto

Texto e imaxes © Sandra Trainor

Fai clic na ferramenta Tipo no panel Ferramentas e, a continuación, fai clic no cadro artístico e escribe o teu texto. Aquí usamos "TOMAR UN EXTRA 30% ou 20% ou 15% OFF" usando maiúsculas e minúsculas cando corresponda.

A continuación, premerá a fuga. Por defecto, a cor do texto é negra, que pode cambiar máis tarde.

Para crear outra área de texto, faga clic outra vez na ferramenta Tipo. Nesta ocasión, ingresamos o texto detrás do curl da páxina: tecleamos "PEEL TO" e logo presionamos para volver á seguinte liña e escribiu "REVEAL" e prema en Escape.

13 de 19

Mover e xirar o texto

Texto e imaxes © Sandra Trainor

Coa ferramenta Selección, fai clic e arrastra o texto detrás da páxina curl ("PEEL TO REVEAL" no noso deseño) á esquina superior dereita, onde se cortou o rectángulo.

Faga dobre clic no mango estendido e mova o cursor cara á esquina da caixa límite ata ver unha curva de frecha dobre. A continuación, arrastre para xirar o texto.

14 de 19

Axuste a fonte

Texto e imaxes © Sandra Trainor

Coa ferramenta Texto, fai clic e arrastra sobre o texto para seleccionalo. A continuación, escolla Fiestra > Carácter . No panel Caracter, pode cambiar o tamaño da fonte e da fonte ao que queira, premendo sobre calquera das frechas pequenas para abrir as opcións.

Aquí fixemos a fonte Arial, o estilo Bold e o tamaño 14 pt.

15 de 19

Cambiar a cor da fonte

Texto e imaxes © Sandra Trainor

Co texto aínda seleccionado, fai clic na frecha pequena á beira da cor do recheo na barra de Opcións para abrir cores alternativas e escoller un vermello brillante. Non se pode ver a cor cando o texto está resaltado, entón faga clic fóra do texto para ver como se ve.

16 de 19

Texto central

Texto e imaxes © Sandra Trainor

Para este deseño, queremos centrar o texto. Para centrar o texto, prema e arrastre sobre o texto para volver seleccionalo, seleccione Fiestra > Parágrafo ou faga clic na pestana Parágrafo xunto ao panel Carácter. No panel do parágrafo, faga clic no botón central do aliñamento. Se é necesario, tamén pode usar a ferramenta Selección para reposicionar o texto.

17 de 19

Editar texto

Texto e imaxes © Sandra Trainor

Aquí tes a oportunidade de facer cambios no resto do teu texto.

Para este deseño, usamos a ferramenta Texto para colocar o cursor despois da palabra "EXTRA" e prema regresar. Isto dividiu o texto en dúas liñas distintas. Para facelo tres liñas, colocamos o cursor despois do "30%" e volvemos a premer de novo.

Para cambiar o tipo de letra e o tamaño, resalta todo o texto para seleccionalo e faga as túas seleccións no panel de Caracteres. Aquí cambiamos o tipo de letra a Arial Black e fixemos o principal (espazo entre liñas) 90 pt.

No panel de parágrafo, tamén decidimos facer clic no botón que xustifica todas as liñas e, na barra de opcións, mudamos a cor nun azul brillante.

Despois de facer as túas edicións, podes facer clic fóra do texto para ver como se ve ata agora.

Despois de revisar, decidimos destacar só a liña superior para seleccionala e no panel de caracteres cambiou o seu tamaño a 24 pt. Despois destacamos a segunda liña e cambiamos o tamaño 100%. Para seleccionar o 100%, debes escribir no campo de valor, xa que a opción máis alta visíbel é o 72%. Despois destacamos a última liña e fíxolle un 21%.

18 de 19

Escala de texto

Texto e imaxes © Sandra Trainor

A continuación, escalaremos o texto. Aínda que nos gustaron as proporcións das liñas de texto en relación ao outro, queriamos facer o conxunto un pouco máis grande. Para realizar este cambio, use a ferramenta Selección para facer clic no texto e, a continuación, seleccione Obxecto > Transformar > Escala e, coa opción Uniforme seleccionada, escriba o seu valor: eliximos o 125%, entón fai clic en Aceptar . A continuación, fai clic e arrastra o texto para situalo máis á esquerda.

19 de 19

Fai axustes finais

Texto e imaxes © Sandra Trainor

Agora para os axustes finais. No panel Capas, faga clic na caixa baleira á esquerda do camiño oculto para mostrar o ícono do ollo e facer visible a ruta. Tamén no panel Capas, faga clic e arrastre esta subcapa por riba das outras subcapas, que colocará a forma de casca para atrás fronte ao texto no taboleiro.

Para este deseño, queremos que a liña superior de texto permaneza onde estaba, pero ten a segunda e terceira liñas de texto máis á dereita. Para facer este cambio, seleccione a ferramenta Tipo, coloque o cursor na parte frontal da segunda liña e prema a pestana e faga o mesmo na terceira liña. Se o desexa, tamén pode facer clic e arrastrar sobre unha única liña de texto para seleccionala e axustar a dirección no panel de Caracteres.

Unha vez que lle guste o aspecto de todo, elixe Arquivo > Gardar e está listo. Agora tes un adhesivo de casca para atrás con efecto de curl de páxina listo para o seu uso.