Share
En este tutorial, aprenderá cómo usar Illustrator para crear un ícono de ticket de vector limpio. Comience por crear las formas vectoriales básicas, luego agregue reflejos de píxeles perfectos, todo el texto necesario, distorsión y efectos grunge para dar interés al resultado final. Comienza a diseñar este icono de boleto vectorial en el salto.
Pulsa Comando + N para crear un nuevo documento. Ingrese 600 en los cuadros de ancho y alto, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla "Alinear nuevos objetos con la cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar. Ahora, active Grid (Ver> Grid) y Snap to Grid (Ver> Snap to Grid).
A continuación, necesitará una cuadrícula cada 5px. Vaya a Edición> Preferencias> Guías> Cuadrícula, ingrese 5 en la casilla de cuadrícula cada casilla y 1 en la casilla Subdivisiones. También puede abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas.
No olvide reemplazar la unidad de medida por píxeles en Editar> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..
Elija la herramienta Rectángulo (M) y cree una forma de 490 por 330 píxeles. The Snap to Grid facilitará tu trabajo. Recuerde mirar en su panel de información la vista previa en vivo con el tamaño y la ubicación de su forma. Una vez creado, llena tu forma con R = 247, G = 240, B = 224. Ahora quita el color del trazo.
Elija la herramienta Elipse (L), cree cuatro círculos perfectos (45 por 45 píxeles) y colóquelos como se muestra en la siguiente imagen. Una vez más, el Snap to Grid facilitará su trabajo.
Continúe con la herramienta Elipse (L), cree dos nuevos círculos (10 por 10 píxeles) y colóquelos como se muestra en la primera imagen. Seleccione ambas formas y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran en la segunda imagen, haga clic en Aceptar, luego aplique Objeto> Expandir apariencia.
Seleccione todas las formas creadas hasta el momento, abra el panel de Pathfinder (Ventana> Pathfinder) y haga clic en el botón de Frente menos. La forma resultante debe verse como la segunda imagen que se muestra. Vaya al panel Capas, haga doble clic en esta forma y asígnele el nombre "Ticket". Le será más fácil encontrarlo más tarde cuando necesite editarlo.
Elija la herramienta Rectángulo (M), cree una forma de 260 por 110 píxeles y colóquela como se muestra en la siguiente imagen. Rellénelo con ninguno, pero agregue un trazo de 3 puntos. Selecciónelo en el panel Apariencia y establezca su color en R = 35, G = 103, B = 164.
Ahora abra el panel Trazo (Ventana> Trazo). Haga clic en el botón "Alinear trazo al interior", luego aplique Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 5px, haga clic en Aceptar y aplique Objeto> Expandir apariencia.
Elija la herramienta Pluma (P) y dibuje dos trayectorias verticales (110px de altura). Colóquelos como se muestra en la primera imagen. Agregue un trazo de 3 puntos para estas rutas y establezca su color en R = 35, G = 103, B = 164. Continúe con la herramienta Pluma (P), cree dos trayectorias horizontales (65 px de largo) y colóquelas como se muestra en la segunda imagen. De nuevo, agregue un trazo de 3 puntos para estas rutas y establezca su color en R = 35, G = 103, B = 164.
Seleccione las rutas creadas en los dos últimos pasos. Primero, vaya a Objeto> Expandir apariencia, luego vaya a Objeto> Expandir (u Objeto> Ruta> Trazar contorno). Seleccione el grupo de formas resultante, haga clic en el botón Unir del panel de Pathfinder, luego aplique Objeto> Ruta compuesta> Crear. Al final deberías tener solo una ruta compuesta azul. Vaya al panel Capas, haga doble clic en esta nueva ruta y llámela "Marco".
Deshabilite la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Vuelva a seleccionar la forma del "Boleto" y muévase al panel Aspecto. Seleccione el relleno existente y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Asegúrese de que la forma del "Boleto" todavía esté seleccionada, céntrese en el panel Apariencia y haga clic en el botón Agregar nuevo relleno. Es el pequeño cuadrado blanco apuntado por la flecha. Obviamente, esto agregará un nuevo relleno para su forma. Selecciónelo en el panel Apariencia y use el degradado lineal que se muestra a continuación. El cero amarillo de la imagen de gradiente representa el porcentaje de opacidad.
Vuelva a seleccionar "Ticket", agregue un nuevo relleno y selecciónelo en el panel Apariencia. Haz que sea negro, baja su opacidad al 3%, cambia el modo de fusión a Multiplicar y ve a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar "Ticket", céntrese en el panel Apariencia y seleccione el trazo. Establezca su color en R = 212, G = 209, B = 179. Ahora hazlo 2 puntos de ancho y alinéalo con el exterior.
Asegúrate de que "Ticket" aún esté seleccionado y enfócate en el panel de Apariencia. Seleccione el trazo y haga clic en Duplicar elemento seleccionado. Es el pequeño icono del archivo señalado por la flecha. Obviamente, esto agregará una copia del trazo seleccionado. Seleccione este nuevo trazo, hágalo de 1 pt de ancho y reemplace el color existente con blanco.
Vuelva a seleccionar "Ticket" y concéntrese en el panel Apariencia. Seleccione el trazo agregado en el paso anterior y haga clic en Duplicar elemento seleccionado. Seleccione el trazo recién agregado, hágalo 3 puntos de ancho y baje su opacidad al 15%.
Vuelva a seleccionar "Ticket" y concéntrese en el panel Apariencia. Seleccione el trazo agregado en el paso anterior y haga clic en Duplicar elemento seleccionado. Seleccione este nuevo trazo y disminuya el tamaño a 1.5 puntos de ancho.
Vuelva a seleccionar "Ticket", céntrese en el panel Apariencia y haga clic en el botón Agregar nuevo relleno. Seleccione este nuevo relleno, arrástrelo a la parte inferior del panel Apariencia, establezca su color en R = 212, G = 209, B = 179. Ahora vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 2px, haga clic en Aceptar, luego vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar "Ticket" y concéntrese en el panel Apariencia. Seleccione el relleno agregado en el paso anterior y haga clic en Duplicar elemento seleccionado. Seleccione el relleno recién agregado, arrástrelo a la parte inferior del panel Apariencia, establezca su color en R = 151, G = 145, B = 70. Ahora abre el efecto Transformar existente. Simplemente, arrastre el control deslizante Mover-Vertical a 3px y haga clic en Aceptar.
Vuelva a seleccionar "Ticket" y concéntrese en el panel Apariencia. Seleccione el relleno agregado en el paso anterior y haga clic en Duplicar elemento seleccionado. Seleccione el relleno recién agregado, arrástrelo a la parte inferior del panel Apariencia, haga que sea negro y abra el efecto Transformar existente.
Arrastre el control deslizante Mover-Vertical a 5px, haga clic en Aceptar, luego abra el efecto Ruta de desplazamiento existente. Reemplace el Desplazamiento 2px con un Desplazamiento 3px y haga clic en Aceptar. Finalmente, asegúrese de que este relleno negro aún esté seleccionado y baje su opacidad al 5%.
Vuelva a seleccionar la forma del "Boleto", asegúrese de que no esté seleccionado ningún relleno o trazo, y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Seleccione la ruta "Frame" y agregue un nuevo relleno. Selecciónelo en el panel Apariencia y establezca su color en R = 79, G = 150, B = 192. Ahora vaya a Efecto> Ruta> Ruta de compensación, ingrese una compensación de -1px y haga clic en Aceptar.
Vuelva a seleccionar la ruta "Marco" y agregue un trazo de 0.5 pts. Alinéelo al interior y establezca su color en R = 16, G = 48, B = 96.
Vuelva a seleccionar la ruta del "Marco", asegúrese de que no esté seleccionado ningún relleno o trazo, y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a habilitar la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). Para el siguiente paso necesitará una cuadrícula cada 2.5px. Entonces, vaya a Editar> Preferencias> Guías> Cuadrícula e ingrese 2.5 en la casilla de cuadrícula de cada cuadro. Elija la herramienta Rectángulo (M) y cree una forma de 5 por 10 px.
Ahora llénalo con R = 16, G = 48, B = 96. Colóquelo como se muestra en la primera imagen. The Snap to Grid debería facilitar su trabajo. Asegúrese de que esta nueva forma aún esté seleccionada y vaya a Objeto> Transformar> Girar.
Introduzca un ángulo de 90 grados y haga clic en el botón Copiar. Esto agregará una nueva forma como se muestra en la segunda imagen. Seleccione ambas formas y haga clic en el botón Unite del panel de Pathfinder.
Centrémonos en la forma creada en el paso anterior. Selecciónalo y muévete al panel de Apariencia. Agregue un nuevo relleno, selecciónelo en el panel Apariencia y configure su color en R = 247, G = 240, B = 224. Ahora vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un -1.75px Offset y haga clic en OK.
Sigue centrándote en la forma de cruz. Selecciónelo, vaya al panel Apariencia y agregue un tercer relleno. Arrástrelo a la parte inferior del panel Apariencia, rellénelo con el degradado lineal que se muestra a continuación y vaya a Efecto> Trayectoria> Desplazamiento de ruta. Ingrese un desplazamiento de 1px y haga clic en Aceptar. Recuerde que el cero amarillo de la imagen de gradiente representa el porcentaje de opacidad.
Elija la herramienta de tipo (T), haga clic en su mesa de trabajo y agregue un texto simple como se muestra a continuación. Establezca su color en R = 16, G = 48, B = 96, y use la fuente MoolBoran con un tamaño de 40 puntos.
Seleccione el texto agregado en el paso anterior, vaya al panel Apariencia y haga clic en el botón Agregar nuevo relleno. Seleccione este nuevo relleno y configure su color en R = 247, G = 240, B = 224.
Ahora vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese una compensación de -1.25px y haga clic en Aceptar. Vuelva a seleccionar este texto, asegúrese de que el relleno nuevo no esté seleccionado y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Elija la herramienta de tipo (T) y agregue un número aleatorio, como se muestra en la siguiente imagen. Use la misma fuente y el mismo color, pero baje el tamaño a 40pt.
Vuelva a seleccionar los números agregados en el paso anterior, vaya al panel Apariencia y haga clic en el botón Agregar nuevo relleno. Seleccione este nuevo relleno, conviértalo en blanco, baje su opacidad al 70% y vaya a Efecto> Ruta> Ruta de compensación.
Ingrese un desplazamiento de -1px y haga clic en Aceptar. Vuelva a seleccionar estas rutas numéricas, asegúrese de que el relleno blanco no esté seleccionado y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Seleccione las rutas de texto, la forma de cruz y el "Marco", luego agrúpelas (Comando + G). Abra el panel Pinceles (Ventana> Pinceles). Abra el menú desplegable de este panel y vaya a Abrir biblioteca de pinceles> Artistic_ChalkCharcoalPencil. Seleccione el pincel "Chalk-Scribble", elija la herramienta Pincel (B) y dibuje tres caminos simples (como se muestra en la segunda imagen). Hazlos negros y agrúpalos (Comando + G).
Seleccione los dos grupos creados en el paso anterior y vaya al panel Transparencia (Ventana> Transparencia). Abra el menú desplegable, haga clic en Crear máscara de opacidad y, a continuación, desactive la casilla Clip. Esto agregará el efecto grunge discreto para su boleto.
Seleccione todas las formas creadas hasta ahora y agrúpelas (Comando + G). Seleccione este nuevo grupo y vaya a Efecto> Deformación> Ojo de pez. Ingrese los datos que se muestran a continuación y haga clic en Aceptar. Puedes probar otros efectos de Warp. La mayoría de ellos funcionará bien para esto..
Vuelva a seleccionar el grupo creado en el paso anterior y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Ahora tu trabajo está hecho. Aquí es cómo debe verse.
Accentsconagua