Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Vector

Crea el icono del escudo del Capitán América en Adobe Illustrator

by
Read Time:11 minsLanguages:

Spanish (Español) translation by Jean Carlo León Preguntegui (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los principiantes, aprenderán cómo configurar una cuadrícula simple, cómo crear la figura principal, cuatro círculos y cómo situarlos fácilmente en el centro de la Mesa de Trabajo. Usando técnicas básicas de mezcla y creación de formas vectoriales, aprenderán cómo agregar sombreados y la creación sencilla de la figura de una estrella. Seguidamente, aprenderán cómo crear una bonita y sencilla malla de degradado. Aprovechando al máximo el panel de Apariencia y utilizando algunos efectos simples de desenfoque lograrán añadir destellos y texturas extra. Finalmente, aprenderán cómo crear un sencillo fondo, algunos efectos de sombra y una gran sombra que se va desvaneciendo.

1. Crea un Nuevo Documento y configura la cuadrícula

Pulsa Control+N para crear un nuevo documento. Selecciona Pixeles en las Unidades del menú desplegable, escribe 600 en las casillas de anchura y altura y luego despliega el botón de Opciones Avanzadas. Selecciona RGB, Pantalla (72 ppp) y asegúrate que la opción Alinear nuevos objetos con cuadrícula de pixeles está desactivada antes de pulsar en Aceptar

Habilita la cuadrícula (Ver > Mostrar Cuadrícula) y el Ajuste a la cuadrícula (Ver > Ajuste a la cuadrícula). Los Principiantes necesitarán una cuadrícula cada 5px, por lo que sólo tienen que ir a Illustrator > Preferencias > Guías y Cuadrícula, en la casilla de Línea de Cuadrícula introduce 5 px y un 1 en la casilla de Subdivisiones. También debes abrir el panel de Información (Ventana > Información) para obtener una vista previa actualizada con el tamaño y la posición de las figuras. No olvides establecer la unidad de medida en pixeles desde Illustrator > Preferencias > Unidades > Generales. Todas estas opciones incrementarán significativamente la velocidad de tu trabajo.

2. Crea las Formas Principales

Paso 1

Selecciona la herramienta Elipse (L) y presta atención a la barra de herramientas. Elimina el color del trazo y a continuación, selecciona el Relleno y establece su color en R=228 G=23 B=28. Sitúate en tu mesa de trabajo y simplemente crea un círculo de 290px.

Paso 2

Desactiva la Cuadrícula (Ver > Ocultar cuadrícula) y Ajuste a la cuadrícula (Ver > Ajuste a la cuadrícula). En este paso tienes que centrar tu círculo rojo, para lo cual debes abrir el panel Alinear (Ventana > Alinear). Ajusta la alineación con la mesa de trabajo (si no puedes ver la opción Alinear con, abre el menú desplegable y ve a Mostrar Opciones como se muestra en la siguiente imagen) y luego centra el circulo Horizontal y Verticalmente con los botones de alineación. Al final las cosas deberían verse como en la siguiente imagen.

Paso 3

Asegúrate de que tu círculo rojo está seleccionado y ve a Objeto > Trazado > Desplazamiento. Inserta un desplazamiento de -25px y pulsa en Aceptar

Selecciona la forma resultante, reemplaza el relleno existente con color blanco (R=255 G=255 B=255) y ve nuevamente a Objeto > Trazado > Desplazamiento. Escribe un desplazamiento de -25px y pulsa en Aceptar

Asegúrate que la figura resultante esté seleccionada, sustituye el color de relleno actual con R=228 G=23 B=28 y ve una vez más a Objeto > Trazado > Desplazamiento. Inserta un desplazamiento de -25px y pulsa en Aceptar. Selecciona la figura creada más reciente y reemplaza el color de relleno por R=22 G=77 B=157.

Paso 4

Ve a Illustrator > Preferencias > Generales y asegúrate de que los incrementos de teclado se fijan en 1px. Selecciona el círculo rojo más grande y haz dos copias por encima (Control+C > Control+F > Control+F). Selecciona la copia superior y desplázala 5px hacia arriba usando el botón de flecha arriba del teclado. Vuelve a seleccionar ambas copias realizadas en este paso, abre el panel de Buscatrazo (Ventana > Buscatrazo) y pulsa en el botón Menos frente

Asegúrate de que la forma resultante permanece seleccionada y presta atención al panel de Apariencia (Ventana > Apariencia). Ajusta el color de relleno en negro (R=0 G=0 B=0) luego simplemente haz clic en el texto "Opacidad" para abrir el panel desplegable de Transparencia. Céntrate en el menú desplegable Modo de fusión y ajústalo a Luz Suave.

Paso 5

Vuelve a seleccionar el círculo rojo más grande, y haz otras dos copias por encima (Control+C > Control+F > Control+F). Selecciona la copia superior y desplázala 10px hacia arriba usando el mismo botón de flecha arriba del teclado. Vuelve a seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos frente del panel Buscatrazo

Asegúrate de que la forma resultante permanece seleccionada, presta atención al panel de Apariencia y establece Luz Suave en el Modo de fusión.

3. Crea la Figura de la Estrella

Paso 1

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y el Ajuste a la cuadrícula (Ver > Ajuste a la cuadrícula). Usando la herramienta Rectángulo (M), crea una figura de 130 x 45px , ajusta el color de relleno a blanco y colócalo como se muestra en la primera imagen. 

Presta atención a la parte inferior de este nuevo rectángulo, selecciona la herramienta Eliminar punto de ancla (-) y haz clic en el punto de anclaje adecuado para eliminarlo. Sigue prestando atención a la parte inferior de tu nueva figura, cambia a la herramienta de Selección Directa (A), selecciona el punto de anclaje restante y simplemente arrástralo 65px a la derecha. Al final el resultado debe ser similar al de la segunda imagen.


Paso 2

Usando la herramienta Rectángulo (M), crea una figura de 80 x 125px, ajusta el color de relleno a blanco y colócalo como se muestra en la primera imagen. 

Presta atención a la parte superior de este nuevo rectángulo, selecciona la herramienta Eliminar punto de ancla (-) y basta con quitar el punto de anclaje adecuado. Sigue prestando atención en el lado superior de la nueva figura blanca y cambia a la herramienta de Selección Directa (A). Selecciona el punto de anclaje restante y desplázalo 40px a la derecha. Vuelve a seleccionar la figura realizada en este paso y ve a Objeto > Trazado > Añadir Puntos de Ancla

Asegúrate de que la herramienta de Selección Directa (A) está todavía activa, selecciona el punto de anclaje destacado en la tercera imagen y desplázalo 30px hacia arriba. Al final deberías obtener un resultado similar al de la cuarta imagen.

Paso 3

Vuelve a seleccionar las dos figuras blancas que forman la estrella y haz clic en el botón de Unificar del panel Buscatrazo.

Paso 4

Asegúrate de que tu estrella aún permanece seleccionada, presta atención al panel de Apariencia selecciona el trazo existente y ajusta su color a negro. 

Mantén la atención en el nuevo trazo y simplemente pulsa en el texto "Trazo" para abrir el panel desplegable. Define el Espesor en 2px y comprueba que el botón de Alinear Trazo esté con el Interior. Asegúrate de que el trazo siga seleccionado, baja su Opacidad al 3%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Trazado > Desplazamiento. Inserta un desplazamiento de -7px y pulsa en Aceptar. Vuelve al panel de Apariencia, selecciona la ruta completa (simplemente haz clic en el texto "Trazado" en la parte superior del panel de Apariencia) y ve a Efecto > Deformar > Ojo de Pez. Introduce las propiedades que aparecen en la imagen siguiente y pulsa en Aceptar.

4. Crea una Malla Radial

Paso 1

Usando la herramienta Elipse (L), crea un nuevo círculo de 290px y céntralo Horizontal y Verticalmente usando los botones del panel Alinear. Asegúrate de que la nueva figura permanece seleccionada, abre el panel de Degradado (Ventana > Degradado) y haz clic en la miniatura de degradado para añadir el negro por defecto al degradado lineal blanco. 

Sigue prestando atención al panel de Degradado abre el menú desplegable Tipo y selecciona Radial. Al final debes obtener algo similar a la siguiente imagen.

Paso 2

Asegúrate de que el círculo con el degradado radial sigue seleccionado y ve a Objeto > Expandir. Marca la casilla de Malla de Degradado y pulsa en Aceptar

Presta atención al panel de Capas (Ventana > Capas), selecciona el grupo más reciente, Desagrúpalo (Shift+Control+G) después pulsa Alt+Control+7 (o ve a Objeto > Máscara de Recorte > Soltar) para liberar la máscara de recorte existente. Vuelve al panel de Capas y simplemente elimina el círculo de la parte superior de 290px (el primer trazo de recorte).

Paso 3

Selecciona la malla y abre el panel Transformar (Ventana > Transformar). Comprueba el botón de Restringir Proporciones de anchura y altura y luego, simplemente escribe 290 en la casilla de Anchura (o de Altura).

Paso 4

Desactiva la Cuadrícula (Ver > Ocultar Cuadrícula) y el Ajuste a la cuadrícula (Ver > Ajuste a la cuadrícula). Selecciona la malla y con la herramienta  Malla (U) añade cuatro nuevos puntos de malla como se muestra en la siguiente imagen.

Paso 5

Selecciona la herramienta de Selección Directa (A) y presta atención a la malla. Seleccione los puntos de la misma de uno en uno y reemplaza los colores existentes con las que se muestran en la siguiente imagen.

Paso 6

Asegúrate de que la malla está aún seleccionada, observa el panel de Transparencia (Ventana > Transparencia) y cambia el Modo de fusión a Multiplicar.

5. Agrega Texturas y Sombras suaves

Paso 1

Haciendo uso de la herramienta Elipse (L), crea un nuevo círculo de 290px, ajusta el color de relleno en negro y céntralo Horizontal y Verticalmente con los botones del panel Alinear.

Paso 2

Asegúrate de que el círculo negro permanece seleccionado y observa el panel de Apariencia. Selecciona el relleno existente, cambia el Modo de fusión a Superposición y ve a Efecto > Trazado > Desplazamiento. Inserta un desplazamiento de -2px, pulsa en Aceptar y ve a Efecto > Artístico > Película Granulada. Introduce las propiedades que aparecen en la siguiente imagen, pulsa Aceptar y ve a Efecto > Desenfoque > Desenfoque Radial. Introduce los atributos que se muestran a continuación y pulsa en Aceptar.

Paso 3

Vuelve a seleccionar el círculo frontal, observa el panel de Apariencia y agrega un segundo relleno usando el botón Añadir nuevo relleno (como indica el círculo azul en la siguiente imagen). Selecciona este nuevo relleno, disminuye su Opacidad al 70%, cambia el Modo de fusión a Multiplicar y añade el degradado radial que se muestra en la siguiente imagen. Ten en cuenta que los números del color amarillo de la imagen de Degradado representan el porcentaje de Opacidad mientras que los números blancos representan el porcentaje de Ubicación. Esto simplemente significa que tienes que seleccionar cada regulador de degradado, observa las casillas de Opacidad & Ubicación del panel de Degradado e introduce los números que se indican a continuación.

Paso 4

Vuelve a seleccionar el círculo frontal, observa el panel de Apariencia y agrega un 1px, de trazo negro. Selecciona este trazo, alinéalo al interior, reduce la Opacidad al 15% y cambia el Modo de fusión a Superposición

Asegúrate de que el círculo frontal permanece seleccionado, sigue atento al panel de Apariencia y agrega un segundo trazo con el botón Agregar nuevo Trazo (como indica el círculo azul en la siguiente imagen). Selecciona este nuevo trazo, establece el color en blanco y el Espesor en un 1px, alinéalo al interior, cambia el Modo de fusión a Luz Suave y ve a Efecto > Trazado > Desplazamiento. Introduce un -1px de desplazamiento y pulsa en Aceptar.

Paso 5

Habilita la Cuadrícula (Ver > Mostrar cuadrícula) y el Ajuste a la cuadrícula (Ver > Ajuste a la cuadrícula). Usando la herramienta Elipse (L), crea una figura de 130 x 60px, establece el color de relleno en negro y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva figura permanece seleccionada, reduce su Opacidad al 60%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Desenfocar > Desenfoque Gaussiano. Introduce un radio de 20px y pulsa en Aceptar.

Paso 6

Haciendo uso de la herramienta Elipse (L), crea una figura de 140 x 75px, ajusta el color de relleno en blanco y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva figura permanece seleccionada, disminuye su Opacidad al 20%, cambia el Modo de fusión a Sobreexponer Color y ve a Efecto > Desenfocar > Desenfoque Gaussiano. Inserta un radio de 15px y pulsa en Aceptar.

6. Añade el Fondo y una Gran Sombra

Paso 1

Usando la herramienta Rectángulo (M), crea un nuevo cuadrado de 610px ajusta el color de relleno a R=50 G=55 B=70 y céntralo Horizontal y Verticalmente con los botones del panel Alinear

Asegúrate de que la nueva figura permanece seleccionada, céntrate en el panel de Apariencia y agrega un segundo relleno con el mismo botón de Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color en negro, reduce su Opacidad al 10%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Película Granulada. Introduce las propiedades que aparecen en la imagen siguiente y pulsa en Aceptar.

Paso 2

Vuelve a seleccionar el círculo rojo más grande y ve a Efecto > Estilizar > Sombra Paralela. Introduce las propiedades que aparecen en la ventana de la parte superior izquierda (en la siguiente imagen), pulsa en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra Paralela. Introduce las propiedades que aparecen en la ventana superior derecha, pulsa Aceptar y nuevamente ve a Efecto > Estilizar > Sombra Paralela. Introduce las propiedades que aparecen en la ventana inferior izquierda, pulsa OK y ve una vez más a Efecto > Estilizar > Sombra Paralela. Introduce las propiedades que aparecen en la ventana inferior derecha y pulsa en Aceptar.

Paso 3

Usando la herramienta Rectángulo (M), crea una figura de 290 x 305px establece el color de relleno en negro y colócalo como se muestra en la primera imagen. Asegúrate de que esta nueva figura permanece seleccionada y presta atención al panel de Apariencia. Reduce su Opacidad al 15%, cambia el Modo de fusión a Luz Suave y reemplaza el color plano por el relleno con degradado lineal como se muestra en la siguiente imagen. No olvides que el cero blanco de la imagen de Degradado representa el porcentaje de Opacidad.

¡Felicidades! ¡Lo has Conseguido!

Así es como debería quedar el resultado. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas a tus futuros proyectos.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

One subscription.
Unlimited Downloads.
Get unlimited downloads