Cómo crear un logotipo retro sobre un fondo borroso en Adobe Illustrator

En este tutorial crearemos un logotipo retro estilizado sobre un fondo borroso elaborado a partir de una foto directamente en Adobe Illustrator. Usaremos algunas formas y efectos básicos y trabajaremos con malla de degradado para convertir nuestra foto en un fondo desenfocado. ¡Empecemos!

1. Crea un logotipo retro a partir de círculos

Paso 1

Comienza con la Herramienta elipse (L) y crea un círculo uniforme manteniendo presionado el botón Shift. Añade un círculo más pequeño dentro del primero.

Paso 2

Selecciona ambos círculos creados, haz clic derecho y elige Crear trazado compuesto en el menú desplegable. Rellena la nueva forma con color negro.

Paso 3

Añade otro aro negro dentro de la primera forma. Puedes editar las partes del trazado compuesto por separado haciendo dos clics en el trazado y así ingresar al modo de aislamiento (notarás que todas las demás partes de la imagen se atenúan). Para hacer el aro más delgado, selecciona su parte interior con la Herramienta selección directa (A) y expándela.

Paso 4

Haz doble clic en la Herramienta estrella para abrir la ventana de opciones emergentes y establece el valor de Puntos en 20.

Mantén pulsada la tecla Control y arrastra para hacer que los puntos de la estrella sean más o menos puntiagudos.

Paso 5

Amplia la estrella, haciéndola más grande que los anillos negros y envíala hacia atrás (Shift+Control+[), colócala debajo de las otras formas.

Suavicemos más la forma. Para los usuarios de Adobe Illustrator CC: selecciona la estrella creada, elige la Herramienta selección directa (A) y notarás que aparecen pequeños indicadores circulares junto a cada punto de la estrella. Haz clic y arrastra cualquier círculo para suavizar los puntos.

Si estás utilizando una versión anterior de Adobe Illustrator, ve a Efecto > Estilizar > Redondear vértices y establece el valor de Radio en aproximadamente 30 px. Luego ve a Objeto > Expandir apariencia para aplicar el efecto.

Paso 6

Crea otro círculo, haciéndolo un poco más grande que los anillos.

Selecciona tanto la estrella como el círculo recién creado y usa la función Menos frente del panel Navegador para recortar un orificio.

Paso 7

Añade un círculo más pequeño, colócalo en el centro de los otros anillos y aplícale un Trazo negro de 2 pt, estableciendo el Color de Relleno en ninguno. Ve a Efecto > Distorsionar y Transformar > Zig Zag y establece el Tamaño en 2 px, Crestas por segmento en 30 y Puntos en Suavizar. Marca la casilla Previsualizar para asegurarte de que tu forma encaje en los anillos.

Paso 8

Añadamos un poco de texto para rellenar los espacios en blanco y hacer nuestro logotipo más elaborado. Usaremos algunas fuentes gratuitas conocidas (Lobster Two y Playfair Display), que quedan bien con nuestra imagen de estilo retro.

Paso 9

Usa la Herramienta estrella para crear una pequeña estrella de 5 puntas. Haz una fila de tres estrellas en la parte superior e inferior del logotipo para destacar el texto.

Paso 10

Editemos la posición de los elementos para que nuestro logotipo esté perfectamente alineado. Selecciona todas las piezas y haz clic en la parte curveada exterior de nuestro logotipo mientras mantienes presionada la tecla Alt para convertirla en un objeto clave. De esta manera todos los demás objetos se alinearán con el objeto clave. Haz clic en Alinear centros horizontales para reposicionar los elementos.

2. Crea un fondo borroso a partir de una foto

Paso 1

Usemos una foto abstracta de contraste, que se verá bien como fondo. He elegido esta foto de la naturaleza de mi archivo personal.

Paso 2

Ve a Archivo > Colocar la foto en nuestro documento. Puede girarlo para encontrar un mejor ángulo y encaja solo una parte de la imagen en la mesa de trabajo.

Paso 3

Luego, selecciona nuestra foto y ve a Efecto > Desenfocar > Desenfoque gaussiano. Establece el Radio de desenfoque en 30 px para que la imagen se desenfoque.

Paso 4

Ahora tenemos que convertir la foto en vector. Para ello, ve a Objeto > Crear malla de degradado. Establece el valor Filas en 10 y Columnas en 15 para crear una cuadrícula con celdas cuadradas. No hagas que las celdas de la cuadrícula sean demasiado pequeñas o demasiado grandes para evitar objetos y piezas desiguales en la imagen después de convertirla en malla.

Paso 5

Tenemos que deshacernos de esas partes de la malla que están fuera de la mesa de trabajo. Creemos un rectángulo del tamaño de nuestra mesa de trabajo (en este tutorial tenemos una mesa de trabajo cuadrada de 600 x 600 px) y colócalo encima de todos los demás objetos (Shift+Control+]). Selecciona el cuadrado creado y nuestra malla, haz clic derecho y aplica Crear máscara de recorte desde el menú desplegable y así ocultar las partes innecesarias dentro de la máscara.

Paso 6

Coloca nuestro logotipo en el fondo creado y rellénalo con color gris. Cambia el Modo de fusión a Trama para hacer que el logotipo sea semitransparente.

¡Felicitaciones! ¡Tu logotipo retro estilizado está terminado!

¡Buen trabajo! Ahora puedes crear logotipos similares usando la misma técnica simple y convirtiendo tus fotos en fondos vectoriales ligeramente desenfocados. Espero que hayas aprendido algunos consejos y trucos útiles en este tutorial corto. ¡Sigue al tanto y buena suerte!