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

Cómo crear una insignia de unidad de rescate en la montaña en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

En los siguientes pasos aprenderás cómo crear una insignia de unidad de rescate en la montaña en formato vectorial utilizando Adobe Illustrator. Para empezar aprenderás cómo configurar una cuadrícula sencilla y cómo crear la forma principal de la insignia. Usando técnicas de elaboración de formas vectoriales básicas y algunos efectos de deformación, aprenderás cómo crear el resto de las formas. Continuando, aprenderás cómo añadir sombreado sutil y un fondo plano. Finalmente, aprenderás cómo añadir texto y cómo curvarlo fácilmente.

Para más inspiración sobre cómo ajustar o mejorar tu insignia final, puedes encontrar muchísimos recursos en GraphicRiver.

1. Cómo crear un nuevo documento y configurar la cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, introduce 850 en las casillas de anchura y altura y luego haz clic en el botón de Más ajustes. Selecciona RGB para el Modo de color, establece Efectos de rasterización en Pantalla (72 ppp) y luego OK.

Habilita la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 5 px, así que simplemente aplica Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desanimarte por toda esa cuadrícula, te facilitará el trabajo y ten en mente que puedes habilitarla o deshabilitarla fácilmente usando el atajo de teclado Control-".

Puedes aprender más sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Comprendiendo el sistema de cuadrícula de Adobe Illustrator.

También deberías abrir el panel Información (Ventana > Información) para una previsualización instantánea con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en pixeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarán de manera significativa la velocidad de tu trabajo.

set up grid

2. Cómo crear la forma principal

Paso 1

Toma la herramienta Elipse (L) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=87 G=158 B=214.

Dirígete a tu mesa de trabajo y simplemente crea una forma de 310 x 70 px, la cuadrícula y la opción Ajustar a cuadrícula deberían facilitarlo.

ellipse tool

Paso 2

Toma la herramienta Rectángulo (M), crea una forma de 310 x 255 px y colócala como se muestra en la primera imagen. Asegúrate de que siga seleccionada y ve a Objeto > Trazado > Añadir puntos de ancla.

Cambia a la herramienta Selección directa (A), selecciona el punto de ancla resaltado en la primera imagen y arrástralo 115 px hacia abajo como se muestra en la segunda imagen.

add anchor point

Paso 3

Selecciona ambas formas elaboradas hasta ahora, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Unificar.

pathfinder

Paso 4

Asegúrate de que tu forma siga seleccionada y aplica Efecto > Estilizar > Redondear vértices. Introduce un Radio de 25 px, haz clic en OK y luego ve a Objeto > Expandir apariencia.

rounded corners

3. Cómo crear las formas más pequeñas

Paso 1

Asegúrate de que tu forma azul siga seleccionada y aplica Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 25 px y haz clic en OK. Rellena la forma resultante de rojo y no olvides enviarla detrás con la combinación de teclas Mayúsculas-Control-[.

Vuelve a seleccionar tu forma azul y de nuevo aplica Objeto > Trazado > Desplazamiento. Esta vez, introduce un Desplazamiento de -15 px y haz clic en OK. Rellena la forma resultante de amarillo.

expand appearance

Paso 2

Selecciona tu forma roja y tu forma amarilla y haz clic en el botón Menos frente del panel Buscatrazos.

offset path

Paso 3

Usando la herramienta Rectángulo (M), crea una forma de 200 x 100 px y colócala como se muestra en la primera imagen. Selecciona este rectángulo junto con la forma roja y haz clic en el botón Formar intersección del panel Buscatrazos. Rellena la forma resultante con R=246 G=40 B=17.

intersect

Paso 4

Selecciona tu forma azul y aplica Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -15 px y haz clic en OK y rellena la forma resultante con R=32 G=43 B=63.

offset path

Paso 5

Usando la herramienta Rectángulo (M), crea una forma de 320 x 155 px y colócala como se muestra en la primera imagen. Selecciona este nuevo rectángulo junto con la forma del azul más oscuro y haz clic en el botón Formar intersección del panel Buscatrazos. Asegúrate de que la forma resultante esté rellena con R=32 G=43 B=63.

intersect

Paso 6

Toma la herramienta Rectángulo (M) y crea una forma de 360 x 85 px. Rellénala con R=246 G=40 B=17 y colócala como se muestra en la siguiente imagen.

red rectangle

4. Cómo crear las montañas

Paso 1

Usando la herramienta Pluma (P), crea un contorno de montaña no muy prolijo como se muestra en la siguiente imagen. Una vez que termines, rellena esta forma con R=248 G=232 B=217.

mountain shape

Paso 2

Toma la herramienta Elipse (L), crea un círculo de 50 px y colócalo como se muestra en la primera imagen. Selecciona tu forma de montaña y aplica Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 5 px, haz clic en OK y lleva al frente la forma resultante (Mayúsculas-Control-[).

Selecciona ambas formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=248 G=232 B=217.

sun

Paso 3

Usando la herramienta Pluma (P), crea varias formas definidas como se muestra en la primera imagen. Rellénalas con R=153 G=196 B=230.

pen tool

5. Cómo crear las formas curvadas

Paso 1

Selecciona tu rectángulo rojo y aplica Efecto > Deformar > Arco. Introduce los atributos mostrados a continuación, haz clic en OK y luego ve a Objeto > Expandir apariencia.

warp arch

Paso 2

Toma la herramienta Rectángulo (M) y crea una forma de 360 x 85 px. Rellénala con R=32 G=43 B=63, colócala como se muestra en la primera imagen y luego ve a Efecto > Deformar > Arco. Introduce los atributos mostrados a continuación y haz clic en OK. Expande tu selección (Objeto > Expandir apariencia) y luego envíala detrás (Mayúsculas-Control-[).

warp arch

6. Cómo añadir trazos, sombreado y un fondo

Paso 1

Selecciona tu forma azul y enfócate en el panel Apariencia (Ventana > Apariencia). Selecciona el trazo, establece el color en R=248 G=232 B=217 y luego abre el panel desplegable Trazo. Incrementa el Grosor a 15 px y marca el botón Alinear trazo al interior.

stroke

Paso 2

Asegúrate de que tu forma azul siga seleccionada y mantente enfocado en el panel Apariencia. Añade un segundo trazo usando el botón Añadir nuevo trazo y selecciónalo. Establece el color en R=32 G=43 B=63 y el Grosor en 10 px.

add new stroke

Paso 3

Selecciona todas las formas elaboradas hasta ahora y añade copias delante (Control-C > Control-F). Asegúrate de que únicamente estas copias estén seleccionadas y haz clic en el botón Unificar del panel Buscatrazos.

Envía la forma resultante detrás (Mayúsculas-Control-[) y enfócate en el panel Apariencia. Selecciona el relleno, establece el color en R=32 G=43 B=63 y disminuye su Opacidad a 15% y luego aplica Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -30 px, haz clic en OK y luego aplica Efecto > Distorsionar y Transformar > Transformar. Introduce los atributos mostrados a continuación y haz clic en OK y luego aplica Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 20 px y haz clic en OK.

gaussian blur

Paso 4

Toma la herramienta Rectángulo (M) y crea un cuadrado de 860 px. Rellénalo con R=248 G=232 B=217, asegúrate de que cubra toda tu mesa de trabajo y no olvides enviarlo detrás (Mayúsculas-Control-[).

background

7. Cómo añadir texto

Paso 1

Toma la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Balatype y establece el tamaño en 70 px.

Simplemente haz clic en tu mesa de trabajo y añade el texto "HIMALAYA". Colócalo como se muestra en la siguiente imagen y establece el color en R=248 G=232 B=217.

character panel

Paso 2

Asegúrate de que tu texto siga seleccionado y aplica Efecto > Deformar > Arco. Introduce los atributos mostrados a continuación y luego haz clic en OK.

type tool

Paso 3

Toma la herramienta Texto (T) y enfócate en el panel Carácter. Utiliza la misma fuente y establece el tamaño en 35 px.

Añade el texto "RESCUE UNIT" y establece su color en R=248 G=232 B=217. Coloca este nuevo texto como se muestra en la siguiente imagen y aplica Efecto > Deformar > Arco. Introduce los atributos mostrados abajo y luego haz clic en OK.

warp arch

Paso 4

Toma la herramienta Texto (T), añade el texto "EVEREST", y establece su color en R=248 G=232 B=217. Coloca este nuevo texto como se muestra en la siguiente imagen y aplica Efecto > Deformar > Arco. Introduce los atributos mostrados a continuación y haz clic en OK.

warp arch

Paso 5

Toma la herramienta Texto (T) y enfócate en el panel Carácter. Utiliza la misma fuente y establece el tamaño en 100 px. Añade un pequeño signo "+", establece el color en R=248 G=232 B=217 y colócalo como se muestra en la primera imagen.

Regresa al panel Carácter y establece el tamaño en 30 px. Añade los textos "19" y "69" y colócalos como se muestra en las últimas dos imágenes.

cross

8. Cómo añadir algunos abetos

Finalmente, descarga el archivo de este tutorial: Cómo crear un fondo invernal con nieve en Adobe Illustrator. Abre el documento christmas tree.ai y copia la forma dentro del documento de tu insignia. 

Cambia el color de relleno a R=32 G=43 B=63 y luego crea siete copias. Esparce estas copias sin mucha prolijidad como se muestra en la primera imagen y luego envíalas detrás de la forma roja.

christmas tree

¡Felicidades! ¡Terminaste!

Así es cómo debería lucir. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar el diseño final y hacerlo tuyo. Puedes encontrar algunas magníficas fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.

final product
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.