documento- curso canva - wordpress.com...marta.roldan deusto.es c a n v a : o b j e t i v o c o m o...

30
CÓMO HACER UNA INFOGRAFÍA CON CANVA MARTA ROLDÁN HENAO UNIDAD DE INNOVACION DOCENTE marta.roldan deusto.es

Upload: others

Post on 11-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CÓMO HACER UNA INFOGRAFÍA CON CANVA

M A R T A R O L D Á N H E N A O U N I D A D D E I N N O V A C I O N D O C E N T E

marta.roldan     deusto.es

Page 2: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CANVA: OBJETIVO

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Democratizar el diseño: Que cualquier persona pueda diseñar sin conocimiento profesional.

Canva es una herramienta online de diseño gráficocon una interfaz atractiva y fácil de usar por cualquier usuario. Su objetivo es:

Está disponible para varios dispositivos: ordenador,tablet (Ipad) y móvil (Iphone y Android).

Su forma de financiación es denominada "Freemium": tiene modalidad gratuita pero se nutren a través de la suscripción de Canva for Work y de la venta de imágenes por 1$ de uso único.

Page 3: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

W E D E L I V E R H E A L T H Y . C O

CANVA TEAM

Melanie Perkins  Co-fundadora de Canva

Cliff Obrecht Co-fundador de Canva

Cameron Adams Co-fundador tecnológico

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Page 4: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

MODALIDADES DE CANVA

Dos carpetas para organizar tus diseños. Hasta 10 miembros del equipo, gratis (incluyéndote a ti).1 GB de almacenamiento para fotos y materiales.Acceso a más de 8000 plantillas.Posibilidad de subir tus propias imágenes.Millones de fotos a 1 USD cada una (de un solo uso).

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Carpetas ilimitadas para tus diseño. Hasta 30 miembros del equipo. Almacenamiento ilimitado para fotos y materiales. Acceso exclusivo a más de 300,000 fotos, ilustraciones y plantillas gratis. Posibilidad de subir tus propias imágenes. Millones de fotos a solo 1 USD cada una. Redimensiona tus diseños. Subir fuentes personalizadas para tu marca Definir paletas de colores para tu marca Guarda plantillas para ti y tu equipo Organiza tus fotos en distintas carpetas

Canva gratuito

Canva for work

Canva for Work

Pago anual 9.95$/mes 

Pago mensual 12.95$ /mes

Page 5: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

ACCESO A CANVA

Accedemos a la página web: https://www.canva.comSeleccionamos el uso preferente y si nos interesa, marcamos nuestra dedicación. Nos registramos: con un correo personal o con google.

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Una vez que iniciemos sesión, la aplicación nos llevará a una interfaz sencilla e intuitiva.Dedicaremos un momento a conocer las funcionalidades que tiene: redimensionar, compartir, descargar, etc.

-Canva nos permite acceder con Google Apss de formarápida.

Page 6: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

EDITAR EL PERFIL

Accedemos a la página web: https://www.canva.comCreamos nuestro perfilIntroducimos nuestra cuentaAcceder a Canva con Google Apssjvfvf dfd

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

003da5

Podremos insertar nuestra foto. Editar nuestro nombre. Añadir una página web de referencia.

Si vamos a hacer publicaciones en

redes sociales es recomendable

identificarnos como Deusto.

Ejemplo. Referencia a la página web: www.deusto.es

Page 7: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CREACIÓN DE CARPETAS

Accedemos a la página web: https://www.canva.comCreamos nuestro perfilIntroducimos nuestra cuentaAcceder a Canva con Google Apssjvfvf dfd

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Aunque con la versión gratuita no podemos crear un kit de marca completo: Logos + colores + tipografía, podemos crear una paleta con 3 colores para nuestra "marca Deusto"

003da5

Para organizarnos mejor, crearemos hasta 2 carpetas (que nos permite la versión gratuita).Le daremos a  +  Agregar nueva carpeta.Nombraremos la carpeta.Arrastraremos los elementos que queramos a esa carpeta. Siempre podremos eliminar la carpeta cuando ya no nos interese y crear otra.

Page 8: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

TU MARCA

Accedemos a la página web: https://www.canva.comCreamos nuestro perfilIntroducimos nuestra cuentaAcceder a Canva con Google Apssjvfvf dfd

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Aunque con la versión gratuita no podemos crear un kit de marca completo: Logos + colores + tipografía, podemos crear una paleta con 3 colores para nuestra "marca Deusto"

003da5 ffffff cccccc

Page 9: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CREAR UN DISEÑO

Accedemos a la página web: https://www.canva.comCreamos nuestro perfilIntroducimos nuestra cuentaAcceder a Canva con Google Apssjvfvf dfd

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Comenzaremos creando un diseño: podemos elegir una de las propuestas de Canva o usar dimensiones personalizadas (según el formato que nos convenga: px, mm o in).Una vez elegido, comenzaremos la creación: selección de fondo, imágenes, texto, etc.Para ello, Canva nos proporciona 6 herramientas fundamentales: búsqueda, maquetas, elementos, texto, fondo y archivos subidos.

Page 10: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: BUSQUEDA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Escribimos una palabra sobre lo que queramos buscar material.Encontraremos todo tipo de material mezclado: fotos, iconos, ilustraciones... aunque podemos seleccionar solamente fotos o ilustraciones.Algunos de los materiales serán gratuitos, otros para canva for work y otros de pago de 1USD.

Page 11: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: MAQUETAS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Canva posee una gran variedad de maquetas o plantillas gratuitas para modificar y utilizar sin conflicto de derechos de autor.Elegiremos una y al seleccionarla con un clic, pasará a nuestro espacio de trabajo.Algunas maquetas pueden tener varias versiones, con pequeñas diferencias creadas por el diseñador/a.Si damos clic en la opción "Explorar plantillas" del inicio de Canva, podemos descargar muchos tipos de plantillas diferentes.    

Page 12: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: MAQUETAS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Si estamos trabajando con un diseño en Canva y queremos crear uno nuevo, tendremos que ir a la página principal de Canva y seleccionar "Crear un diseño".    

De lo contrario reemplazaremos nuestro diseño ya creado por una plantilla nueva y perderemos todo el contenido.

Solo reemplazaremos cuando estemos seguros de que queremos cambiar todo el diseño y contenido.

Page 13: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: ELEMENTOS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Estos 9 elementos son herramientas básicas para crear un buen diseño en Canva.La diferencia entre las cuadrículas y los marcos es que las primeras son plantillas que completan todo el diseño y los marcos solamente encuadran una o varias fotografías. En ambos casos no se pueden utilizar ilustraciones o imágenes recortadas o sin fondo; solamente fotos.Yo    Canva, contempla ilustraciones de la marca de Canva que son gratuitas.   

Page 14: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: ELEMENTOS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

El elemento de "gráficos" nos puede resultar muy interesante si queremos pegar datos directamente de una hoja de cálculo:  

COPIAR PEGAR

=De forma

automática

Page 15: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: TEXTO

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Podemos añadir diferentes tipos de texto: título, subtítulo o texto pequeño.Existe una amplia variedad de fuentes.Podemos también seleccionar textos prediseñados y gratuitos para modificar:  

Texto prediseñado

Creando con Canva

Probando eltexto

Page 16: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: FONDO

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Seleccionaremos un fondo para nuestro diseño. Hay gran variedad de colores y texturas. Si en nuestra "marca personal" hemos añadido el color de la empresa o un color en concreto que queramos, lo podremos utilizar.  Nº del Color de Deusto: 003da5. Podemos elegir hasta 3 colores gratuitos para crear una paletaPodemos fijarnos en una foto y elegir colores que aparezcan en la foto.

Page 17: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

HERRAMIENTAS: ARCHIVOSSUBIDOS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Esta es una de las herramientas más destacables e importantes de Canva, ya que permite subir a la plataforma cualquier imagen jpeg. o png. que tengamos en nuestro ordenador: fotografías, logotipos, sellos...Tenemos la opción de subir varias fotos a la vez. Dentro de esta opción encontraríamos también las imágenes que tuvieramos compradas (en su caso).Por último está la opción de conectar Canva con Facebook para acceder a esas fotografías.   

Page 18: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CONTROLES EN CANVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Para trabajar de forma cómoda hayque agrandar la zona de trabajo al % que nos venga mejor.

Para vista completa

Nos indica la página en la que estamos.

Con la flecha podemos cambiar el orden de las hojas

Con este icono podemos copiar la página completa

Con este icono podemos borrar la página completa

BÁSICO DE CANVA

zona de trabajo

Page 19: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CONTROLES EN CANVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Para modificar/mover cualquier elemento hay que seleccionarlo previamente dando "clic" encima de él.

Podemos seleccionar varios elementos juntos si damos "clic" fuera de la hoja de trabajo y con el botón izquierdo del ratón nos desplazamos por encima.

Esto nos puede venir bien para mover elementos juntos. Incluso poder agruparlos.

También nos puede servir para eliminar muchos elementos a la vez.

Page 20: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CONTROLES EN CANVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Cuando queramos editar un "texto" lo seleccionamos y nos aparecerán las siguientes opciones:

Fuente Tamaño ColorNegrita Cursiva

Alineación: Izq. Centro.

Drcha.

Mayúscula Lista por puntos

Espaciado entre letras

y líneas

Copiar elemento

Poner uno

delante del otro

Hacerlo más transparente

Enlace

BorrarPodemos enlazar

cualquier texto o imagen

con un enlace web.

Para poder conservar

este vínculo tendremos

que descargar nuestros

diseños en pdf.

La opción de transparencia

nos puede venir bien para

hacer "marcas de agua"

indicando que ese

documento ha sido creado

por nosotros.

Page 21: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CONTROLES EN CANVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Cuando queramos editar imágenes, podemos recortarlas de forma directa dando "doble clic" encima de la foto. Elegiremos la zona que necesitamos y le daremos en aceptar para mantener los cambios:

Imagen que queremos recortar

"Doble clic" encima y elegir el área que

queremos mantener Resultado final

Dar clic en La seleccionamos Imagen recortada

Page 22: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

CONTROLES EN CANVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Los filtros para imágenes resultan muy interesantes.

Canva ofrece varios filtros para fotos y la posibilidad de modificar las opciones básicas: brillo, contraste, saturación, desenfoque, etc.Un punto muy positivo es que los filtros tienen un código numérico, que puedes aplicar a todas tus fotos para dar equilibrio a tu diseño.Solamente necesitamos copiar el código y pegar el mismo en todas tus imágenes. Lo puedes tener apuntado o consultarlo en la propia imagen.

Page 23: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

W E D E L I V E R H E A L T H Y . C O

4 Descarga en el formato deseado:

1

Planificación en Canva: -Elección de las -Selección de paleta de colores -Subida de imágenes, iconos... -Elección del diseño: tamaño, tipo... -Uso de plantilla o creación desde cero

Planificación Previa: -¿Qué quiero comunicar? Idea -¿A quién va dirigido? -Información simplificada

3 Creación/ modificación de elementos en Canva:

HACER UNA INFOGRAFÍA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

fuentes

LA INFOGRAFÍA ES:

UNA REPRESENTACIÓN DE LA INFORMACIÓN

CLARA

SINTETICA

COHERENTE

Creando...+

2

En PDF podemos añadir enlaces a web.

Page 24: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

W E D E L I V E R H E A L T H Y . C O

PLANIFICACIÓN EN CANVA. TIPS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

ELECCIÓN DE

Utilizar 3 ó 4 colores

Buscar el equilibrio: Si se utilizan 2 colores

suaves, añadir uno más fuerte

Apuntar el código de los colores

fuentes

SELECCIÓN DEPALETA DE COLORES

Ejemplo de Paleta: Posibles colores de referencia en Deusto

EN FUNCION DE LO QUE QUERAMOS EXPRESAR

2 fuentes, 3 máximo

Page 25: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

W E D E L I V E R H E A L T H Y . C O

PLANIFICACIÓN EN CANVA. TIPS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

ELECCIÓN DEL diseño

Organizar las fotos en una carpeta del

ordenador.

Se pueden subir varios archivos a la vez

Es interesante subir logos, iconos e

imágenes con fondo transparente

SUBIDA DE IMAGENES

DESDE EL ORDENADOR Seleccion de diseño: tamaño,plantilla, etc.

La infografía de Canva tiene por defecto: 800px x 2000px

Descarga en el

formato elegido

(no editable)

Page 26: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

OPCIONES DEDESCARGA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

PDF. para impresión: ideal para fotos, ilustraciones, texto e imágenes. Ideal para impresiones de calidad. Permite marcas de corte y sangría. PDF. Standar: Ideal para ilustraciones, texto e imagen. Sirve para fotos sino son para imprimir. JPG.: ideal para fotos e

imágenes detalladas. Por lo general, el tamaño de archivo es menor que en png.

PNG: Ideal para ilustraciones, texto e imágenes o fotos si el tamaño del archivo no es un problema. Este tipo de archivo admite un fondo transparente, pero solo se puede descargar de esta manera desde Canva For Work.

MP4 o GIF: Imagen animada y en video. Están en fase de Pruebas.

MP4

Page 27: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

COMPARTIR TUS DISEÑOS

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Redes Sociales

Compartir enlace Invitaciones a través de email

Insertar HTML en blog, web, etc.

En esta caso el

diseño tiene

que hacerse

público a la

Comunidad de

Canva

Page 28: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

TRABAJO DE FORMA COLABORATIVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Page 29: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

TRABAJO DE FORMA COLABORATIVA

C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A

Si se va a trabajar de forma

colaborativa es recomendable

realizar una copia del diseño.

Así en caso de que sea

modificada, siempre

conservaremos la original.

Page 30: Documento- Curso Canva - WordPress.com...marta.roldan deusto.es C A N V A : O B J E T I V O C O M O H A C E R U N A I N F O G R A F I A C O N C A N V A Democratizar el diseño: Que

GRACIAS POR VUESTRA ATENCIÓN

Imágenes tomadas de www.canva.com