Cómo crear un logotipo de temática náutica en Adobe Illustrator

Lo que vas a crear

En los siguientes pasos, aprenderá cómo crear un logotipo de vector náutico en Adobe Illustrator. Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear su propio pincel de patrón. A continuación, aprenderá cómo crear series de círculos concéntricos y cómo llevarlos fácilmente al centro de la mesa de trabajo.. 

Continuando, aprenderá cómo aplicar y ajustar el texto en una ruta y cómo usar las máscaras de opacidad. Usando algunos efectos de Transformación, aprenderá cómo acelerar su trabajo y cómo simplificar la cantidad de formas en su documento. Finalmente, aprenderá algunas técnicas básicas de fusión y cómo agregar una imagen para su fondo.

Para obtener más inspiración sobre cómo ajustar o mejorar su efecto de texto final, puede encontrar muchos recursos en GraphicRiver.

1. Cómo 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 850 en el Anchura y Altura cuadros, y luego haga clic en eso Avanzado botón. Seleccionar RGB Para el Modo de color, selecciona el Efectos raster a Pantalla (72 ppi), y luego haga clic Crear documento.

Habilitar el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Necesitará una cuadrícula cada 5 px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, y entrar 5 en el Gridline cada caja y 1 en el Subdivisiones caja. Trate de no desanimarse por toda esa cuadrícula: facilitará su trabajo y tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el Controlar-" atajo de teclado.

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

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 te olvides de configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..

2. Cómo crear el fondo y guardar un pincel de patrón

Paso 1

Elige el Herramienta Rectangular (M) y enfócate en tu barra de herramientas. Eliminar el color de la Carrera y luego seleccione la Llenar y establece su color en R = 43 G = 59 B = 84.

Mueva a su mesa de trabajo y simplemente cree un 860 px cuadrado. Asegúrese de que cubre toda su mesa de trabajo y luego mueva a la Capas panelVentana> Capas). Expandir la capa existente y simplemente Bloquear esa forma para asegurarse de que no la seleccione / mueva accidentalmente.

Paso 2

Regresa a tu barra de herramientas y reemplaza las existentes Llenar Color con blanco. Asegúrese de que el Herramienta Rectangular (M) sigue activo y crea una 15 x 10 px forma. Concéntrese en la parte inferior de este nuevo rectángulo y cambie al Herramienta de selección directa (A). Seleccione ambos puntos de anclaje y simplemente arrástrelos 10 px a la derecha.

Asegúrate de que esta forma blanca permanece seleccionada y ve a Efecto> Estilizar> Esquinas redondeadas. Entrar a Radio de 5 px y haga clic DE ACUERDO. Abre el Cepillos panelVentana> Cepillos) y haga clic en Cepillo nuevo. Comprobar el Pincel de patrón cuadro y haga clic DE ACUERDO para abrir el Opciones de pincel de patrón ventana. Ingrese todos los atributos que se muestran en la siguiente imagen y luego haga clic en DE ACUERDO botón para crear tu propio patrón de pincel.

3. Cómo crear tres círculos concéntricos

Paso 1

Elige el Herramienta Elipse (L) y crea un 320 px circulo. Asegúrese de que permanezca seleccionado y enfóquese en el Apariencia panel. Asegúrese de que no haya un conjunto de colores para el Llenar y luego seleccione la Carrera y aplica tu Pincel de patrón desde el Cepillos panel.

A continuación, necesitas centrar tu círculo. Abre el Alinear panelVentana> Alinear) y seleccione Alinear a Artboard. Si no tienes acceso a la Alinear hacia menú, abra el menú desplegable desde su Alinear panel e ir a Mostrar opciones. Ahora, asegúrese de que su círculo todavía esté seleccionado y luego simplemente haga clic en Centro de alineación horizontal y Centro de alineación vertical botones. Esto moverá inmediatamente tu círculo al centro de la mesa de trabajo.

Paso 2

Utilizando la Herramienta Elipse (L), crear un 300 px Círculo y céntrelo. Selecciona esta nueva forma y enfócate en el Apariencia panel.

Asegúrese de que no haya un conjunto de colores para el Llenar y luego seleccione la Carrera. Establece su color en blanco (R = 255 G = 255 B = 255) y luego haga clic en ese Carrera pedazo de texto para abrir el Carrera panel de salida. Selecciona el Peso a 5 px y compruebe el Alinear el trazo al interior botón.

Paso 3

Utilizando la Herramienta Elipse (L), crear un 280 px Círculo y céntrelo. Selecciona esta nueva forma y enfócate en el Apariencia panel.

Asegúrese de que no haya un conjunto de colores para el Llenar y luego seleccione la Carrera. Establece su color en blanco (R = 255 G = 255 B = 255), aumenta el Peso a 30 px y no olvides revisar eso Alinear el trazo al interior botón.

4. Cómo agregar texto y formas de máscara

Paso 1

Utilizando la Herramienta Elipse (L), crear un 240 px circulo, Llenar Con un color al azar y centrarlo. Asegúrese de que esta nueva forma permanece seleccionada, elija la Escriba en una herramienta de ruta, y abre el Personaje panelVentana> Tipo> Carácter).

Selecciona el Rockwell Extra Bold fuente, y establecer el tamaño en 15 px y el seguimiento a 500. Simplemente haga clic en el borde del círculo seleccionado y agregue su texto. Establece su color en negro (R = 0 G = 0 B = 0) y cambie a la Herramienta de selección directa (A). Use ese corchete central para arrastrar el texto como se muestra en la segunda imagen.

Paso 2

Utilizando la Herramienta Elipse (L), crear un 260 px circulo, Llenar Con un color aleatorio, y centrarlo. Asegúrese de que esta nueva forma permanezca seleccionada y vuelva a seleccionar la Escriba en una herramienta de ruta.

Volver a la Personaje panel y aumentar el tamaño de fuente para 16 px. Nuevamente, haz clic en el borde del círculo seleccionado y agrega tu fragmento de texto. Asegúrese de que el color esté configurado en negro (R = 0 G = 0 B = 0) y cambie a la Herramienta de selección directa (A). Mueva ese soporte central en el interior de su círculo, que también traerá su texto en el interior. Arrastra el texto como se muestra en la segunda imagen..

Paso 3

Seleccione ambas piezas de texto y Grupo ellos (Control-G). Seleccione este grupo junto con ese 280 px circulo, abre el Transparencia panelVentana> Transparencia), y haga clic en Hacer mascara botón. Desmarcar ese Acortar Caja y las cosas se verán como en la tercera imagen..

Etapa 4

Utilizando la Herramienta Elipse (L), crear un 210 px Círculo y céntrelo. Selecciona esta nueva forma y enfócate en el Apariencia panel.

Asegúrese de que no haya un conjunto de colores para el Llenar, y luego seleccione la Carrera. Ajusta su color a blanco, aumenta la Peso a 5 px, y no olvides revisar eso Alinear el trazo al interior botón.

5. Cómo crear la estrella

Paso 1

Utilizando la Herramienta Rectangular (M), crear un 80 px Cuadrarlo, hacerlo negro y centrarlo. Asegúrese de que esta nueva forma permanezca seleccionada y vaya a Objeto> Ruta> Añadir puntos de anclaje. Elige el Herramienta de selección directa (A) y seleccione los cuatro puntos de anclaje resaltados en la primera imagen. Cambiar a la Herramienta de escala (S) y simplemente arrastre los puntos de anclaje seleccionados 25 px Hacia el interior, como se muestra en la segunda imagen..

Utilizando la Herramienta Rectangular (M), crear un 150 px Cuadrarlo, ponerlo blanco, y centrarlo. Asegúrese de que esta nueva forma permanezca seleccionada y vaya a Objeto> Ruta> Añadir puntos de anclaje. Elige el Herramienta de selección directa (A) y seleccione los cuatro puntos de anclaje resaltados en la tercera imagen. Cambiar a la Herramienta de escala (S) y simplemente arrastre los puntos de anclaje seleccionados 60 px Hacia el interior, como se muestra en la segunda imagen..

Paso 2

Seleccione su estrella blanca y haga una Copia en frente (Control-C> Control-F). Seleccione esta copia junto con su estrella negra, abra el Pionero panelVentana> Pathfinder), y haga clic en Frente menos botón. Convierte las formas resultantes en un camino compuesto (Control-8) y establece el Llenar color a blanco.

Vuelve a seleccionar esa estrella blanca y simplemente pulsa. Shift-X para invertir rápidamente el Llenar y Carrera atributos Seleccione el trazo, aumente la Peso a 5 px, y no olvides revisar eso Alinear el trazo al interior botón.

Paso 3

Elige el Herramienta Pluma (P) y crea un triángulo simple como se muestra en la siguiente imagen. Hazlo blanco y ve a Efecto> Distorsionar y transformar> Transformar. Asegúrese de verificar el punto de referencia de abajo a la derecha, establezca Ángulo a 90 grados, entrar 3 en el Copias cuadro, y luego haga clic en eso DE ACUERDO botón.

Etapa 4

Concéntrese en la esquina superior de la forma de su estrella y elija la Herramienta Rectangular (M). Crear un 10 px escuadrar, ponerlo en blanco y colocarlo como se muestra en la primera imagen.

Concéntrese en la parte inferior de esta pequeña figura y cambie a la Herramienta de selección directa (A). Seleccione ambos puntos de anclaje y vaya a Objeto> Ruta> Promedio. Comprobar el Ambos cuadro y luego haga clic DE ACUERDO. Esto simplemente convertirá tu pequeño cuadrado en un triángulo..

Paso 5

Asegúrate de que tu pequeño triángulo permanezca seleccionado y ve a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento vertical deslizador a 190 px, comprobar el Reflejar y cuadro, y entrar 1 en el Copias caja. Haga clic en ese DE ACUERDO botón e ir de nuevo a Efecto> Distorsionar y transformar> Transformar. Selecciona el Ángulo a 90 grados, entrar 1 en el Copias cuadro, y luego haga clic en eso DE ACUERDO botón.

Paso 6

Selecciona todas las formas que componen tu logo y Grupo ellos (Control-G).

6. Cómo enmascarar un grupo de formas

Paso 1

Elige el Herramienta Rectangular (M) y crea un 90 x 50 px forma. Hazlo negro y colócalo exactamente como se muestra en la primera imagen. Céntrate en el lado derecho de este nuevo rectángulo y elige el Herramienta de selección directa (A). Seleccione el punto de anclaje superior y arrástrelo 10 px arriba, y luego seleccione el punto de anclaje inferior y arrástrelo 10 px abajo.

Hacer una Dupdo de esta forma negra, Dar la vuelta Colóquelo horizontalmente y colóquelo exactamente como se muestra en la tercera imagen..

Paso 2

Sigue enfocándote en tus dos formas negras. Selecciona la izquierda y ve a Efecto> Deformación> Pescado. Comprobar el Horizontal cuadro, arrastre el curva deslizador a 5%, y haga clic en ese DE ACUERDO botón. Selecciona la otra forma negra y ve de nuevo a Efecto> Deformación> Pescado. Comprobar el Horizontal cuadro, arrastre el curva deslizador a -5%, y haga clic en ese DE ACUERDO botón. Una vez que hayas terminado, vuelve a seleccionar las formas negras y Grupo ellos (Control-G).

Paso 3

Selecciona ambos grupos y ve a la Transparencia panel. Haga clic en ese Hacer mascara botón y no te olvides de Desmarcar la Acortar caja.

7. Cómo crear las cintas

Paso 1

Elige el Herramienta Rectangular (M) y crea un 90 x 50 px forma. Hazlo blanco y colócalo como se muestra en la primera imagen..

Céntrate en el lado derecho de este nuevo rectángulo, elige el Añadir herramienta de punto de anclaje (+), y simplemente agregue un nuevo punto de anclaje como se muestra en la primera imagen. Cambiar a la Herramienta de selección directa (A), Seleccione el nuevo punto de anclaje y arrástrelo 20 px a la izquierda.

Hacer una Dupdo de esta forma blanca, Dar la vuelta Colóquelo horizontalmente, y colóquelo como se muestra en la tercera imagen..

Paso 2

Elige el Tipo de herramienta (T) y seleccione la fuente Pacifico de la Personaje panel. Selecciona el tamaño a 20 px y el seguimiento a 500, y luego agregar el "19"parte del texto. Haga que sea negro y colóquelo como se muestra en la primera imagen.

Seleccione esta nueva pieza de texto junto con la forma blanca que se encuentra detrás de ella y Grupo ellos (Control-G). Asegúrese de que este nuevo grupo permanezca seleccionado y vaya a Efecto> Deformación> Pescado. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en ese DE ACUERDO botón.

Paso 3

Sigue enfocándote en el grupo realizado en el paso anterior. Seleccione el texto y la forma dentro de este grupo, vaya a la Transparencia panel, y haga clic en ese Hacer mascara botón. No olvides desmarcar eso. Acortar cuadro, y las cosas deben verse como en la segunda imagen.

Etapa 4

Volver a seleccionar el Tipo de herramienta (T) y agregue el "38"parte del texto. Haga que sea negro y colóquelo como se muestra en la primera imagen.

Seleccione esta nueva pieza de texto junto con la forma blanca que se encuentra detrás de ella, y Grupo ellos (Control-G). Asegúrese de que este nuevo grupo permanezca seleccionado, y vaya a Efecto> Deformación> Pescado. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en ese DE ACUERDO botón.

Paso 5

Sigue enfocándote en el grupo realizado en el paso anterior. Seleccione el texto y la forma dentro de este grupo, vaya a la Transparencia panel, y haga clic en ese Hacer mascara botón. No olvides desmarcar eso. Acortar cuadro, y las cosas deben verse como en la segunda imagen.

8. Cómo agregar una imagen para su fondo

Paso 1

Volver a la Capas Panel y desbloquear ese cuadrado azul. Selecciónelo y concéntrese en el Apariencia panelVentana> Apariencia). Selecciona el Llenar, baja su Opacidad a 50%, y cambiar el Modo de fusión a Color.

Paso 2

Descarga esta imagen gratuita y arrástrala dentro de tu documento. Cambia el tamaño, envíalo a la parte posterior usando el Shift-Control- [ método abreviado de teclado, y colóquelo aproximadamente como se muestra en la siguiente imagen.

Paso 3

Vuelva a seleccionar su cuadrado azul, enfóquese en el Apariencia panel, y agregar un segundo relleno usando el Añadir nuevo relleno botón. Seleccione este nuevo Llenar, establece el color en R = 39 G = 170 B = 225, baja su Opacidad a 50%, y cambiar el Modo de fusión a Luz tenue.

¡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. Echa un vistazo a este tutorial de Yulia Sokolova si estás interesado en aprender más técnicas que se pueden usar para crear logotipos vectoriales: crea un logotipo retro en un fondo borroso en Adobe Illustrator.

Siéntete libre de ajustar el diseño final y hacerlo tuyo. Puede encontrar algunas excelentes fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar su diseño..