Canva para emprendedores: diseño de un encabezado de Twitter

1. Introducción: en esta lección, vamos a estar creando un encabezado de Twitter. Twitter es una gran plataforma de redes sociales, y queremos crear un buen encabezado en la parte superior de nuestra página para asegurarnos de que la gente realmente entienda y sepa de qué se trata nuestra marca o negocio. En primer lugar, voy a mostrar algunos ejemplos de algunos grandes encabezados de Twitter que son utilizados por marcas de gran nombre y negocios en Internet. Te mostraré algunos principios de diseño gráfico diferentes que van a crear estos encabezados de Twitter . Después de eso, saltaremos directamente a la cámara y empezaremos a usar algunas plantillas y diseños prefabricados. Y solo te mostraré algunas de las herramientas y características que puedes usar en Canberra para ajustar y crear tus propios Encabezados de Twitter finalmente exportará ese encabezado de Twitter como un archivo PNG de alta resolución. Queremos utilizar un archivo PNG de alta resolución para nuestro encabezado de Twitter, solo para que se vea nítido y claro cada vez que alguien está visitando o de página. Por último, te pedí subir tu imagen de cabecera de Twitter a este curso para que yo y otros alumnos vean lo que has estado creando. la vez es muy motivador sacar tus imágenes por ahí en el mundo, y nos brinda la oportunidad de darte críticas y comentarios sobre lo que puedes hacer para mejorar tu encabezado de Twitter en el futuro. Entonces, sin más preámbulos, sigamos adelante y empecemos. 2. Ejemplos de Twitter Headers de Twitter: adelante y echemos un vistazo a algunos encabezados de Twitter para que podamos obtener algo de inspiración y algunas ideas de diseño diferentes que podemos usar dentro de nuestros gráficos. Entonces lo primero que haría es ir adelante y tirar hacia arriba de Twitter. Ni siquiera necesitas una cuenta para buscar diferentes negocios y marcas en Twitter. Entonces el 1er 1 que he puesto aquí es,por supuesto, por supuesto, el lienzo de la página Web de Twitter, y se puede ver que tienen un encabezado de Twitter muy básico, bonito, limpio. Tiene alguna tipografía bonita, muy colorida, y es un sí, la creatividad se puede aprender. Entonces está tratando de despertar esa imaginación creativa con los colores y las fuentes que está usando. Pero también es muy simplista, que es una especie de lo que están tratando de cruzar hacia su marca. Si miras hacia abajo la descripción, dice un diseño gráfico increíblemente simple. Por lo que han mantenido su encabezado muy sencillo para especie de dar esa impresión de que la creatividad, nous simplista y que se puede hacer esto para que tengan un gran encabezado de Twitter y es ah muy, muy impactante, pesar de que es muy simplista. El 2do 1 que he elegido es de Lego y Legos. El encabezado es un poco diferente. Se trata de una imagen muy acertada de algunos de sus bloques Lego y estos aires tan bien conocidos que incluso sin el logo ahí, si acabas de ver esta imagen sin las letras, todavía sabrías que estos air Lego box. Por lo que acaban de acercar algo, un producto suyo que crean que es muy reconocible. Y han utilizado este color amarillo, que se encuentra en su logo. Por lo que tienen el negro, blanco, amarillo y el rojo. Y se puede ver que ese amarillo coincide con su logotipo aquí, y ayuda a crear un buen contraste con el rojo y el amarillo. Por lo que tienen el rojo como esa imagen de perfil. Y entonces el encabezado de Twitter es de este color amarillo. Por lo que crea un muy buen contraste pero aun así luce su producto y luego solo refuerza la marca al tener las palabras de Lego aquí dentro. También a continuación tenemos el sitio de Jimmy Fallon. Yo quería mostrar una marca personal, y esto hace un trabajo realmente bueno. Por lo que en lugar de ser colorido o creativo, dijo, tiene más de un tipo de look profesional, estilizado sobre su encabezado de Twitter. En realidad está en el show Tonight, así que está presumiendo a su público. Pero tiene esta bonita fotografía de él muy bien iluminada, lo cual es genial con esta imagen, en realidad, en realidad, porque todos los demás es una silueta para que puedas ver a la gente de ahí. Pero realmente no se puede distinguir demasiado bien la cara de una persona donde tenemos esta bonita imagen iluminada de él. Buena composición. Usando la regla de tercios, lo coloca a un costado en lugar de en el centro y también imita la imagen de perfil que tiene, que es el mismo tipo de imagen en blanco y negro. Por lo que tiene esta imagen de muy alta calidad de clase para ella, pero también apela a su público, que, ya sabes eso es de lo que sus espectáculos tratan de apelar a su red y a su público. Por último, tenemos los ojos Starbucks y Starbucks justo su diseño clásico. Tienen las imágenes de sus diferentes bebidas que tienen aquí, pero está en ese tipo de pizarra clásica por la que Starbucks es conocido. También puedes ver alguna similitud aquí con las pajitas verdes hacia su logo verde, por lo que ayuda a traer esa marca, aunque no supieras que esto era una estrella Bucks, Um, Page, probablemente podrías escoger arriba que estas eran bebidas de Starbucks de todos modos, justo por cierto la bebida luce la forma en que se extrae y por la pajita verde. Por lo que estos transmiten algunos ejemplos diferentes de lo buenos encabezados de Twitter se están utilizando diferentes maneras vs productos y marcas y marcas personales y negocios. Otra cosa grandiosa de Twitter es que si miras aquí abajo, dice la derecha, también te puede gustar y muestra McDonalds y Dunkin Donuts para que puedas si estás ya sabes , en el negocio de, digamos, comida rápida o restaurantes y quieres mirar diferentes tipos de restaurantes, puedes seguir haciendo clic en estos para que yo pudiera dar click en McDonald's y mirar a los suyos. E incluso al rondar sobre él, se pueden ver los encabezados de Twitter. Son formas tan diferentes que puedes pasar e investigar en Twitter y conocer algunas de estas diferentes imágenes. Entonces cuando voy a la página de Jimmy Fallon, puedes ver que tenemos a Ellen DeGeneres aquí y luego a Justin Timberlake, y si hago clic en la página de Justin, podría ya saber, mirar algún otro, um, marcas personales que son muy populares. Entonces lo primero que pasa cuando estás haciendo cualquier tipo de trabajo de diseño es que es bueno simplemente mirar alrededor, ver lo que te gusta, ver lo que no te gusta y lo que puedes usar en tus propios diseños. 3. Uso de Canva para diseñar un encabezado de Twitter: Una vez que tengamos a Campbell cargado, podemos seguir adelante y desplazarnos hacia abajo y vamos a ir a la sección de cabecera de redes sociales y correo electrónico , y aquí encontrarás el encabezado de Twitter. Y una de las grandes cosas de Canberra es ella. Está actualizando constantemente las resoluciones y tamaños de píxeles de cualquiera de estas plataformas a medida que cambian. Por lo que en este momento, el encabezado de Twitter es de 1500 píxeles por 500 píxeles. Bueno, si Twitter hizo mañana un cambio a un tamaño diferente, Campbell automáticamente entrará aquí y actualizará esa fuerza. Y esa es una de las cosas geniales de usar este software es que está actualizando constantemente estas fuerzas. No tenemos que ir en línea y hacer ninguna investigación o tratar de averiguar cuáles son las nuevas resoluciones. Siempre vamos a tener la resolución más actualizada, Así que adelante y haz clic en el encabezado de Twitter, y cuando lo hagas, vas a ver que se abre el área de diseño. Y otra cosa genial de este software es que tiene estas superposiciones. Entonces esta es una superposición de encabezado de Twitter, y lo que han hecho es que ponen en algunas de las partes importantes que aparecen en una página de Twitter como esta barra de menú superior aquí con algunos iconos y enlaces en los que pintarías si estuvieras en el Twitter Página barra de búsqueda aquí. Y también se puede ver la imagen de imagen de perfil. Entonces si hacemos clic en una de estas plantillas, se puede ver que el gráfico gráfico se está extendiendo en realidad hacia abajo en estas, um, barras de menú y arriba en estas barras de menú. Y en realidad están las fotos de perfil aquí mismo. Entonces esto nos dice que no pongamos aquí ninguna información importante en esta gráfica porque no queremos que eso encubierto. Lo mismo para estas barras de menú superior e inferior. No queremos tener ninguna información importante aquí abajo o aquí arriba porque se cubrirían . Entonces eso es otra gran cosa de usar cámara es que nos da estas superposiciones para que podamos tener una idea de cómo se verá esto en realidad en su página de Twitter, y podemos diseñar apropiadamente. Entonces sigamos adelante y escojamos una plantilla. Voy a desplazarme hacia abajo, y siempre que esté escogiendo una plantilla, lo que busco generalmente es la tipografía o el estilo de la plantilla. No me importan tanto las imágenes porque típicamente cambio las imágenes. Entonces buscaré por aquí y quizá intentaré encontrar algo. Tiene un buen estilo o ah, buena fuente que se está utilizando. Este es un tipo de gráfico cool con estas imágenes horizontales pasando aquí. Me gusta este 12 Ahora esto es un pagado por uno, por lo que nos costaría dinero usar algunos de los elementos gráficos de esta plantilla. Sigamos adelante y pinchemos sobre él. Y como puedes ver, está usando este escape de la ciudad. Um, y también se puede ver que está usando una imagen aquí que en realidad está tratando de arrastrarla al marco. En realidad es un bloque de cuatro cuadrados, así que esto es lo que está tratando de cobrarnos ahora con este diseño. En realidad quiero descargar esto más adelante para que podamos ver cómo hacer eso. Pero no quiero tener que pagar por esto, Um, y puedes recrear algunos de estos elementos que ahora son un poco más simples. Algunos de estos elementos y cámara que no vas a poder recrear, pero es muy fácil crear este tiene algunas plazas. Entonces sigamos adelante y rehagamos este elemento y podemos ver cómo hacerlo. Lo primero que quiero hacer es cambiar esta imagen de fondo aquí que está pasando, y creo que podría, uh, recargar eso porque creo que estropeé el marco ahí cuando lo moví. Entonces voy a ir con los elementos del dedo del pie y luego voy a dar clic en fotos gratis y tal vez, solo , ya sabes, tratar de encontrar una foto que usaríamos y tal vez una de nuestras imágenes. Es algo genial. Y, ya sabes, esto va a ser, um, hacia tu marca o negocio o lo que sea de lo que va a estar tu página de Twitter . Entonces, ya sabes, el, um, el café y lo que sea es bastante popular, así que esto es algo genial. Ahora como que me gusta este filtro que se está usando. Pero si no te gusta ese filtro y quieres cambiarlo, solo tienes que bajar aquí y dar click en el botón del filtro y la cámara nos da muchos filtros pre hechos que podemos usar. Entonces si hago click en normal, eso no se aplican filtros. Puedo hacer click en estos diferentes filtros y ver algunos tipos diferentes de cosas pasando aquí . Y todo lo que está haciendo es cambiar algunos de estos ajustes, como el contraste, el brillo, la intensidad, el matiz, la saturación. Entonces escojamos uno que nos guste. Iremos con esta épica, y si hago clic en opciones avanzadas, realidad podemos cambiarlas manualmente. Entonces aquí tenemos todos estos diferentes tipos de opciones que podemos movernos y hacerla más brillante, menos brillante, más intensa, menos intensa. Mayor contraste este ex proceso que le da un Look muy fresco, amable , estilizado no queremos bajarlo porque en realidad cambió los colores. La viñeta es algo así como un borde oscuro alrededor de la imagen, así que podemos agregar eso para simplemente llevar eso, uh, tu visión justo hacia el centro. Simplemente como que redondea estos rincones aquí para nosotros, así que eso se ve bien. Iremos con eso. Y ahora quiero recrear estas cajas. Entonces voy a dejar aquí la gráfica. Voy a volver a los elementos click en él para que me lleve de vuelta a la cima. Cerremos las fotos gratis y voy a dar click en formas y luego voy a seleccionar la plaza libre y eso solo cae ahí dentro para mí. Y ahora cuando voy a hacer es sólo voy a tratar de alinear esto es lo mejor que puedo ahora si quiero. Puedo hacer click en esta flecha desplegable y golpear transparencia, y en realidad puedo bajar la transparencia. Entonces ahora puedo ver mi plaza, pero también puedo ver las formas detrás de ella, y esto me ayudará a alinear esto un poco mejor. Así que asegúrate de que tengo esa forma seleccionada Haz clic en una esquina y ahora puedo escalar eso y asegurarme de que se alinee justo donde quiero que esté. Um, creo que eso es bastante bueno. No tiene que ser perfecto porque estamos recreando esta imagen, y eso está bien. Entonces ahora sigamos adelante y vamos a hacer una copia de eso. Yo solo lo voy a mover por aquí, y a medida que empiezo a moverlo, vas a ver que en realidad empieza a intentar colocarlo con algunas pautas y queremos usarlas solo para asegurarnos de que todo quede bien y parejo. Y como dije, no tiene por qué ser perfecto a la imagen de fondo porque la estamos recreando y no vas a saberlo. Ups. Accidentalmente agregó una nueva página o no quiero eso. Adelante y copiemos. Este moverá a éste hacia arriba. De acuerdo, Ahora está alineando todo para nosotros, igual que queremos, y voy a copiar una vez más. ¿ De acuerdo? Y eso debería quedar bien. Adelante y volvamos la transparencia ahora. Podría no ser capaz de ver eso. Vamos a alejarnos aquí. ¿ De acuerdo? Sigo recibiendo esa página extra. Perdón por eso. Muy bien, vamos a mover esto. Parece que tengo un poco de línea entre ellos. No quiero ver ninguna de las líneas. Yo quiero lucir bonita y sólida así. OK, se ve bien. Ahora, si solo tomo uno de estos y lo muevo hacia atrás, lo va a mover de nuevo en las capas y debería poder empezar a ver Sí, la imagen. Entonces ahí está esa imagen y solo quiero dar click en eso y luego podría golpear el pequeño basurero y eliminarlo. Entonces ahora tenemos eso quitado. Ahora, puedo seguir adelante y mover estos hacia atrás hasta que vea el texto. ¿ De acuerdo? Simplemente seguiré pegando de nuevo hasta que desaparezca y luego traerlo adelante una vez, está bien. Y ahora podemos seleccionar la primera plaza y puedo seguir adelante y escoger un color y probablemente quiera escoger algo que esté de cerca del dedo del pie. De qué se está usando, Um, en este trajes pasando aquí y ver rueda de color. ¿ Lo tienes ahí un minuto? Probablemente. Ah, tratando de procesar. Por lo que sólo traté de escoger colores que sean similares a lo que se está utilizando en esta imagen. Entonces haremos los marrones oscuros tipo de ese color azulado que está en las, uh, las sombras de esos seres. A lo mejor puedo hacer eso en uno de ellos. Tipo de ese color azulado que llegamos ahí. Parece que perdí una de mis plazas. No vi que eso se vaya, así que empezaremos con este. Y la buena noticia es que recordaba o colorea, por lo que puedo seleccionar fácilmente esos. De acuerdo, bien puede cambiar este de algo diferente. A lo mejor un marrón claro. Está bien, eso se ve bien. Entonces ahora sólo podemos cambiar esto. Entonces, um, uh, veces que tuvieron, um en realidad estaban usando todo mayúsculas. Y eso depende realmente de ti. Qué quieres usar si quieres usar mayúsculas o no usar mayúsculas. Eso depende de ti en lo que quieres hacer ahí. Y en realidad podría necesitar mover estos hacia arriba. Sólo un pelo. Um, quiero verlos un poco mejor, porque no estoy usando mayúsculas excepto el 24 7 Imaginemos que este es nuestro café, um, café bistro donde asamos nuestro propio café aquí, y estamos abiertos 24 7 Pero también queremos que la gente sepa que asamos nuestro café. Conseguimos la mejor calidad, todo no el café molido natural. Entonces, ¿algo así, um, y solo quieres meterte con eso? Trató de encontrar una buena plantilla. Esperemos que esto te dé un par de ideas de algunos trucos diferentes. No me gusta este color porque no representa nada en esta imagen, así que probablemente vendré aquí y trataré de cambiar un poco más su color. La única cosa que me está destacando que realmente no estoy cavando, así que algo así podría verse un poco mejor. Pero muy rápido podemos entrar aquí. Podemos hacer que nuestro encabezado de Twitter te muestre muy fácilmente cómo usar, um, formas para recrear algunos de los símbolos y gráficos que ya tenían en la plantilla. Y entonces así puedo seguir adelante y recrear esto y no me va a hacer tener que comprar nada. He usado todos los elementos libres. También puedo traer mis propias imágenes. Entonces tal vez tomo fotos de mi propia tienda y las traigo aquí. Pero puedes usar fácilmente una de estas plantillas para entrar rápidamente aquí y llegar a un diseño. Y también asegúrate de estar en los confines de los diferentes elementos dentro de Twitter, como la imagen de perfil y estas barras de menú superior e inferior. 4. Exportar tu encabezado de Twitter: ahora que tenemos nuestro encabezado de Twitter terminado, sigamos adelante y descarguemos este archivo. Lo primero que queremos hacer es que queremos seguir adelante y renombrarlo. Así que pinchemos aquí arriba para renombrar el diseño, y sólo podemos llamar a este café molido natural. A lo mejor ese es el nombre de nuestro negocio o son restaurante, y podemos compartir esto. Podemos hacerlo público para que otras personas en cámara lo puedan ver, y vamos a seguir adelante y hacer clic en el botón de descarga. Ahora voy a seleccionar una imagen archivo PNG de alta calidad. Ya que estoy poniendo esto en Twitter, sí quiero que sea agradable y crujiente y claro. Cuando la gente va a la página, Twitter debería poder manejar. Ah, archivo PNG de alta imagen. Si en absoluto te preocupa que se cargue lentamente en tu página de perfil, puedes ir por el archivo J. P G, y probablemente no notes mucha diferencia. Pero en esta instancia, sigamos adelante y seleccionemos el archivo PNG ahora lo que va a pasar es que en realidad nos va a pedir que hagamos una compra, y la razón de eso es porque no estaba seguro cuando seleccioné esta plantilla antes, pero sí necesitas pagar por la plantilla en sí. Entonces aquí podemos ver uso este café estando sobre una imagen de mesa, que era gratis. Usé las plazas sólidas, que también eran gratuitas. Pero cuando me desplaza hacia abajo, se puede ver que hay un precio de diseño. Entonces debido a que ese diseño sí tenía un signo de dólar por él, sí necesitamos comprar ese layup específico. Ahora puedes volver atrás y volver a crear uno que sea uno de los diseños gratuitos. Pero lo bueno de la cámara es que estos diseños están en lee un dólar si usan imágenes o solo un dólar, cualquier elemento de diseño gráfico, son solo un dólar, y también ofrecen estas ofertas especiales donde puedes ahorrar dinero. Si usas cámara tanto como yo, en realidad puedes entrar y comprar créditos para que puedas ahorrar algo de dinero haciéndolo de esa manera . Pero sólo vamos a seguir adelante y pagar un dólar. Ya tengo la información de mi tarjeta aquí. Por el momento, se ha difuminado para que no lo puedas ver, pero la información de mi tarjeta ya está en el sistema. Voy a seguir adelante y hacer esta compra y cobrar el dólar para que veas cómo funciona esto. Por lo que voy a seguir adelante y hacer clic en compras descargar, y va a seguir adelante. Se descargará. Dice que tenemos 24 horas. Um, para que tu compra única vez entre y descargarla. Cámbiala, um, tantas veces como necesites. Entonces si necesitas hacerle una edición o algo no está bien, puedes entrar aquí y editarlo de esa manera dentro de un periodo de 24 horas, cual también es muy bonito en caso de que cometamos algún error. Entonces, adelante. Salga de eso. Y luego se adelantó y lo puso en mi carpeta de descargas. Entonces si solo hago clic en esa imagen aquí, se irá adelante. Ah, subirlo a esa resolución de 1500 por 500 píxeles y puedo seguir adelante y poner esto justo en mi cuenta de Twitter. Y lo grandioso es que, como dije antes, um, ve la cuatro imagen aquí, pero sabemos por ahí hay superposiciones que hay una barra en el extremo superior en la parte inferior y una foto de perfil y porque nosotros usado un plantillas pre hechas no iban a estar poniendo ningún elemento de diseño en las secciones que causaría algún problema con nuestro encabezado de Twitter. Por lo que ojalá llegues a ver el proceso. Puedes probar algunas plantillas diferentes y definitivamente seguir adelante y crear una tú mismo. O bien escoge un. una nueva plantilla libre usó esta que yo creé. También puedes descargar una versión gratuita con marca de agua. Entonces si solo quieres ver cómo se ve antes de comprar realmente, puedes elegir la opción de marca de agua gratuita y que permitió descargar con las líneas pasando por ella. Y también puedes subir eso a tu cuenta de Twitter y ver cómo funciona. Pero adelante y haz uno y subirlo a este curso porque me encantaría ver lo que has creado. 5. Asignación de la Assignment de Twitter: felicitaciones por completar esta lección. Por ahora, deberías tener una fuerte comprensión de cómo hacer el material que se ha presentado, y es mi objetivo como instructor asegurarme de que has aprendido y has conservado la información que he compartido. Por lo que si tienes alguna duda en cualquier momento, por favor siéntete libre de contactarme directamente. Podrás saber más sobre mí en www dot jeremy deegan dot com. Si tiene una pregunta general, sí le pido que haga esa pregunta dentro de este curso haciéndolo en este curso. Yo puedo abordar esa pregunta, y otros estudiantes lo pueden ver más adelante por el camino. Esto les ayudará a entender algunas preguntas comunes que surgen a medida que pasan por este curso. Ahora bien, si aún no lo has hecho, por favor deja una calificación honesta y cualquier comentario que tengas sobre este curso. Me ayuda tanto como instructor a saber qué hacer mejor en el futuro, y también ayuda a futuros alumnos a llegar a ver de qué se trata realmente este curso. Ahora tu tarea es llevar la información que has aprendido y subir la imagen a este curso subiendo tu imagen y compartiendo tu obra de arte con el mundo. Podemos proporcionar críticas y cualquier retroalimentación sobre cómo hacer mejor tu obra de arte. También es muy motivador sacar tu obra al mundo y compartirla con otros y te ayudará a progresar en tu educación y querer compartir cada vez más. Entonces muchas gracias por permitirme enseñarles algo nuevo hoy, y espero verlos en la siguiente lección.