Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Sketch
Design

Cómo crear un logo para barbería

by
Difficulty:IntermediateLength:MediumLanguages:

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

rectangle

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.

rectangle

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

rectangle

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.

triangle

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

oval

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

oval

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

scissor

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

scissor

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

text

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

text

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 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 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 maker

¿Quieres aprender más?

Consulta los siguientes tutoriales sobre diseño de logos:

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