Articles, Blog

Configurar PLANTILLA para PORTADA de FACEBOOK en Corel DRAW | DelcaVideography

October 30, 2019


Hola a todos y bienvenidos a DelcaVideography, tu canal de diseño gráfico, audiovisual y fotográfico. Recuerda que
mi nombre es Javier y soy el creador de este canal y si eres nuevo por aquí
no olvides suscribirte y activar la campanita de notificaciones. Si te has
preguntado cómo configurar una imagen de portada de facebook que esté optimizada
para cualquier dispositivo entonces este tutorial es para ti y por supuesto te
enseñaré cómo hacerlo ,paso a paso, a través de Corel DRAW.
No olvides seguirme en instagram y facebook como DelcaVideography,
además de realizar mi curso maestro certificado en diseño gráfico y
audiovisual en Udemy, con cientos de estudiantes inscritos alrededor del
mundo y tú también puedes hacer parte de éste usando el cupón de descuento que
comparto contigo en la caja de descripción justo debajo de este vídeo.
Ahora sí divirtámonos editando en nuestro Corel Draw. En este tutorial te voy a enseñar a
crear la plantilla para configurar tu portada de facebook de una forma muy
simple así que vamos a comenzar por compartir los espacios que vamos a tener
en cuenta a la hora o al momento de utilizar una imagen o tener en cuenta
para un diseño así que tenemos que tener en cuenta varias cosas primero que
debemos considerar que posiblemente nos visiten desde un móvil un teléfono móvil
una tablet pero también lo podemos hacer desde una computadora a un ordenador así
que hay áreas en las cuales yo debo casi que omitir para el contenido que va a
agregar para la portada así que es importante tener todo este formato
completo que vamos a utilizar 820 píxeles por 360 pero que al momento de
consultar o buscar o visitar desde un dispositivo móvil o a través de un
computador o computadora encontrar con que posiblemente me vayan
a omitir información así que es importante tener este espacio blanco
vital que es en cualquiera de los casos donde yo voy a poder visualizar siempre
la información así que una vez tenido esta introducción vamos a crear el
documento en core el para conocer con qué características lo debo hacer así
que vamos a crear un nuevo documento en este icono y acá en esta ventana de
diálogo vamos a seleccionar web y automáticamente tenemos 96 cpi y
también rgb porque es para monitores para pantallas así que ya por defecto
está ahí pero si vamos a cambiar el tamaño por los 820 por 360 píxeles una
vez que tengamos esto aceptamos y obtenemos un documento para web con
estas dimensiones en píxeles ahora vamos a hacer otra cosa importante y es
definir las fronteras que debemos evitar para poner contenido
entonces para ello yo les sugiero crear líneas guía que las podemos arrastrar
desde lo que son las reglas que están a nivel horizontal y vertical pero creo
que una forma también muy franca y más fácil para aquellos que no están muy
acostumbrados a utilizar estas líneas guías es hacerlo de la siguiente manera
vamos para ventana ventanas acoplables y líneas guía se nos va a abrir esta
pestaña y vamos a darle el primer valor como sabemos que estamos en 820 por 360
yo tengo que tener definido eso como unas coordenadas para poder posicionar
las líneas guía ahora vamos a definir la ubicación de las líneas guía tanto
horizontales como verticales comencemos por las horizontales vamos a posicionar
las la primera con márgenes de 24 píxeles una vez que hayamos asignado el
valor añadido y tenemos este margen inferior ahora cómo sabemos que es de
360 la altura vamos a crear otra que será 360 menos 24
añadir ya tenemos el margen superior vamos ahora a definir las verticales y
miren qué simple que es sabemos que tenemos 820 de largo entonces vamos a
definir la primera en márgenes de 90 vamos a añadir ya tenemos acá y luego
vamos a decirle a core el 820 – 90 enter 730 y añadir perfecto vamos a
minimizar la ventana y encontramos que tenemos el espacio interior como el
espacio útil para ubicar o colocar la información así que con doble clic yo
relleno todo esto vamos a rellenarlo de gris como para diferenciarlo y vemos que
tenemos estas zonas que posiblemente unas no se vean cuando lo consulte desde
un dispositivo u otro pero sé de qué si voy acá a la fija voy a tener la
información siempre en cualquier visualización de los dispositivos que
tengan la mano así que vamos a importar la imagen con control y vamos a importar
una imagen que tengamos de referencia lo importado está dónde
digámoslo así utilizado el formato para la portada de facebook y como pueden
notar recuerda que si quieres convertirte en todo un maestro del
diseño gráfico y audiovisual pues puedes tomar mi curso maestro desde iudem y
haciendo clic en la tarjeta que aparece aquí arriba a mano derecha o usando el
cupón que aparece en la caja de descripción justo debajo de este
tutorial toda la información que a mí me interesa está dentro de estas líneas
guía al interior porque aunque el diseño salga y los colores también salgan miren
esto posiblemente esta parte de esta zona y todo lo que está arriba en
algunas ocasiones no me los vaya a mostrar por eso es importante haber
hecho las líneas guías y esta región interna con lo cual yo ya aquí tendría
la tranquilidad de poder exportar entonces yo simplemente he arrastrado
una imagen que me sirve pero ustedes lo que yo les sugiero porque este es un
tutorial donde les enseñaba con figura a esta plantilla más no va a crear la
portada de facebook lo que tienen que hacer es traer los elementos el logo el
nombre lo que tengan ubicarlos dentro de esta región no importa podemos utilizar
todo lo demás pero la información principal la vamos a mantener acá y
vamos a exportar esto una vez que ya tengas configurado tu diseño para la
portada con los consejos que te acabo de dar seleccionamos todo y vamos para
archivo luego en exportar para web es importante esto podemos hacer dos cosas
exportar las tanto en jpg como en png la ventaja del jpg aparte de que comprime
mejor y sabemos que va a cargar mucho más fácil sin web además es que funde
mejor los colores si tenemos degradados como los que
estamos viendo acá en la pantalla así que por lo demás lo podemos dejar como
está y lo guardamos como y le ponemos el nombre que queramos y
guardar ya la imagen que nos resulte es la imagen que podemos utilizar en
nuestra portada de facebook y así puedes estar tranquilo de crear tu propia
portada con la información correcta y que se pueda visualizar en cualquier
dispositivo y que te ha parecido este diseño te ha
gustado o no te ha gustado tienes preguntas que no resolví en el tutorial
es tu turno de participar así que te invito a comentar y hacer todas las
preguntas que tengas en la caja de comentarios
no olvides suscribirte al canal si no lo has hecho y también activar la campana
de notificaciones para no perderte de ningún contenido del vídeo apoya el
vídeo con sus valiosos likes y visita mi página web para acceder a muchos más
contenidos recuerda consultar la información para
realizar el curso maestro y sin duda apoyar el canal en patrón o paypal para
seguir subiendo contenidos de calidad como este nos vemos en la próxima

1 Comment

  • Reply Isaías Duarte October 29, 2019 at 10:47 pm

    Hola Javier! Como estas? En que casos deberíamos usar la exportación en png o jpg? Soy alumno tuyo en Udemy.

  • Leave a Reply