Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. CorelDRAW

Diseña una portada en Facebook de Hipster Barbershop en CorelDRAW

by
Difficulty:IntermediateLength:LongLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

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

Final product image
What You'll Be Creating

¡Obten tú prueba gratuita de 30 días ahora! Descarga una versión de prueba totalmente funcional de 30 días de CorelDRAW Graphics Suite X7. Esta versión de prueba está disponible en versiones de 32 y 64 bits. La versión de 64 bits se ha optimizado para aquellos con versiones de 64 bits de Microsoft Windows 8/8.1 o Windows 7.

En este tutorial vamos a crear un banner de estilo retro para una barbería hipster en CorelDRAW® X7. Aprenderemos a utilizar varias herramientas para crear curvas y segmentos y dibujar el cabello, renderizando una elegante barba tupida. Después, continuaremos diseñando un banner y descubriremos cómo convertirlo en una imagen de portada de Facebook a la moda. ¡Empecemos!

1. Hacer lentes hipster con estilo

Paso 1

Comenzaremos formando una idea básica de nuestro futuro banner. Ya que va a ser una portada de Facebook, vamos a hacerla simple y minimalista para no sobrecargar nuestro banner con detalles, lo que puede distraer al espectador del elemento principal de la composición. Aquí hay un boceto muy áspero de lo que vamos a diseñar. Hemos dejado un poco de espacio en blanco en la parte inferior, ya que estará parcialmente cubierto por los elementos de la interfaz de Facebook, como la imagen de perfil en la esquina inferior izquierda y los botones de información/mensaje en la parte inferior izquierda.

Facebook cover sketch

Paso 2

Seleccione la herramienta Pluma en el panel Herramientas y comience a formar la forma de lentes básicas. Haga clic y suelte el botón del ratón para crear una esquina nítida y haga clic y arrastre hasta que vea los controladores de control para crear una curva suave.

make the glasses rim with pen tool 1

Continúe agregando nodos y vuelva al nodo inicial, haciendo una ruta de acceso cerrada. Utilice la herramienta Forma (F10) si es necesario para editar las curvas cambiando la posición de los nodos y los controladores de control.

make the glasses rim with pen tool 2

Paso 3

Ahora que tenemos la base del bordo, formemos la lente en sí. Comience por tomar la herramienta Rectángulo (F6) y colocar un cuadrado dentro del borde de los lentes. Haga las esquinas ligeramente redondeadas y luego Convierta el rectángulo en Curvas (Control-Q). Por último, utilice la herramienta Forma (F10) de nuevo para modificar la forma, ensilándola en el borde.

form the lens base from rectangle with rounded corners

Paso 4

Seleccione ambas formas creadas y utilice la función Recortar forma para cortar un agujero en el borde. Deje la forma original de la lente en la parte superior del borde.

use Trim Shaping function to cut out a hole in the rim

Paso 5

Rellena la forma de la lente con azul claro y usa la herramienta Transparencia con Relleno de transparencia uniforme, reduciendo la opacidad de la lente en un 50%. Añade un pequeño elemento decorativo en la parte izquierda del borde formando una elipse con la herramienta Elipse (F7) y convirtiéndolo en Curvas (Control-Q). Haz las esquinas detalladamente, moviendo el control que maneja la herramienta de Forma (F10)

apply transparency to the lens and add decorative elements

Paso 6

Añade una forma curva  de color blanco en la parte superior del borde y hazla semitransparente, formando un resaltado en la superficie de plástico resbaladiza de los lentes.

add highlight to the rim

Paso 7

Copia y Pega la forma del borde dos veces (Control-C > Control-V > Control-V) y arrastra la copia superior hacia arriba y hacia la derecha un poco. Seleccione las dos copias y utilice la función Atrás menos frente para cortar las piezas innecesarias. Llena los contornos recién creados con color rojo oscuro, haciendo que el borde sea más vivo y tridimensional. Agrupa (Control-G) todas las partes creadas de los lentes, haz una copia y crea la segunda mitad de los lentes reflejandolo horizontalmente.

add bright outline to the rim and form the glasses

Paso 8

Hagamos que los lentes sean más realistas añadiendo algunos reflejos. Crea un conjunto de rectángulos angostos, rellénalos con color blanco y reduce la opacidad con la herramienta Transparencia. Continúa y Suelda las formas, convirtiéndolas en una sola curva. Coloca los reflejos por encima de los lentes, girándolos diagonalmente.

make highlights with rectangles

Paso 9

Selecciona tanto el lente como el reflejo y usa la función Intersectar para cortar las partes innecesarias fuera del borde de las gafas. Haz que ambos reflejos se ajusten a los lentes, creando un agradable efecto brillante.

use Intersect function to form the highlights

2. Diseña un bigote hipster rizado con la herramienta Bézier

Paso 1

En primer lugar, probaremos otra herramienta de creación de curvas: la herramienta Bézier. Puede parecer un poco complicado al principio, pero estos son algunos consejos sobre el uso de la herramienta Bézier para dibujar formas complejas. Comencemos por hacer varios movimientos básicos para acostumbrarnos. Mantén pulsada la tecla Mayús para hacer una línea recta y luego, haz clic y suelta para crear un zigzag.

make zigzag lines with Bezier tool

Ahora intenta hacer clic, mantén presionado el botón del ratón y arrastra, hasta que veas las manijas de control que te ayudan a hacer una curva simétrica suave.

make a smooth symmetrical curve

Si quieres hacer una línea curva de un lado y una esquina afilada del otro, haz clic, arrastra y luego presiona la tecla C, convirtiéndola en un nodo Cúspide (o esquina) para mover las manijas de control por separado. Gira la manija de control y luego continúa dibujando una línea, haciendo así una esquina afilada.

create a corner with bezier tool

Por último, para hacer una curva suave con longitud desigual de las manijas de control, haz clic en el nodo final y presiona la tecla S, alargando la manija de control.

make a smooth curve with bezier tool

Paso 2

¡Suficiente teoría, practiquemos y peinemos el bigote hipster! Usa el bosquejo inicial para trazar la mitad izquierda del bigote, usando la herramienta Bézier. Edita la forma con la ayuda de la herramienta Forma (F10), haciendo que las curvas sean más suaves y fluidas.

make the mustache with bezier tool

Paso 3

Ahora tenemos que dibujar el cabello, añadiendo más detalles. Rellena la forma creada con color marrón oscuro, toma la herramienta Mano alzada (F5) y dibuja una forma en zigzag para el tono. La herramienta Mano alzada (F5) acelera el proceso de dibujo y te da más libertad, aunque todavía puedes usar la herramienta Bézier si te hace sentir más cómodo para crear las formas complejas.

Selecciona todos los nodos de la forma creada con la herramienta Forma (F10) y haz clic en el icono Cerrar curva para crear un trazado cerrado. Selecciona todos los nodos haciendo doble clic en la forma y luego todas las esquinas con la función Nodos cúspide. Ahora puedes rotar y reposicionar las manijas de control de cada nodo por separado para suavizar la forma y eliminar los bucles y las protuberancias. Mantén pulsada la tecla Control y haz clic en blanco en la paleta de colores, lo que aclarará el color actual un 10% cada vez que hagas clic en la muestra blanca.

color the mustache and add chaps with freehand tool 1

Paso 4

Crea otra forma de zigzag en la parte inferior del bigote y córtala con la función Intersectar, de la misma forma que hicimos con los reflejos de las gafas. Rellena la forma recién creada con un color marrón más oscuro, haciendo una sombra sutil.

make a shadow in the bottom part of the mustache

Paso 5

Continúa añadiendo formas de cabello, alternando los colores. Coloca las partes de color marrón claro en la parte superior del bigote.

Continue adding hair shapes

Añade el cabello más oscuro en el área inferior, aumentando la sombra.

Add the darker hair in the bottom area

Paso 6

Cuando veas el bigote lo suficientemente detallado, haz una copia y voltéalo horizontalmente hacia el otro lado.

make a copy of the mustache and flip it horizontally

3. Haz una barba tupida de moda

Paso 1

Vamos a trazar la barba, usando el boceto inicial y haciendo líneas suaves con la herramienta Bézier.

trace the beard

Paso 2

Haz más giros y rizos para agregar dinámica a la imagen. Usa la herramienta Forma (F10) y haz doble clic en el trazado, creando nodos adicionales, haciendo que la silueta de la barba sea más detallada.

add more details to the beard base

Paso 3

Si la paleta de documento no está abierta, haz clic en Windows > Paleta de colores > Paleta de documento. Dentro de la paleta Color del documento encontrarás los colores que utilizaste anteriormente para el bigote. Rellena la barba con el mismo color marrón de la forma básica del bigote y comienza a crear las formas en zigzag a lo largo del borde de la barba.

color the beard and start adding details

Paso 4

Usa la función Intersectar para hacer que las formas se ajusten a la barba, cortando las partes no deseadas. Rellénalos con un color marrón más oscuro, sombreando las áreas.

use Intersect to form the shadows

Paso 5

Añade formas oscuras más cerca del área de la boca y haz que la barba sea más tridimensional agregando áreas más grandes de un color marrón más claro.

add more shadows to the beard

Paso 6

Continúa y renderiza otra capa de formas en zigzag, cubriendo parcialmente las formas de sombra anteriores. Esta vez rellena los elementos con un color marrón claro, formando así matices brillantes y dejando el cabello brillante y suave. Añade reflejos más pequeños arriba para hacer la barba más gruesa.

add lighter hair to the beard

Paso 7

Termina con la barba colocando unos pequeños trazos oscuros en la parte superior, haciendo que el cabello sea más realista.

add final details to the beard

4. Diseña una portada de Facebook para la barbería hipster

Paso 1

Para hacer un banner atractivo para Facebook, necesitamos conocer sus dimensiones exactas para poder construir una composición adecuada. Facebook nos ofrece instrucciones útiles y detalladas sobre cómo configurar las dimensiones de nuestra imagen de portada.

En resumen, la imagen de portada se muestra a 851 píxeles de ancho por 315 píxeles de alto en tu página en las computadoras. Esta es la imagen con los tamaños exactos que Facebook nos proporciona como ejemplo:

faceboob example cover image dimensions

Paso 2

Usemos estos tamaños para hacer nuestra propia portada. Deselecciona todo y dirígite a la barra de propiedades, donde podemos configurar las dimensiones de la página de nuestra área de trabajo. Configura el ancho de nuestro documento en 851 px y la altura en 315 px.

Coloca el rostro hipster creado casi en el centro de la página (muévela un poco más cerca de la parte derecha, ya que la parte opuesta de la imagen estará parcialmente cubierta por el avatar). Al hacer doble clic en la herramienta Rectángulo (F6) se coloca automáticamente un rectángulo de fondo en la parte inferior de nuestra Capa, debajo de todos los demás objetos. Rellena el fondo creado con un color beige neutro.

set the page sizes for the cover and create a background

Paso 3

Démosle vida a la portada agregando texto y elementos decorativos, haciéndola más informativa. Ármate con la herramienta Elipse (F7) y crea una larga franja estrecha haciendo que la elipse sea muy delgada y aplastada. Copia la forma varias veces y forma dos pares de separadores. Añade un poco de texto elegante, utilizando fuentes retro (usé las fuentes Diner Regular y SeasideResort de fontsquirrel.com), representando la idea principal de nuestro banner.

add text and dividers

Paso 4

Copia la forma básica de la barba y colócala en la parte superior. Agregamos un contorno grueso haciendo clic en algún color de la paleta de colores con el botón derecho del mouse. Luego, haz doble clic en el icono Pluma del contorno en el panel de control inferior para abrir la ventana de opciones emergentes. Haz que el contorno sea suave configurando las Tapas de línea en la posición central y marca la casilla Detrás del relleno.

add outline to the beard

Paso 5

Convierte el objeto delineado creado en Curvas (Control-Q) y suéldalo con la copia de la barba, creando una silueta más grande.

weld the shapes to make a silhouette

Paso 6

Rellenemos la parte inferior de nuestro banner con un patrón. Configura la Distancia duplicada en la Barra de propiedades en 30 px para el eje X y 0 px para el eje Y. Haz una franja angosta con la herramienta Rectángulo (F6) y Duplícala (Control-D) varias veces, formando una textura rayada.

create stripes with duplicate function 1

Paso 7

Cambia el color de la primera franja a una que contraste, por ejemplo azul (podemos cambiarla en cualquier momento más adelante), y esta vez configura la Distancia duplicada en 15 px para el eje X y 0 px para el eje Y. Duplica (Control-D) la franja azul tantas veces como sea necesario, de modo que el patrón sea lo suficientemente grande como para cubrir la parte inferior de nuestro banner.

create stripes with duplicate function 2

Paso 8

Coloca el patrón creado sobre el rectángulo de fondo y usa la combinación de teclas Control-Página Abajo para reorganizar la posición del contorno de la barba, colocándolo justo encima de las rayas, de modo que la barba esté separada de los objetos debajo de ella. Usa la herramienta Forma (F10) para expandir la parte interna de la silueta de la barba, cubriendo los separadores cerca de las gafas.

separate the beard from the background stripes

Paso 9

Juguemos un poco con los colores, haciéndolos más sutiles y hipster, aumentando el efecto retro de nuestra imagen. Comienza seleccionando el borde de las gafas y cambia su color a rojo pálido haciendo clic en el icono de cubo de Relleno en el panel de control inferior para mostrar la ventana Editar relleno.

recolor the glasses to red

Paso 10

Ahora trabajemos en el fondo. Comienza abriendo la ventana acoplable Estilos de color en Ventana > Acoplables > Estilos de color. Selecciona los elementos que quieres volver a colorear (rayas azules y rojas), arrástralos a la nueva ventana acoplable y colócalos en el área con la siguiente descripción: Arrastra aquí para agregar estilo de color y crea una armonía, dejando los ajustes en la ventana emergente Crear estilos de color como predeterminado.

use the Create Color Styles docker to recolor the elements

Selecciona el primer grupo representado por el color rojo y desplázate a la sección Editor de armonía, donde puedes cambiar el color con la ayuda de la rueda de color. Sólo tienes que tomar el slider dentro de la rueda y moverlo a la posición deseada. De lo contrario, puedes cambiar el color en el menú Editor de colores (en la misma ventana acoplable Estilos de color, en el Editor de armonía). Cambia nuestro color rojo a beige grisáceo y pasa al siguiente grupo de colores.

use the Create Color Styles docker to recolor the elements 2

Selecciona el color azul (nuestro segundo grupo en la ventana acoplable Estilos de color) y cambia el color a turquesa grisáceo utilizando la misma técnica simple.

use the Create Color Styles docker to recolor the elements 3

Editemos otros colores usando el mismo método, cambiando el relleno del texto también. Haz que el fondo sea más claro, añadiendo más contraste a la portada. Así es como se ve nuestra imagen de portada en Facebook.

cover image on Facebook

¡Sí! ¡Nuestra portada de Facebook para barbería hipster está lista!

¡Buen trabajo, chicos! Logramos crear una imagen de portada de moda para Facebook y aprendimos a dibujar cabello usando varias herramientas de curvas de CorelDRAW. Espero que hayas disfrutado siguiendo los pasos de este tutorial y hayas encontrado algunos consejos y trucos útiles. ¡Buena suerte con tu arte!

Finished hipster barbershop illustration in CorelDRAW
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.