7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Sketch

Cómo crear un logo para barbería

Scroll to top
Read Time: 12 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

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.

new artboardnew artboardnew artboard

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.

barber shop logo gridbarber shop logo gridbarber shop logo grid

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.

barber shop logo backgroundbarber shop logo backgroundbarber shop logo background

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.

barber shop logo ovalbarber shop logo ovalbarber shop logo oval

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.

border dashborder dashborder dash

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.

rectanglerectanglerectangle

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.

rectanglerectanglerectangle

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).

delete pointdelete pointdelete point

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.

rectanglerectanglerectangle

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.

triangletriangletriangle

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.

duplicate flip alignduplicate flip alignduplicate flip align

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.

ovalovaloval

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.

oval dash borderoval dash borderoval dash border

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.

ovalovaloval

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.

white borderwhite borderwhite border

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.

scissorscissorscissor

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.

text on pathtext on pathtext on path

Paso 4

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

text on pathtext on pathtext on path

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.

white borderwhite borderwhite border

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.

scissorscissorscissor

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".

texttexttext

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).

text on path reverse ordertext on path reverse ordertext on path reverse order

Paso 9

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

text on pathtext on pathtext on path

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.

texttexttext

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.

scissors vectorscissors vectorscissors vector

¡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.

old school barber shop logo designold school barber shop logo designold school barber shop logo design

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!

barber shop logo makerbarber shop logo makerbarber shop logo maker

¿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
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.