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

Lo que vas a crear

Para empezar, aprenderá cómo configurar una cuadrícula simple, cómo crear los cuatro círculos principales y cómo colocarlos fácilmente en el centro de su mesa de trabajo. Usando técnicas básicas de mezcla y construcción de formas vectoriales, aprenderá cómo agregar sombras sutiles y una forma de estrella simple. A continuación, aprenderá cómo crear una malla de degradado bastante simple. Aprovechando al máximo el panel Apariencia y utilizando algunos efectos de Desenfoque sencillos, agregará las luces y texturas adicionales. Finalmente, aprenderá cómo crear un fondo simple, algunos efectos Sombra y una sombra larga que se desvanece.

1. Crear un nuevo documento y configurar una cuadrícula

Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en los cuadros de ancho y alto, haga clic en el Avanzado botón. Seleccionar RGB, Pantalla (72ppi) y asegúrese de que el Alinear nuevos objetos a la cuadrícula de píxeles la casilla no está marcada antes de hacer clic DE ACUERDO

Habilitar el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Para empezar necesitarás una grilla cada 5px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, entrar 5 en el Gridline cada caja y 1 en el Subdivisiones caja. También debe abrir el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..

2. Crea las formas principales

Paso 1

Elige el Herramienta Elipse (L) y enfócate en tu barra de herramientas. Elimine el color del trazo, luego seleccione el relleno y establezca su color en R = 228 G = 23 B = 28. Muévete a tu mesa de trabajo y simplemente crea un 290px circulo.

Paso 2

Deshabilitar el Cuadrícula (Ver> Ocultar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). En este paso necesitas centrar tu círculo rojo, así que abre el Alinear panelVentana> Alinear). Establezca la alineación en Artboard (abra el menú desplegable y vaya a Mostrar opciones si no puedes ver el Alinear hacia sección como se muestra en la siguiente imagen) luego simplemente haga clic en Centro de alineación horizontal y Centro de alineación vertical botones. 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> Ruta> Ruta compensada. Entrar a -Desplazamiento de 25px y haga clic DE ACUERDO

Seleccione la forma resultante, reemplace el color de relleno existente con blanco (R = 255 G = 255 B = 255) e ir de nuevo a Objeto> Ruta> Ruta compensada. Entrar a -Desplazamiento de 25px y haga clic DE ACUERDO

Asegúrese de que la forma resultante esté seleccionada, reemplace el color de relleno existente con R = 228 G = 23 B = 28 e ir una vez más a Objeto> Ruta> Ruta compensada. Entrar a -Desplazamiento de 25px y haga clic DE ACUERDO. Seleccione la forma recién creada y reemplace el color de relleno existente con R = 22 G = 77 B = 157.

Etapa 4

Ir Editar> Preferencias> General y asegúrese de que el Incremento de teclado se establece en 1px. Seleccione el círculo rojo más grande y haga dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 5px arriba usando el botón de flecha arriba de su teclado. Vuelva a seleccionar las dos copias realizadas en este paso, abra el Pionero panelVentana> Pathfinder) y haga clic en Frente menos botón. 

Asegúrese de que la forma resultante permanezca seleccionada y enfoque en el Apariencia panelVentana> Apariencia). Ajuste el color de relleno en negro (R = 0 G = 0 B = 0) luego simplemente haga clic en "Opacidad"pieza de texto para abrir el Transparencia panel de salida. Centrarse en el Modo de fusión menú desplegable y configurarlo en Luz tenue.

Paso 5

Vuelva a seleccionar el círculo rojo más grande y haga otras dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 10px arriba usando el mismo botón de flecha hacia arriba desde tu teclado. Vuelva a seleccionar las dos copias realizadas en este paso y haga clic en Frente menos botón de la Pionero panel. 

Asegúrese de que la forma resultante permanezca seleccionada, enfóquese en la Apariencia panel y establecer el Modo de fusión a Luz tenue.

3. Crea la forma de estrella

Paso 1

Habilitar el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Utilizando la Herramienta Rectangular (M), crear un 130 x 45 px forma, configure el color de relleno en blanco y colóquelo como se muestra en la primera imagen. 

Concéntrese en la parte inferior de este nuevo rectángulo, seleccione el Eliminar herramienta de punto de anclaje (-) y simplemente haga clic en el punto de anclaje derecho para eliminarlo. Manténgase enfocado en el lado inferior de su nueva forma, cambie a la Herramienta de selección directa (A), Seleccione el punto de anclaje restante y simplemente arrástrelo 65px a la derecha. Al final las cosas deberían verse como en la segunda imagen..


Paso 2

Utilizando la Herramienta Rectangular (M), crear un 80 x 125px forma, configure el color de relleno en blanco y colóquelo como se muestra en la primera imagen. 

Concéntrese en la parte superior de este nuevo rectángulo, seleccione el Eliminar herramienta de punto de anclaje (-) y simplemente quitar el punto de anclaje correcto. Manténgase enfocado en la parte superior de su nueva forma blanca y cambie a Herramienta de selección directa (A). Seleccione el punto de anclaje restante y simplemente arrástrelo 40px a la derecha. Vuelva a seleccionar la forma hecha en este paso y vaya a Objeto> Ruta> Añadir puntos de anclaje

Asegúrese de que el Herramienta de selección directa (A) aún está activo, seleccione el punto de anclaje resaltado en la tercera imagen y simplemente arrástrelo 30px arriba. Al final las cosas deberían verse como en la cuarta imagen..

Paso 3

Vuelva a seleccionar las dos formas blancas que forman su estrella y haga clic en Unir botón de la Pionero panel.

Etapa 4

Asegúrate de que la forma de tu estrella permanezca seleccionada, enfoca la Apariencia panel, seleccione el trazo existente y establezca su color en negro. 

Sigue enfocándote en tu nuevo golpe y simplemente haz clic en "Carrera"pieza de texto para abrir el Carrera panel de salida. Selecciona el Peso a 2px y compruebe el Alinear el trazo al interior botón. Asegúrese de que su trazo todavía está seleccionado, baje su Opacidad a 3%, cambiar el Modo de fusión a Multiplicar E ir a Efecto> Ruta> Ruta compensada. Entrar a -7px Ofset y haga clic DE ACUERDO. Volver a la Apariencia panel, seleccione la ruta completa (simplemente haga clic en "Camino"pieza de texto desde la parte superior de la Apariencia panel) y ve a Efecto> Warp> Fisheye. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.

4. Crea una malla radial

Paso 1

Utilizando la Herramienta Elipse (L), crear un nuevo 290px circule y céntrelo usando el Centro de alineación horizontal y Centro de alineación vertical botones de la Alinear panel. Asegúrese de que esta nueva forma permanezca seleccionada, abra el Gradiente panelVentana> Gradiente) y simplemente haga clic en la miniatura del degradado para agregar el degradado lineal predeterminado de negro a blanco. 

Mantente enfocado en tu Gradiente panel, abre el Tipo menú desplegable y seleccione Radial. Al final las cosas deberían verse como en la siguiente imagen..

Paso 2

Asegúrese de que el círculo con el degradado radial todavía esté seleccionado y vaya a Objeto> Expandir. Comprobar el Malla de degradado cuadro luego haga clic DE ACUERDO

Centrarse en el Capas panelVentana> Capas), seleccione el grupo recién creado, Desagrupar eso (Shift-Control-G) luego pulsa Alt-Control-7 (o ir a Objeto> Máscara de recorte> Lanzamiento) para liberar la máscara de recorte existente. Volver a la Capas panel y simplemente eliminar la parte superior 290px círculo (el antiguo trazado de recorte).


Paso 3

Seleccione su malla y abra el Transformar panelVentana> Transformar). Comprobar el Restringir las proporciones de ancho y altura botón luego simplemente entrar 290 en el Anchura (o la Altura) caja.

Etapa 4

Deshabilitar el Cuadrícula (Ver> Ocultar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Selecciona tu malla, agarra la Herramienta de malla (U) y agregue cuatro nuevos puntos de malla como se muestra en la siguiente imagen.

Paso 5

Elige el Herramienta de selección directa (A) y enfócate en tu malla. Seleccione los puntos de malla uno por uno y reemplace los colores existentes con los que se muestran en la siguiente imagen.

Paso 6

Asegúrese de que su malla aún esté seleccionada, enfóquese en la Transparencia panelVentana> Transparencia) y cambiar el Modo de fusión a Multiplicar.

5. Añadir sombreado sutil y textura

Paso 1

Utilizando la Herramienta Elipse (L), crear un nuevo 290px circule, establezca el color de relleno en negro y céntrelo usando la Centro de alineación horizontal y Centro de alineación vertical botones de la Alinear panel.

Paso 2

Asegúrate de que tu círculo negro permanezca seleccionado y enfoca la Apariencia panel. Seleccione el relleno existente, cambie el Modo de fusión a Cubrir E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 2px, hacer clic DE ACUERDO E ir a Efecto> Artístico> Grano de película. Ingrese las propiedades mostradas en la siguiente imagen, haga clic en DE ACUERDO E ir a Efecto> Desenfoque> Desenfoque radial. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

Paso 3

Vuelva a seleccionar su círculo frontal, enfóquese en la Apariencia panel y agregar un segundo relleno usando el Añadir nuevo relleno Botón (señalado por el círculo azul en la siguiente imagen). Seleccione este nuevo relleno, baje su Opacidad a 70%, cambiar el Modo de fusión a Multiplicar y agregue el degradado radial que se muestra en la siguiente imagen. Tenga en cuenta que los números amarillos de la Gradiente soporte de imagen para Opacidad porcentaje mientras que los números blancos representan Ubicación porcentaje. Esto simplemente significa que tiene que seleccionar cada control deslizante de degradado, centrarse en el Opacidad Y Ubicación cajas de la Gradiente Panel e ingrese los números señalados abajo.

Etapa 4

Vuelva a seleccionar su círculo frontal, enfóquese en la Apariencia panel y añadir un 1px, trazo negro Seleccione este golpe sutil, alinéelo con el interior, baje el Opacidad a 15% y cambiar el Modo de fusión a Cubrir

Asegúrese de que su círculo frontal permanezca seleccionado, siga enfocándose en el Apariencia Panel y añadir un segundo trazo utilizando el Añadir nuevo trazo Botón (señalado por el círculo azul en la siguiente imagen). Seleccione este nuevo trazo, configure el color en blanco y el Peso a 1px, alinéelo con el interior, cambie el Modo de fusión a Luz tenue E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 1px y haga clic DE ACUERDO.

Paso 5

Habilitar el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Utilizando la Herramienta Elipse (L), crear un 130 x 60px forma, configure el color de relleno en negro y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma permanezca seleccionada, baje su Opacidad a 60%, cambiar el Modo de fusión a Multiplicar E ir a Efecto> Blur> Gaussian Blur. Entrar a Radio 20px y haga clic DE ACUERDO.

Paso 6

Utilizando la Herramienta Elipse (L), crear un 140 x 75px forma, configure el color de relleno en blanco y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma permanezca seleccionada, baje su Opacidad a 20%, cambiar el Modo de fusión a Color Dodge E ir a Efecto> Blur> Gaussian Blur. Entrar a Radio 15px y haga clic DE ACUERDO.

6. Añadir el fondo y una larga sombra

Paso 1

Utilizando la Herramienta Rectangular (M), crear un nuevo 610px cuadrado, establece el color de relleno en R = 50 G = 55 B = 70 y centrarlo usando el Centro de alineación horizontal y Centro de alineación vertical botones de la Alinear panel. 

Asegúrese de que esta nueva forma permanezca seleccionada, enfóquese en la Apariencia panel y agregar un segundo relleno utilizando ese mismo Añadir nuevo relleno botón. Seleccione este nuevo relleno, establezca el color en negro, baje su Opacidad a 10%, cambiar el Modo de fusión a Multiplicar E ir a Efecto> Artístico> Grano de película. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.

Paso 2

Vuelva a seleccionar el círculo rojo más grande y vaya a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana superior izquierda (en la siguiente imagen), haga clic en DE ACUERDO e ir de nuevo a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana superior derecha, haga clic en DE ACUERDO e ir una vez más a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana inferior izquierda, haga clic en DE ACUERDO e ir una vez más a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana inferior derecha y haga clic en DE ACUERDO.

Paso 3

Utilizando la Herramienta Rectangular (M), crear un 290 x 305px forma, configure el color de relleno en negro y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma permanezca seleccionada y enfoque en la Apariencia panel. Baja su Opacidad a 15%, cambiar el Modo de fusión a Luz tenue y reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen. No olvides que el cero blanco de la Gradiente imagen significa Opacidad porcentaje.

¡Felicidades! Estas hecho!

Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros..