1 00:00:19,120 --> 00:00:22,059 En este vídeo vamos a aprender a utilizar PictoChart. 2 00:00:22,519 --> 00:00:28,739 Lo primero que hay que hacer al entrar en la página pictochart.com es registrarse. 3 00:00:29,320 --> 00:00:33,159 Para ello pulsamos el botón Sync Up arriba a la derecha. 4 00:00:34,579 --> 00:00:37,420 Para registrarnos tenemos dos opciones. 5 00:00:38,460 --> 00:00:47,780 Registrarnos utilizando una cuenta de Google o de Facebook o bien rellenar el formulario creando una cuenta en la aplicación. 6 00:00:48,679 --> 00:00:55,079 Elegimos un nombre de usuario, un email de nuestra propiedad y una password. 7 00:00:56,719 --> 00:01:07,780 Seleccionamos soy mayor de 16 años y en el caso de menores hay que seleccionar aquí y nos pedirán la autorización de los padres. 8 00:01:09,099 --> 00:01:12,239 Después hay que pulsar crear una cuenta. 9 00:01:12,239 --> 00:01:18,219 Esto hará que nos llegue un mensaje a nuestra cuenta de e-mail pidiendo confirmación. 10 00:01:18,519 --> 00:01:25,599 Al pulsar en nuestro e-mail, activaremos la cuenta pulsando Confirm e-mail. 11 00:01:26,000 --> 00:01:44,689 El enlace nos llevará a la página de acceso y en ella volveremos a incorporar nuestros datos de e-mail y la password. 12 00:01:44,689 --> 00:01:47,230 y pulsaremos SING IN. 13 00:01:50,859 --> 00:01:52,700 La primera vez que entramos al programa, 14 00:01:53,400 --> 00:01:56,620 vemos un cuestionario donde solicitan algo de información personal 15 00:01:56,620 --> 00:01:59,379 para adaptar las presentaciones a nuestras necesidades. 16 00:02:00,359 --> 00:02:02,379 Esta pantalla no hay forma de evitarla, 17 00:02:02,379 --> 00:02:10,020 con lo cual hay que rellenarla con nuestros datos. 18 00:02:10,419 --> 00:02:14,159 O estudiante o profesor. 19 00:02:14,960 --> 00:02:16,719 En nuestro caso somos profesor. 20 00:02:17,599 --> 00:02:26,939 con estudiantes entre 13 y 17 años, y el tamaño de nuestra organización es muy grande, 21 00:02:27,360 --> 00:02:29,259 porque pertenecemos a un gobierno. 22 00:02:34,379 --> 00:02:42,939 Nos pide que solicitemos todos los tópicos que nos puedan interesar y nos ofrecen un tutorial en inglés. 23 00:02:47,030 --> 00:02:50,530 Por ejemplo, elegimos inspiración. 24 00:02:50,530 --> 00:03:05,629 Y por fin entramos en el espacio que veremos cada vez que entremos en nuestra cuenta, que es donde se guardarán nuestros proyectos. 25 00:03:05,990 --> 00:03:10,250 Para crear el primero, pulsamos Create New. 26 00:03:13,800 --> 00:03:23,280 Al pulsarlo, tenemos la opción de elegir entre infografía, presentación, póster, hacer un informe o un flyer. 27 00:03:24,879 --> 00:03:26,659 Nosotros vamos a elegir infografía. 28 00:03:26,659 --> 00:03:42,900 Como veréis, la herramienta pone a nuestra disposición un modelo en blanco y muchísimas plantillas con distinta temática. 29 00:03:45,349 --> 00:03:57,819 Podemos pulsar en la lupa y aparecerá un desplegable que nos ofrece las plantillas por temas. 30 00:04:01,199 --> 00:04:18,350 Eligiendo temas más amables, veremos plantillas adaptadas al trabajo con los estudiantes. 31 00:04:22,180 --> 00:04:26,019 También podemos escribir el tema nosotros mismos. 32 00:04:26,019 --> 00:04:51,180 Por ejemplo, si es para una fiesta y nos selecciona plantillas que están pensadas para fiestas como fiestas nacionales, San Valentín, el día de San Patrick. 33 00:04:51,500 --> 00:05:03,639 o Navidad. Vamos a empezar una infografía sin plantilla. Pulsamos en crear nueva infografía 34 00:05:03,639 --> 00:05:09,939 y entraremos en la ventana de trabajo. Esta es la ventana de trabajo para crear infografías. 35 00:05:10,779 --> 00:05:17,860 Aquí tenemos el espacio de trabajo y opciones básicas en la parte superior y en el lateral. 36 00:05:17,860 --> 00:05:23,459 Comenzamos viendo las opciones que nos ofrece este panel lateral 37 00:05:23,459 --> 00:05:28,620 Primero está el menú Graphics con cuatro submenús 38 00:05:28,620 --> 00:05:34,939 Formas e iconos, líneas, fotos y marcos de fotos 39 00:05:34,939 --> 00:05:41,899 Dentro de cada apartado vamos viendo que nos ofrecen distintas opciones 40 00:05:41,899 --> 00:05:46,899 Hay un buscador donde podemos escribir el elemento que nos interesa 41 00:05:46,899 --> 00:05:58,420 interesa o podemos seleccionar en un desplegable para buscar por temática. También seleccionaremos 42 00:05:58,420 --> 00:06:07,120 si queremos ver todas las imágenes, solamente los objetos que hay en color o solamente los 43 00:06:07,120 --> 00:06:15,120 objetos que hay en blanco y negro. Volvemos otra vez pulsando en formas e iconos. Las 44 00:06:15,120 --> 00:06:26,339 líneas se modifican dentro del espacio de trabajo. Aquí podemos cambiar el tamaño, 45 00:06:28,199 --> 00:06:43,040 la opacidad, la forma y estos elementos se utilizarán cuando tengamos más objetos en 46 00:06:43,040 --> 00:06:57,339 pantalla. Pulsando en el mismo objeto cambiamos el tamaño y mientras que está seleccionada 47 00:06:57,339 --> 00:07:11,180 damos a la tecla suprimir para eliminarlo. Las fotografías pueden buscarse dentro de 48 00:07:11,180 --> 00:07:20,970 tu ordenador pulsando en el más y añadiendo tus propias imágenes o se puede elegir entre 49 00:07:20,970 --> 00:07:28,050 dos bancos de imágenes gratuitas. El propio PictoChart que está aquí en el desplegable 50 00:07:28,050 --> 00:07:39,389 y Unsplash. También aquí disponemos de un buscador que nos permite escribir un tema 51 00:07:39,389 --> 00:07:53,899 para buscar imágenes relacionadas con él. Los marcos de fotos son bordes circulares, 52 00:07:53,899 --> 00:07:57,379 rectangulares, triangulares, cuadrados 53 00:07:57,379 --> 00:08:01,480 con esquinas redondeadas. Una vez 54 00:08:01,480 --> 00:08:05,959 seleccionamos el marco y lo arrastramos 55 00:08:05,959 --> 00:08:10,120 a la pantalla, podemos mantener la imagen 56 00:08:10,120 --> 00:08:13,899 que ya está o pinchar en ello 57 00:08:13,899 --> 00:08:18,079 para meter nuestra propia foto en ese 58 00:08:18,079 --> 00:08:28,550 espacio. Para ayudarnos a decidir, podemos 59 00:08:28,550 --> 00:08:46,500 pasar el ratón por encima de los elementos y los vamos a ver más grandes. Pulsando en 60 00:08:46,500 --> 00:08:54,799 ellos se colocan en la página y también se colocan pulsando y arrastrándolo a la 61 00:08:54,799 --> 00:09:03,519 pantalla. Con la imagen seleccionada veremos unos tiradores que nos permiten cambiar el 62 00:09:03,519 --> 00:09:13,840 tamaño de la imagen. Para que la imagen no se deforme, pulsamos en el ordenador la tecla 63 00:09:13,840 --> 00:09:22,580 Shift o mayúsculas. Y eso nos permitirá que la imagen se modifique siempre de manera 64 00:09:22,580 --> 00:09:34,919 proporcional. La flecha que hay en la parte superior nos permite girar la imagen. Si no 65 00:09:34,919 --> 00:09:44,379 nos gusta cómo ha quedado, podemos deshacer con el botón undo. Para mover la imagen hay 66 00:09:44,379 --> 00:09:52,840 que pulsarla y arrastrarla manteniendo la pulsada. Veremos un icono con cuatro flechas 67 00:09:52,840 --> 00:09:59,379 en nuestro ratón. Cuando queremos la soltamos y la situamos en el sitio de la pantalla donde 68 00:09:59,379 --> 00:10:07,779 queremos. Cuando un elemento está seleccionado, aparecen las opciones de edición, que son 69 00:10:07,779 --> 00:10:14,419 estas de aquí arriba y que ya hemos visto con la línea. Dependiendo del objeto, las 70 00:10:14,419 --> 00:10:21,720 opciones serán diferentes. En el caso de la imagen, vemos otra vez las básicas de 71 00:10:21,720 --> 00:10:30,519 deshacer y rehacer, esta opción que solo se activa cuando se está en el modo de pago, 72 00:10:31,700 --> 00:10:42,049 bloquear o desbloquear la imagen, modificar su opacidad, enlazarla con otra imagen, 73 00:10:42,049 --> 00:10:53,100 para eso tendríamos que tener otra imagen más en la pantalla, enviarla al fondo o hacia detrás, 74 00:10:53,100 --> 00:11:23,090 dependiendo de otros objetos que se están en pantalla, por ejemplo, y luego alinearla o centrarla y luego aquí la alineación, alinearla o centrarla, girarla horizontalmente o girarla verticalmente. 75 00:11:23,090 --> 00:11:43,519 Hay que avisar de una cosa y es que, como veis, los elementos de color no nos permiten cambiar su color, pero los elementos de monocolor sí que nos van a permitir modificarlo. 76 00:11:44,100 --> 00:11:51,919 Tendremos aquí la opción de color y podremos colorearlo con el tono que queramos. 77 00:11:51,919 --> 00:12:11,100 Como veis cuando desplazo el objeto por la pantalla me aparecen unas líneas que me van a ayudar a alinear y justificar el objeto con los que ya están situados en la imagen. 78 00:12:11,340 --> 00:12:21,240 Pero si quiero hacerlo incluso mejor podemos seleccionar los dos objetos y aplicar la alineación. 79 00:12:21,240 --> 00:12:36,779 Veis que nos lo alinea como nosotros pidamos, centrado, a la izquierda, a la derecha o uno justificado con el otro. 80 00:12:39,370 --> 00:13:12,259 Vamos a añadir un par de elementos más a nuestra infografía y así completaremos un pequeño diseño. 81 00:13:12,259 --> 00:13:38,820 El siguiente apartado nos permite subir imágenes desde nuestro ordenador. 82 00:13:38,919 --> 00:13:58,700 Como veis tenemos un espacio de 40 megas y las imágenes que vayamos subiendo las vamos a poder visualizar en nuestro espacio. 83 00:13:58,700 --> 00:14:08,700 Si pulsamos aquí podemos seleccionar una imagen y nos la descargará. 84 00:14:11,649 --> 00:14:18,110 Desde ese momento aparecerá aquí en este espacio y podremos utilizarla en la infografía. 85 00:14:18,169 --> 00:14:31,879 Si queremos eliminar una imagen, pulsamos en la cruz y le damos a Eliminar. 86 00:14:34,279 --> 00:14:41,639 Esto nos permitirá aprovechar el espacio para mantener aquí solamente las imágenes que necesitemos. 87 00:14:41,639 --> 00:14:53,960 El siguiente menú de fondos nos permite incorporar colores o imágenes de su banco de imágenes. 88 00:14:53,960 --> 00:15:16,889 También podemos seleccionar la opacidad que queremos que tenga o eliminarlo si es que estamos trabajando con una plantilla y no queremos el fondo que viene por defecto. 89 00:15:16,889 --> 00:15:34,740 En el siguiente botón de menú incorporaremos el texto. Utilizamos la jerarquía de título, tres tipos de subtítulos y cuerpo de texto. 90 00:15:37,279 --> 00:15:48,940 Se puede seleccionar uno y haciendo doble clic en el interior modificamos lo que está escrito en él. 91 00:15:50,279 --> 00:16:13,210 O también podemos seleccionar un texto enmarcado ya o con un formato determinado como este que está aquí. 92 00:16:13,210 --> 00:16:37,370 vamos a centrar el texto lo más que podamos 93 00:16:37,370 --> 00:16:46,200 y como no cabe todo junto 94 00:16:46,200 --> 00:16:51,500 voy a bajar esta parte 95 00:16:51,500 --> 00:17:06,980 ahora lo seleccionamos todo 96 00:17:06,980 --> 00:17:11,500 y lo alineamos de nuevo 97 00:17:11,500 --> 00:17:19,180 haciendo doble clic en cada una de las partes del texto 98 00:17:19,180 --> 00:17:22,160 podemos seleccionar y modificarlo 99 00:17:22,160 --> 00:18:00,450 Ahora se me ha quedado grande, lo voy a empequeñecer otra vez. 100 00:18:14,440 --> 00:18:25,420 Con las flechas de arriba, abajo, izquierda y derecha de nuestro teclado, también podemos modificar cualquier elemento que esté seleccionado. 101 00:18:28,140 --> 00:18:33,779 Para modificar el color de texto, lo selecciono y pulso color. 102 00:18:33,779 --> 00:18:52,700 Puedo crear nuevos colores añadiendo en colores recientes donde me sale un cursor que me permite seleccionar en una gama más extensa 103 00:18:52,700 --> 00:19:02,680 Si quiero puedo seleccionar uno anterior y hacer tonos derivados del mismo 104 00:19:02,680 --> 00:19:26,259 El siguiente menú, paletas de color, como habíamos visto antes, solamente está disponible para el modo de pago de la aplicación. 105 00:19:27,220 --> 00:19:31,220 Nos permite crear paletas de color para aplicarlas en nuestras infografías. 106 00:19:32,680 --> 00:19:37,660 Este menú también está desactivado en el menú de trabajo de cada elemento. 107 00:19:37,660 --> 00:19:45,099 Lo podemos ver cuando pulsamos los elementos con este icono que hemos señalado antes. 108 00:19:45,960 --> 00:19:53,200 El siguiente menú, que es el de herramientas, dispone de gráficos, mapas y vídeos. 109 00:19:54,319 --> 00:20:03,799 Los gráficos permiten elegir entre 13 visualizaciones distintas. 110 00:20:03,799 --> 00:20:20,930 Aquí están las clásicas barras, las líneas, los puntos o las tartas de información. 111 00:20:20,930 --> 00:20:26,230 Introducimos los datos en esta tabla que aparece a la derecha 112 00:20:26,230 --> 00:20:37,970 O importamos la información si queremos en formato CSV o XLS que es el formato de la última versión de Excel 113 00:20:37,970 --> 00:20:45,039 También podemos introducir mapas 114 00:20:45,039 --> 00:20:52,440 En el menú lateral podemos elegir por países una vez que hemos entrado 115 00:20:52,440 --> 00:21:04,369 o seleccionamos por continentes, incluso el mapa mundi total. 116 00:21:06,779 --> 00:21:18,430 En editar este mapa, veremos los datos de población y los países de cada uno de estos mapas. 117 00:21:19,490 --> 00:21:24,450 En esta tabla se pueden añadir más campos de información. 118 00:21:24,450 --> 00:21:47,029 También podemos modificar los colores del mapa en general o en particular de cada uno de los países, seleccionando el país y en la tabla modificando el color. 119 00:21:47,029 --> 00:22:12,630 Otra forma de visualizarlo es añadiendo una valoración por colores del mapa e incluso esta misma valoración, si los colores no nos convencen, se puede modificar para verlo con más claridad. 120 00:22:12,630 --> 00:22:21,630 Por último, se pueden insertar vídeos de YouTube y de Vimeo 121 00:22:21,630 --> 00:22:28,250 Podemos ver un ejemplo de cómo se verán los enlaces que hay que copiar desde las plataformas de vídeo 122 00:22:28,250 --> 00:22:37,289 Y una vez que los hayamos copiado en el cuadro de texto, pulsamos Insertar 123 00:22:37,289 --> 00:22:41,930 Los vídeos solo se verán en la infografía que esté en Internet 124 00:22:41,930 --> 00:22:45,730 Si la bajamos a nuestro ordenador, perderemos el enlace. 125 00:22:46,289 --> 00:22:53,210 Las infografías de PictoChart están compuestas por bloques de información. 126 00:22:56,980 --> 00:23:06,599 Podemos modificar el tamaño de este bloque pulsando en este tirador que hay al final de cada uno de los bloques. 127 00:23:06,599 --> 00:23:17,259 Estos apartados nos permiten gestionar todo lo relacionado con los bloques de trabajo 128 00:23:17,259 --> 00:23:26,910 Podemos añadir más bloques de idéntico tamaño a continuación del mismo 129 00:23:26,910 --> 00:23:31,049 con el botón de más 130 00:23:31,049 --> 00:23:42,809 Se puede clonar un bloque, se puede eliminar este bloque 131 00:23:42,809 --> 00:23:55,549 o modificar el ancho y el alto desde el menú de configuración. 132 00:23:55,549 --> 00:24:20,369 También podemos cambiar la colocación de nuestros bloques poniéndolo el que teníamos debajo del anterior o volviéndolo a colocar arriba. 133 00:24:20,369 --> 00:24:30,519 Aquí veremos siempre en cual de los bloques estamos y cuantos bloques hay 134 00:24:30,519 --> 00:24:39,460 En este recuadro de la parte superior izquierda se puede poner nombre a la infografía 135 00:24:39,460 --> 00:24:52,890 Como veis aquí hay un botón para salvar la infografía 136 00:24:52,890 --> 00:25:03,789 Ella misma se va guardando cada cierto tiempo, pero también podemos pulsarlo si lo queremos guardar en ese momento. 137 00:25:04,690 --> 00:25:14,490 El botón de previsualización nos permite verla sin ninguno de los elementos de edición alrededor. 138 00:25:17,630 --> 00:25:22,009 Pulsamos Exit Preview para volver. 139 00:25:22,009 --> 00:25:27,970 y para guardarlo utilizaremos el botón Download 140 00:25:27,970 --> 00:25:34,150 que solo nos va a permitir en la versión gratuita 141 00:25:34,150 --> 00:25:39,250 el formato de PNG, una cualidad normal o media 142 00:25:39,250 --> 00:25:48,240 y sí que nos va a permitir también guardar cada uno de los bloques independientemente 143 00:25:48,240 --> 00:25:51,599 o todo como una tira continua. 144 00:25:51,599 --> 00:26:08,500 El botón Share crea un link a la infografía y nos publica la misma dentro de PictoChart. 145 00:26:09,900 --> 00:26:19,150 Este link se puede utilizar para insertar esta infografía en tu blog. 146 00:26:20,289 --> 00:26:30,029 Si quieres que cualquier persona pueda ver tu infografía, pulsas este botón para hacerla pública. 147 00:26:30,029 --> 00:26:49,680 Este sería el link que copiaríamos para poder enlazarla y también nos permite directamente desde aquí publicarla en Facebook, Twitter, Google o Pinterest. 148 00:26:49,680 --> 00:27:20,559 Cuando hayamos terminado, podemos usar el botón File para crear una nueva imagen, duplicar en la que ya tenemos o estamos trabajando, descargarlo también desde aquí de nuevo o recuperar otra infografía que tengamos en nuestro disco duro, en nuestro ordenador. 149 00:27:20,559 --> 00:27:35,599 Si no queremos hacer nada de esto, podemos pulsar la P de PictoChart e iremos a nuestra carpeta, donde se guardan las infografías que vamos a ir creando hasta un máximo de 5 en versión gratuita. 150 00:27:36,480 --> 00:27:41,200 Desde aquí podemos volver a editarlas o previsualizarlas de nuevo. 151 00:27:41,200 --> 00:27:48,940 También se pueden ir borrando o duplicar, presentarlas desde aquí 152 00:27:48,940 --> 00:27:53,559 En este apartado tenemos de nuevo el botón de creación 153 00:27:53,559 --> 00:28:03,480 Y podemos ir directamente a las plantillas de infografía, presentación, póster, informe o flyer 154 00:28:03,480 --> 00:28:09,759 podemos ver modelos del equipo de PictoChart 155 00:28:09,759 --> 00:28:15,220 o inspirarnos con trabajos de otros usuarios 156 00:28:15,220 --> 00:28:21,960 que también nos pueden resultar útiles para nuestra tarea 157 00:28:21,960 --> 00:28:30,710 y con esto termina el tutorial de PictoChart