Cómo crear un logo para barbería

En los siguientes pasos, aprenderás cómo crear un logo para barbería en Sketch.

Para empezar, aprenderás cómo crear una mesa de trabajo personalizada y cómo configurar una cuadrícula sencilla. Usando formas simples y trazos y algunas técnicas para aplicar estilo al trazo, aprenderás a crear los componentes principales de tu logo para barbería. Al avanzar, aprenderás cómo añadir un texto sencillo y colocarlo en un trazado.

Finalmente, aprenderás cómo importar un contorno vectorial e incorporarlo en tu logo para barbería de la vieja escuela.

Elimina la problemática de crear logos y prueba un creador de logo de barbería. Explora una sorprendente colección de ideas para logo de barbería en Placeit ¡para crear fácilmente tu propio logo de barbería!

Lo Que Necesitarás

Necesitarás los siguientes recursos para completar este diseño de logo para barbería:

• Fuente Ponds Grunge
• Conjunto de vectores Barbershop

1. Cómo crear una mesa de trabajo y configurar una cuadrícula

Paso 1

Ve a Insert > Artboard (Insertar > Mesa de trabajo) de la barra de herramientas o menú (o presiona la tecla A). El inspector revelará una lista de ajustes preestablecidos, pero crearemos una mesa de trabajo con un tamaño personalizado. Simplemente haz clic y arrastra dentro de tu lienzo para crear una nueva mesa de trabajo.

Asegúrate de que tu mesa de trabajo siga activa, y enfócate en el Inspector ubicado en la parte derecha. Establece Width (anchura) y Height (altura) en 850. Una vez que termines, pulsa Escape para deseleccionar tu mesa de trabajo.

Paso 2

Necesitaremos una cuadrícula para que puedas fácilmente crear objetos estilo pixel-perfect. Primero, ve a View > Canvas > Show Grid (Ver > Lienzo > Mostrar cuadrícula) (Control-G) para habilitar la cuadrícula.

A continuación, ve a View > Canvas > Grid Settings...(Ver > Lienzo > Ajustes de cuadrícula...) para editar tu cuadrícula. Ingresa 10 px en la casilla Grid block size (tamaño de bloque de cuadrícula) y 1 en la casilla Thick lines every (líneas gruesas cada) para obtener una línea de cuadrícula cada 10 px. Haz clic en la casilla Dark Color (color oscuro), establece el color en negro (#000000) y disminuye la Opacity (Opacidad) (canal alfa) a 10. Ahora que todo está preparado, comencemos a trabajar en este diseño de logo para barbería.

2. Cómo Crear el Fondo y las Piezas Principales del Logo para Barbería

Paso 1

Ve a Insert > Shape > Rectangle (Insertar > Forma > Rectángulo) desde la barra de herramientas o menú (o presiona la tecla R). Crea un cuadrado de 850 px y asegúrate de que cubre toda tu mesa de trabajo. Mantén presionada la tecla Mayúsculas mientras arrastras para crear un cuadrado perfecto. Ve a View > Canvas > Show All Guides (Ver > Lienzo > Mostrar todas las guías) para habilitar las Smart Guides (guías inteligentes) que te ayudarán a ver cuando tu forma esté perfectamente centrada.

Asegúrate de que tu cuadrado siga seleccionado, y enfócate en la sección Style (estilo) del panel Inspector. Desmarca esta casilla pequeña para deshabilitar el Border (borde) existente y luego cambia el color de relleno Fill a #E7C891.

Paso 2

Ve a Insert > Shape > Oval (Insertar > Forma > Óvalo) desde la barra de herramientas o menú (o presiona la tecla O). Crea un círculo de 520 px y asegúrate de que siga seleccionado. Mantén presionada la tecla Mayúsculas mientras arrastras para crear un círculo perfecto.

Primero, enfócate en la parte superior del panel Inspector y usa los campos de ingreso de datos X y Y para colocar tu selección de la mesa de trabajo. Ingresa 160 en ambas casillas, y luego mueve la sección Style (estilo) desde el panel Inspector. Deshabilita el Border (borde) y establece el color de relleno Fill en #222129.

Paso 3

Ve a Insert > Shape > Oval (Insertar > Forma > Óvalo) desde la barra de herramientas o menú (o presiona la tecla O). Crea un círculo de 500 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen. Una vez más, las Smart Guides (guías inteligentes) facilitarán esto.

Ve a la sección Style (estilo) desde el panel Inspector, deshabilita el relleno Fill, y enfócate en el borde Border. Marca el botón Inside (adentro) e incrementa la Anchura a 10. Ingresa 5.0 en las casillas Dash (guión) y Gap (espacio), y luego haz clic en el botón de color y cámbialo a #E7C891.

3. Cómo Agregar un Listón Horizontal a Tu Logo para Barbería

Paso 1

Ve a Insert > Shape > Rectangle (Insertar > Forma > Rectángulo) desde la barra de herramientas o menú (o presiona la tecla R). Crea un círculo de 540 x 80 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen.

Enfócate en la sección Style (estilo) del panel Inspector, deshabilita el borde Border, y cambia el color de relleno Fill a #E7C891.

Paso 2

Asegúrate de que Rectangle Tool (R) (Herramienta Rectángulo) continúe activa. Crea un rectángulo de 20 x 30 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen.

Enfócate en la sección Style (estilo) del panel Inspector, deshabilita el borde Border, y cambia el color de relleno Fill a #222129.

Paso 3

Haz doble clic dentro del rectángulo realizado en el paso anterior para activar el modo Edit (edición). Selecciona el punto de ancla superior derecho y elimínalo usando la tecla Suprimir.

Pulsa la tecla Esc para abandonar el modo Edit (edición), y luego pulsa las teclas Comando-C para copiar tu selección. Pulsa las teclas Comando-V para añadir una copia de tu triángulo, y colócalo como se muestra en la tercera imagen. Asegúrate de que siga seleccionado y ve a Layer > Transform > Flip Vertically (Capa > Transformar > Voltear verticalmente).

Paso 4

Ve a Insert > Shape > Rectangle (Insertar > Forma > Rectángulo) desde la barra de herramientas o menú (o presiona la tecla R). Crea un rectángulo de 10 x 20 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen.

Enfócate en la sección Style (estilo) del panel Inspector, deshabilita el borde Border y cambia el color de relleno Fill a #222129.

Paso 5

Haz doble clic dentro del rectángulo realizado en el paso previo para activar el modo Edit (edición). Selecciona el punto de ancla superior izquierdo y elimínalo, y luego selecciona el punto de ancla inferior izquierdo y arrástralo hacia arriba 10 px como se muestra en la tercera imagen.

Paso 6

Selecciona tus tres formas de triángulo y duplícalas (Comando-C > Comando-V). Asegúrate de que únicamente las copias sigan seleccionadas, y arrástralas hacia el lado izquierdo de tu diseño.

Ve a Layer > Transformar > Flip Horizontally (Capa > Transformar > Voltear Horizontalmente) para voltear tu selección, y luego ve a la parte superior del panel Inspector y haz clic en el botón Align layer to left (alinear capa a la izquierda). Al final, las cosas deberían de verse como la quinta imagen.

4. Cómo agregar las piezas centrales de tu logo para barbería

Paso 1

Ve a Insert > Shape > Oval (Insertar > Forma > Óvalo) desde la barra de herramientas o menú (o presiona la tecla O). Crea un círculo de 280 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen.

Enfócate en la sección Style (estilo) del panel Inspector, deshabilita el borde Border y cambia el color de relleno Fill a #E7C891.

Paso 2

Usando la herramienta óvalo Oval tool (O), crea un círculo de 260 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen.

Ve a la sección Style (estilo) del panel Inspector, deshabilita el relleno Fill, y enfócate en el border Border. Marca el botón Inside (adentro) e incrementa Width (anchura) en 10. Ingresa 5.0 en las casillas Dash (guión) y Gap (espacio), y luego haz clic en el botón de color y cámbialo a #222129.

Paso 3

Usando la herramienta óvalo Oval Tool (O), crea un círculo de 220 px Asegúrate de que siga seleccionado y colócalo como se muestra en la siguiente imagen.

Enfócate en la sección Style (estilo) del panel Inspector, deshabilita el borde Border, y cambia el color de relleno Fill a #222129.

5. Cómo Agregar Texto en un Trazado

Paso 1

Usando la herramienta óvalo Oval Tool (O), crea un círculo de 420 px, asegúrate de que siga seleccionado, y colócalo como se muestra en la siguiente imagen.

Ve a la sección Style (estilo) del panel Inspector, deshabilita el relleno Fill, cambia el color de borde Border a blanco (#FFFFFF), e incrementa su Width (anchura) a 5. Una vez que termines, pulsa las teclas Opción-Comando-C para copiar los atributos del Style (estilo) de tu selección. Aprenderás cómo pegar fácilmente estos atributos a una nueva forma en uno de los siguientes pasos.

Paso 2

Asegúrate de que tu círculo con trazo blanco siga seleccionado, y ve a Layer > Path > Scissors (Capa > Trazado > Tijeras). Usa clics sencillos para eliminar los lados superiores de tu forma seleccionada, como se muestra en las siguientes imágenes.

Paso 3

Ve a Insert > Text (Insertar > Texto) desde la barra de herramientas o menú (o presiona la tecla T). Haz clic una vez en tu mesa de trabajo para crear un campo de texto y enfócate en la sección Text (texto) del panel Inspector.

Selecciona la fuente Ponds Grunge, establece el tamaño en 65 y el espaciado de Carácter en 3, cambia el color a #FDEDD1, y luego simplemente escribe "SHAVES & CUTS".

Asegúrate de que este fragmento de texto siga seleccionado y ve a Text on Path (Texto > Texto en trazado). Arrastra tu texto hacia el trazado blanco y deja que se ajuste en el lugar. Recuerda que cuando quieres agregar texto a un trazado vectorial, el trazado debería estar debajo del texto en la Lista de Capas.

Paso 4

Vuelve a seleccionar el trazado blanco, ve a la sección Style (estilo) del panel Inspector y simplemente deshabilita el borde Border.

Paso 5

Usando la herramienta óvalo Oval Tool (O), crea un círculo de 340 px. Asegúrate de que siga seleccionado, colócalo como se muestra en la siguiente imagen, y pulsa las teclas Opción-Comando-V para pegar instantáneamente los atributos de Style (estilo) copiados hace unos cuantos pasos.

Paso 6

Asegúrate de que tu círculo con trazo blanco siga seleccionado, ve a Layer > Path > Scissors (Capa > Trazado > Tijeras), y elimina los lados inferiores de tu forma seleccionada, como se muestra en las siguientes imágenes.

Paso 7

Ve a Insert > Text (Insertar > Texto) desde la barra de herramientas o menú (o presiona la tecla T) y añade un nuevo campo de texto.

Asegúrate de que la fuente Ponds Grunge siga seleccionada, establece el tamaño en 75 y el espaciado de Carácter en -4, mantén el color existente (#FDEDD1), y luego escribe "BARBER SHOP".

Paso 8

Asegúrate de que tu nuevo fragmento de texto siga seleccionado y ve a Text > Text on Path (Texto > Texto en Trazado). Arrastra tu texto hacia el trazado blanco y déjalo que se ajuste en el lugar. Ahora, tu texto se ajustará en el lado interno del trazado. Para moverlo en el lado externo del trazado, simplemente ve a Layer > Path > Reverse Order (Capa > Trazado > Invertir Orden).

Paso 9

Vuelve a seleccionar el trazado blanco, ve a la sección Style (estilo) del panel Inspector y deshabilita el borde Border.

6. Cómo añadir el texto y el contorno de las tijeras a tu logo para barbería

Paso 1

Usa la herramienta texto Text Tool (T) para añadir el texto "EST." y "1987". Usa la misma fuente, establece el tamaño en 40 y el espaciado de Carácter a 2, y cambia el color a #222129. Coloca este nuevo texto como se muestra en las siguientes imágenes.

Paso 2

Copia el contorno de las tijeras del conjunto de vectores Barber Shop y pégalo dentro de tu documento de Sketch. Selecciónalo, haz clic en el botón Rotate (rotar) de la Barra de herramientas, y rota tu selección como se muestra en la siguiente imagen. Pulsa la tecla Esc para salir del modo Rotate (rotar), y escala tu selección para que encaje en el círculo interior oscuro, como se muestra abajo. Una vez que termines, cambia el color de tus tijeras a #E7C891.

¡Felicidades! ¡Tu logo para barbería está terminado!

Aquí está cómo debería lucir tu logo para barbería de la vieja escuela. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No dudes en compartir tu logo para barbería vintage en la sección de comentarios.

Con toda confianza puedes ajustar este diseño de logo para barbería y hacerlo tuyo. Puedes encontrar algunas sensacionales ideas para logo de barbería en GraphicRiver, con interesantes soluciones para mejorar tu diseño.

Ideas para logo de barbería en Placeit

Elimina la problemática de crear logos y prueba un creador de logo para barbería. Explora una sorprendente colección de ideas para logo de barbería en Placeit ¡para crear fácilmente tu propio logo de barbería!

¿Quieres aprender más?

Consulta los siguientes tutoriales sobre diseño de logos:

• 
  Diseño de logos
  Genial Creador de Logos: Más de 20 Diseños Minimalistas de Logos para Personalizar
  Melody Nieves
• 
  Diseño de logos
  ¿Qué hace a un logo bueno? 7 Consejos y pautas para diseño de logos
  Nona Blackman
• 
  Diseño de logos
  Los mejores kits de plantillas gratuitas para diseño de logos (nuevos para el 2017)
  Melody Nieves
• 
  Adobe Illustrator
  Cómo diseñar logos en Adobe Illustrator basados en degradados
  Daniel White
• 
  Efectos de Texto
  Cómo crear un rápido efecto de texto de madera quemada en Adobe InDesign
  Grace Fussell
• 
  Tipografía
  Cómo crear una etiqueta de whiskey inspirada en Jack Daniels en Adobe InDesign y Adobe Illustrator
  Grace Fussell
• 
  Diseño de Logos
  Tipografía en acción: diseño sencillo y efectivo de logos con texto
  Grace Fussell
• 
  Diseño de Logos
  Cómo crear un logo con temática náutica en Adobe Illustrator
  Andrei Marius
• 
  Marca
  Cómo crear las pautas de tu propia marca
  Grace Fussell
• 
  Tipografía
  Cómo crear una fuente para tatuaje con temática náutica
  Chris Carey