Spanish (Español) translation by Steem (you can also view the original English article)
En los siguientes pasos aprenderás cómo convertir una simple ilustración de un cartel colgante en Adobe Illustrator. Para empezar sólo necesitarás un simple rectángulo. Aprovechando al máximo el panel Apariencia, añadiremos colores, reflejos y algún sombreado sencillo para este rectángulo. Una vez que tengas tu pieza principal crearemos el resto de las formas utilizando herramientas y efectos básicos junto con algunas técnicas simples de construcción de formas vectoriales.
1. Crea un nuevo documento
Pulsa Comando + N para crear un nuevo documento. Introduce 600 en las casillas de anchura y altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla "Alinear nuevos objetos con cuadrícula de píxeles" esté desmarcada antes de hacer clic en Aceptar.
Activa la cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar, necesitarás una cuadrícula cada 5px. Simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También deberías abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.
2. Crea el marco del cartel
Paso 1
Con la herramienta Rectángulo (M), crea una forma de 400 por 250px y rellénala con el degradado lineal que se muestra a continuación. Asegúrate de que este nuevo rectángulo permanece seleccionado y abre el panel Apariencia (Ventana > Apariencia). Selecciona el relleno existente en el panel Apariencia y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar. Ve al panel Capas, haz doble clic en la forma hecha en este paso y nómbrala "principal".
Paso 2
Asegúrate de que el modo de la forma del paso anterior sigue seleccionado, céntrate en el panel Apariencia y añade un trazo de 3 puntos. Selecciónalo, establece el color en R=200, G=200, B=200, alinéalo al interior y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -16px, haz clic en Aceptar y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 8px, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
3. Perfecciona la pantalla a través del panel apariencia
Paso 1
Asegúrate de que "principal" sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno (señalado por la flecha azul en la siguiente imagen). Selecciona este nuevo relleno, arrástralo a la parte superior del panel Apariencia, añade el degradado lineal que se muestra a continuación y ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de -19px, haz clic en Aceptar y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px y haz clic en OK.
Paso 2
Asegúrate de que "principal" sigue seleccionada, enfócate en el panel Apariencia, selecciona el relleno añadido en el paso anterior y pulsa el botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece su color en R=29, G=67, B=122 y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -20px, haz clic en Aceptar y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en Aceptar y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 3
Asegúrate de que "principal" sigue seleccionada, enfócate en el panel Apariencia, selecciona el relleno añadido en el paso anterior y pulsa el botón "Duplicar seleccionado" (señalado por la flecha azul en la siguiente imagen). Obviamente, esto añadirá una copia del relleno seleccionado. Selecciónala, elimina el efecto Resplandor interior existente y sustituye el color plano por el degradado radial que se muestra a continuación. El cero amarillo de la imagen del degradado representa el porcentaje de Opacidad.
Paso 4
Asegúrate de que "principal" sigue seleccionada, enfócate en el panel Apariencia, selecciona el relleno añadido en el paso anterior y pulsa el botón "Duplicar seleccionado". Selecciona este relleno recién creado y sustituye el degradado radial por un negro plano. Además, baja su Opacidad al 5%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Grano de película. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 5
Asegúrate de que "principal" sigue seleccionada, céntrate en el panel Apariencia y añade tres nuevos trazos utilizando el botón Añadir nuevo trazo (señalado por la flecha azul en la siguiente imagen). Arrastra estos nuevos trazos a la parte superior del panel Apariencia y establece su color en R=209, G=211, B=212. Selecciona el de abajo, baja su Opacidad al 25%, establece el grosor en 5pt y alinéalo al interior. Sube al siguiente trazo, baja su Opacidad al 25%, establece el grosor del trazo en 3pt y alinéalo al interior. Finalmente, selecciona el trazo superior, baja su Opacidad al 75%, establece el grosor del trazo en 1pt y alinéalo al interior.
Paso 6
Vuelve a seleccionar tu forma "principal", céntrate en el panel Apariencia, asegúrate de que no hay ningún relleno o trazo seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 10px, haz clic en OK y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la primera ventana, haz clic en Aceptar y luego añade los otros dos efectos de Sombra paralela que se muestran en la siguiente imagen.
4. Crea la cuerda para colgar tu cartel
Paso 1
Con la herramienta Rectángulo (M), crea una forma de 200 por 90px y colócala como se muestra en la primera imagen. Establece el color de relleno en ninguno, pero añade un peso de trazo de 3pt y establece su color en R=147, G=149, B=152. Asegúrate de que este nuevo rectángulo permanece seleccionado y ve a Objeto > Trazado > Añadir puntos de anclaje. Cambia a la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en los dos puntos de anclaje resaltados en la segunda imagen para eliminarlos. Al final tu forma debería ser como en la tercera imagen. Asegúrate de que está seleccionada y ve a Objeto > Trazado > Contornear trazado. Envía la forma resultante al fondo (MAYÚS + CTRL + [ ).
Paso 2
Selecciona la forma hecha en el paso anterior, enfócate en el panel Apariencia y añade un segundo relleno usando el botón Añadir nuevo relleno. Selecciona este nuevo relleno y utiliza el degradado lineal que se muestra en la primera imagen. Recuerda que el cero amarillo de la imagen del degradado representa el porcentaje de Opacidad. Sigue concentrándote en esta forma, vuelve al panel Apariencia y añade un tercer relleno utilizando el mismo botón Añadir nuevo relleno. Selecciona este nuevo relleno y utiliza el degradado radial que se muestra en la segunda imagen.
Paso 3
Vuelve a seleccionar la forma editada en el paso anterior, céntrate en el panel Apariencia y añade un nuevo relleno. Selecciónalo, establece el color en blanco, baja su Opacidad al 25% y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Vuelve al panel Apariencia, asegúrate de que no hay ningún relleno o trazo seleccionado y añade los dos efectos de Sombra paralela que se muestran en la siguiente imagen.
Paso 4
Para el siguiente paso necesitarás una cuadrícula cada 1px. Por lo tanto, ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Cuadrícula cada. Usando la herramienta Rectángulo (M), crea una forma de 4 por 10px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la siguiente imagen.
Paso 5
Asegúrate de que la forma hecha en el paso anterior permanece seleccionada y enfócate en el panel Apariencia. Primero, añade dos trazos utilizando el botón Añadir nuevo trazo. Selecciona el inferior, establece el color en blanco, hazlo de 0.5pt de ancho y alinéalo al interior. Pasa al siguiente trazo, establece el color en R=167, G=169, B=172, hazlo de 0.25pt de ancho y alinéalo al interior. Sigue concentrándote en el panel Apariencia, asegúrate de que no hay ningún relleno o trazo seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 2px, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la izquierda, haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la derecha y haz clic en Aceptar.
Paso 6
Con la herramienta Elipse (L), crea un círculo de 2px y colócalo como se muestra en la primera imagen. Rellénalo con el degradado lineal que se muestra a continuación y baja su Opacidad al 75%. Continúa con la herramienta Elipse (L), crea un círculo de 6px, colócalo como se muestra en la segunda imagen y establece el color de relleno en R=130, G=130, B=130. Envía esta nueva forma al fondo (MAYÚS + CTRL + [ ) y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 5px y haz clic en OK.
5. Añade tu mensaje
Utilizando la herramienta Texto (T), añade tu texto en blanco. Utiliza las propiedades del texto que se muestran en la siguiente imagen y establece el Modo de fusión en Luz suave. Aquí está la fuente "PwMarker" y aquí está la fuente "Marker SD Italic".
6. Crea un fondo con textura simple
Paso 1
Por último, vamos a añadir un fondo simple. Usando la herramienta Rectángulo (M), crea una forma del tamaño de tu Mesa de trabajo, envíala al fondo (MAYÚS + CTRL + [ ) y establece el color en R=239, G=245, B=249. Añade un segundo relleno para este nuevo rectángulo, selecciónalo y utiliza el degradado radial que se muestra en la siguiente imagen.
Paso 2
Vuelve a seleccionar la forma hecha en el paso anterior, céntrate en el panel Apariencia y añade un tercer relleno. Hazlo negro, baja su Opacidad al 15%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Bosquejar > Papel con relieve. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Sigue concentrándote en el panel Apariencia y añade un cuarto relleno para esta forma. Necesitarás un motivo incorporado para este nuevo relleno. Ve al panel Muestras, abre el menú desplegable y ve a Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Esto debería abrir una nueva ventana con un conjunto simple de motivos incorporados. Sólo necesitarás el motivo "Diamante". Asegúrate de que tu rectángulo de fondo sigue seleccionado y vuelve al panel Apariencia. Selecciona ese cuarto relleno, añade el motivo "Diamante", baja su Opacidad al 10%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Grano de película. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Conclusión
Ya tu trabajo está listo. Así es como debería verse. No dudes en utilizar un conjunto diferente de colores para los rellenos azules que componen la forma "principal". Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.
By
