CODE-TIPS
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
2
ÍNDICE
Be Funky
Pág. 4
Canva
Pág. 12
Easel.ly
Pág. 14
Genially
Pág. 21
Infogram
Pág. 31
Pikochart
Venngage
Pág. 34
Pág. 39
3
4
BEFUNKY - Rocío Alvarez
Al abrir la herramienta
BeFunky nos encontramos
con esta pantalla inicial y
hacemos CLIC en el botón
“Empezar”.
-------------------->
5
Luego nos aparece esta pantalla que nos pregunta qué trabajo queremos realizar.
Al hacer clic en el botón “Editar foto” nos aparece la siguiente pantalla:
6
En la barra de herramientas que nos aparece
del lado izquierdo, primero nos encontramos
con el sector “Admr. de imágenes”, el cual,
nos permite subir imágenes que tenemos en
nuestro ordenador o que ya estén cargadas
en el programa.
En segundo lugar nos encontramos al sector “Editar”, y este nos permite realizar varias
funciones algunas de ellas son por ejemplo:recortar, rotar la imágen, colocar un color
de fondo, entre otros.
7
En tercer lugar, tenemos el sector “retoque” que nos permite darle unas pequeñas
mejoras a la imagen que queramos editar, y en la caso que tengamos una imagen de
un rostro,los aspectos también se pueden editar.
8
En cuarto lugar tenemos al sector
“efectos”. Este nos permite ponerle
efectos a la imagen.
Luego tenemos al sector “Arte”. Este nos muestra
mucho más efectos, pero dividido en categorías
según lo que se quiera agregar por ejemplo, un
efecto impressionist, es decir, un efecto
impresionista.
9
En sexto lugar, tenemos al sector “marcos”. Este te
permite agregarle un “borde” a la imagen, para
que parezca que está dentro de un cuadro.
Luego tenemos al sector “gráficos” que nos
permite agregar formas geométricas o las
que tengamos en nuestro ordenador.
10
Después tenemos el sector
“superposiciones” que lo que hace
es como dice el nombre, superponer
una forma sobre la imágen,
haciendo que esta adopte la forma
que se le agregó.
También tenemos al sector
“texturas” que permite
agregarle un tipo de textura a la
imagen y que desde nuestra
perspectiva, sintamos que tiene
cierta textura.
Luego en la barra superior, tenemos 2 funciones importantes, las cuales son “abrir” y
“guardar”
11
En el botón “abrir” nos encontramos con ciertos botones, como por ejemplo, ordenador,
BeFunky, Google Drive, entre otros.
Y lo que te permite esta función, es abrir imágenes o proyectos que tengas guardados
en los anteriormente nombrados.
Y por último (en la sección de edición de imágen), tenemos el botón “guardar”. Esto lo
que te permite es que, una vez finalizado tu proyecto ya editado, podes guardarlos en
los programas o dispositivos que se ven en la imágen.
12
CANVA - Camila Salazar
Tutorial de cómo usar canva
PASO 1:
Ingreso a la página. Para el inicio de sesión en Canva es necesario su nombre de
usuario y contraseña. Haga clic en el botón Iniciar sesión. Se puede ingresar con el
correo electrónico o la cuenta google.
13
Empezando a trabajar con Canva
1. Ajusta el color de tu texto para asegurarte de que el mensaje llega de forma
clara.
2. Utiliza los marcos de Canva para tus imágenes.
3. Utiliza los cuadros de texto para colocar texto sobre tus imágenes.
4. Corta las imágenes de forma efectiva. Coloca múltiples imágenes a través de
los marcos.
5. Realiza y edita a tu gusto con los recursos que veas necesario.
14
EASELLY - Maza Gonzalo
¿Que es easel.ly?
Es una herramienta que sirve para la creación de infografías digitales de manera
sencilla y semiprofesional.
¿Cómo funciona?
Esta herramienta funciona de la siguiente manera:
Primero tendrías que registrarte de forma gratuita con una cuenta de Gmail o
Facebook, una vez ingresado que aparecerá opciones en “Mis ilustraciones” y debajo
del mismo un botón con el signo “+”, una vez que le hayamos dado un click nos
aparecerá una pantalla donde nosotros vamos a poder editar la infografía.
15
¿Cómo empezar?
En la parte del medio superior podrás colocarle el nombre que mas gustes a tu
infografía.
16
Primero que nada necesitamos el tipo de plantilla que nosotros deseemos así que
vamos a ir a la esquina superior izquierda donde dice “Plantillas” ahi vamos a elegir la
plantilla que más se familiarice con nuestro trabajo.
También puedes ver plantillas más simples en la parte de “Antecedentes”.
Opciones:
En la parte superior, donde dice “Medios”, es donde va a poder colocar imágenes de
decoración como puede ser una que hayas descargado para crear la infografía. Pero
también podrás poner enlaces de YouTube de quieres.
En la opción “Dibujar” podrás poner flechas si es que lo deseas.
17
En la parte donde dice “texto” vas a poder colocar el tipo de texto que quieres para tu
infografía.
Para alguien que esté relacionado con la economía como porcentajes esta opción le
parecerá interesante, la opción de “Gráficos” sirve para como dice su mismo nombre.
18
La opción “Subir” tiene casi la misma función que “”Medios”, pero con una diferencia,
que en “Subir” ya tenes directamente la opción “Upload Files” que es para las
imágenes descargadas.
En la parte de “Pictograma” podrás colocar pequeños iconos de imágenes
representativas básicas como puede ser una señal de “no fumar” por ejemplo.
La opción “animation” te servirá para usar imagenes con animacion como lo puede
ser un “gif”.
Puedes usar las animación que ya te aparecen en el sitio o subir una que tengas
descargada.
19
La opción “Cuadricula” te ayudará para poner una imagen o texto de forma simétrica
Y por último las opciones “Deshacer” y “Rehacer”. El “Deshacer” te ayudará, como por
ejemplo, cuando te equivoques o cuando un texto lo colocas de forma que no
querías, o cuando, hayas tocado algo que te haya cambiado algo importante de tu
infografía.
El “Rehacer” como dice su nombre te servirá cuando quieras recuperar algo que
hayas hecho anteriormente.
Y por último lo podrás guardar en “archivo” “guardar”.
20
21
GENIALLY - Barbara Carrizo
Paso 1: Iniciar sesión en Genially
Primero busque genially en un buscador (https://www.genial.ly/es). Una vez dentro de
la página, te mostrará algo como en la imagen. Luego debe ingresar a una cuenta y
para eso tiene dos opciones:
22
Opción 1: Crear una cuenta.
Para registrarse debe hacer clic en el botón “CREA YA TU CUENTA GRATIS” o
“REGISTRATE”. Luego complete los campos que se indican debajo o cree una cuenta
con google u otras opciones seleccionando en “otro”.
Opción 2: Iniciar sesión con una cuenta ya existente.
Para iniciar sesión debe hacer clic en el botón “Iniciar Sesión” de la primera pantalla
que le mostramos. Luego se abrirá la siguiente pantalla donde debe ingresar su email y
contraseña o, sino, tiene la opción de ingresar con una cuenta de google o similares.
23
Paso 2: Crear a base de una plantilla
Al hacer clic en “CREAR GENIALLY” se mostrarán las diversas opciones que ofrece el
recurso. Seleccione la que más le llame la atención.
1. Selección de plantilla
Al hacer clic en el tipo de plantilla que quiere se le desplegarán las diversas opciones
que ofrece, en caso de querer otra simplemente seleccione alguna en la parte
izquierda de la pantalla o bien haga clic en el botón “VOLVER” y se direccionará a la
pantalla mostrada anteriormente.
24
2. Vista previa
Al hacer clic en la plantilla Genially muestra una vista previa de la plantilla y en caso
de creer que es la indicada, seleccionar en “USAR ESTA PLANTILLA”, si no es así haga
clic en la “X” que se encuentra en la parte superior derecha del recuadro blanco.
Paso 3: Edición de la plantilla.
Una vez abierta se mostrará una pantalla como la siguiente, mediante la cual
podremos editar la plantilla.
25
1. El texto
Al seleccionar en “Texto” que se ubica en la barra de herramientas azul del lado
izquierdo de la pantalla se abrirán las opciones de textos dependiendo el tamaño,
ubicación, orden, fuente, etc. Para editar un texto puede arrastrarlos hacia la plantilla
o bien editar uno de la misma simplemente haciendo un clic sobre él. En la parte
superior se encuentran opciones referidas al diseño como el color, ubicación, fuente,
etc.
2. Imagen
Para adjuntar Imágenes debe hacer clic en “Imagen” que se ubica en la barra de
herramientas. Aquí tiene la opción para subir un archivo desde su dispositivo, utilizar la
URL de la imagen o utilizar algunas de las que ofrece Genially. Para editar una imagen
simplemente debe seleccionarla y en la parte superior puede agregarle un marco,
editar la transparencia, el orden, recortarla, etc. Para rotarla debe seleccionarla, hacer
clic en un símbolo de flecha gris que se ubica debajo de la imagen y luego mover el
mouse hacia la izquierda o derecha para acomodarla.
26
3. Recursos
Al seleccionar el botón “Recursos” se mostraran íconos, formas, gráficos, líneas, flechas,
ilustraciones, escenarios, mapas o siluetas que ofrece Genially a los cuales se les puede
modificar el color, la transparencia, tamaño, etc.
27
4. Elementos interactivos
En esta sección puede agregar íconos o botones interactivos a la plantilla.
Al seleccionar el símbolo de una mano que aparece sobre los íconos, se muestra este
recuadro que indica las diferentes opciones para hacer un elemento interactivo. En la
primera opción al arrastrar el mouse sobre el ícono se muestra una etiqueta de texto,
en la segunda opción al hacer clic se muestra una ventana con texto, imágenes,
video, etc, en la tercera opción al hacer clic en el ícono este nos derivaría a otra
página del mismo documento y en la cuarta opción al hacer clic sobre el elemento se
abre el recurso del cual compartimos el link.
28
5. Smartblocks
En esta parte se muestran gráficos, tablas y datos editables.
Al hacer clic en el objeto se muestra una botón con tres líneas horizontales, cuando lo
selecciona se muestra un recuadro al lado derecho de la pantalla, en él se puede
editar el aspecto del objeto y los datos en una hoja de cálculo.
29
6. Insertar
Esta opción nos permite insertar en la plantilla videos, audios y otros recursos mediante
un código o enlace. En cuanto a los audios nos permite grabar uno y editarlo, insertar
una URL o elegirlo desde diversas plataformas, al igual que en los videos.
7. Fondo
Para cambiar el fondo de la plantilla puede adjuntar una imagen desde su dispositivo,
una URL, cambiar el color o elegir una que contenga Genially. En la sección, base,
30
podemos hacer exactamente los mismos cambios solamente que cambia por fuera de
los límites de la plantilla.
8. Páginas
Aquí se pueden editar el tamaño de las páginas, el cual puede ser según alguna
plantilla o personalizado, añadir transiciones entre las páginas o cambiar la forma de
navegación entre las mismas, pueden ser por flechas, como un video o sino
personalizado mediante botones interactivos que inserte el usuario.
31
INFOGRAM - Luca Vizzari
Lo primero que hay que hacer para utilizar Infogram va a ser registrarnos:
Presionamos donde dice “get started”. Una vez allí nos dará las opciones para
registrarnos, ya sea con correos electrónicos o redes sociales, en mi caso me registre
con Facebook.
32
Con la cuenta ya creada y estando logueados nos aparecerá una pantalla así con
diferentes opciones
Debajo del ALL projects nos aparecen las opciones de creación, allí elegiremos que
queremos crear.
Una vez seleccionada una opción, en mi caso infografía, nos aparecerán todas las
plantillas
33
Pasamos el mouse por encima de alguna y la que queramos usar presionamos en
“use”.
34
PIKTOCHART - Pedro Prodromos
TUTORIAL DE PIKTOCHART
¿Qué es Piktochart?
Piktochart es una herramienta virtual que nos brinda acceso a la creación a través de
plantillas o hojas en blanco, de infografías. Esta herramienta nos permite hacer
infografías con buena calidad sin siquiera saber usar ninguna otra app de creación.
¿Cómo podemos acceder?
La accesibilidad a esta herramienta, es completamente Gratis, pero a su vez incluye
una versión Pro Personal y Pro Equipo.
*Pro Personal, con un coste anual de 40 dólares al año, esta misma nos permite:
●
●
●
●
Crear proyectos ilimitados
1 GB de almacenamiento de imágenes
Descarga en PDF
ETC
35
Pro equipo, con un coste que varía entre los miembros, con un mínimo de 2 usuarios y
un máximo de 6, su precio es entre 80 y 240 dólares anuales. Esta nos permite:
●
●
●
●
Más espacio para almacenamiento de imágenes
Acceso a cada miembro de las especificaciones Pro
Diseño en conjunto
ETC
Tutorial de funcionamiento
1.Acceder a Piktochart
Si aún no estamos registrados a Piktochart, le daremos a Sign UP. Si ya estamos
registrados, le daremos a Log In.
36
2. Seleccionar nuestro tipo de trabajo a realizar
En la parte izquierda de nuestra pantalla, nos saldrá la opción de create new, la cual
nos indicará que tipo de trabajo queremos realizar.
37
Nos saldrán esas opciones, si le hacemos click a una, nos saldrán un catálogo con
plantillas correspondiendo al tipo de información que queremos presentar. Por
ejemplo, si le hacemos click al de reportes, nos saldrá lo siguiente:
Nos salen múltiples plantillas, las cuales podemos usar como base para nuestro
reporte. A continuación, seleccionaremos la plantilla que queramos usar.
A continuación, nos saldrán diversos iconos, entre
ellos, “Use Template”, este cuadro nos dará la opción
de usar la plantilla para su posterior uso.
Luego está “Preview”, esta opción es una prevista del
documento, todo esto para visualizar como está
diseñado el documento.
Luego nos saldra unos números debajo de estas 2
opciones, por ejemplo, 211 x 303 mm, este número
indica las dimensiones del archivo.
38
Una vez seleccionada la plantilla que deseamos usar, le daremos click a Use Template,
esta opción nos llevará a la siguiente parte.
En esta pantalla, tendremos varios sectores, entre ellos Tour, si le damos click, nos
guiará aun video explicativo para entender mejor las herramientas de trabajo.
De aquí en adelante depende de cada uno, se pueden editar textos, quitar o añadir
imágenes, etc.
Una vez terminado el trabajo, se guarda y descarga.
39
VENNGAGE - Milagros Garcia
Introducción:
A continuación verán una guía de cómo podemos usar la herramienta “VENNGAGE”,
la cual sirve para crear infografías, pósters, logotipos, folletos y mucho más. Lo
siguiente que veremos será un paso a paso de cómo se utiliza.
Paso 1:
Al buscar la herramienta Venngage, seleccionaremos el primer link que nos aparece.
40
Nos llevará directamente a una página “principal”. La cual será similar a esta:
Si ya tenés una cuenta registrada debes hacer click donde dice “INGRESAR”, en la
parte superior derecha. Si no tienes una cuenta, deberás seleccionar la opción que
aparece como una botón verde y dice “REGÍSTRATE GRATIS”.
Paso 2:
Una vez que ya tenemos nuestra cuenta de Venngage activa y lista para usar, vamos
a decidir sobre qué va a ser nuestro proyecto o material, en mi caso, voy a elegir una
infografía, y va a ser acerca de los productos básicos de maquillaje para todo aquel
que quiera empezar en el mundo del Make Up.
Nos vamos a dirigir a la opción que dice “PLANTILLAS”, en la barra superior en casi una
posición central.
Cuando seleccionamos esa opción nos va a aparecer una “barra de opciones en
forma de lista” del lado izquierdo, en la sección “CATEGORÍAS” seleccionaremos la
opción “INFOGRAFÍA” y como yo voy a hablar sobre maquillaje, voy a seleccionar la
alternativa “PROCESO”.
41
Paso 3:
La plantilla que elegiste no tiene que ser necesariamente de tu tema a tratar, si te
gusta el formato de una plantilla que no se asemeja a lo que vas a desarrollar, la podés
personalizar.
Una vez que ya seleccionaste tu plantilla, te aparecerá una pantalla de edición similar
a esta:
42
Luego de editar la plantilla a nuestro gusto, yo personalmente, le saque unos espacios
de texto que no me gustaban, quedó así:
Paso 4:
Ahora sí, nos metemos directamente en la edición. Luego de haber editado los
cuadros de texto de acuerdo a tu gusto personal, pasaremos a colocar los textos.
En la lista de opciones que aparece en la izquierda de tu
pantalla, vamos a seleccionar la opción “TEXTO” y vas a
colocar el que más te guste.
43
Después de haber puesto todos los textos que yo quería, le modifique la fuente de letra
y tamaño, quedó algo así:
Paso 5:
Luego de haber editado todos los cuadros de texto como a mí me gustaba, vamos a
editar los iconos de cada cuadro.
Ahora en la misma lista de opciones en donde seleccionaste “TEXTO” vamos a
seleccionar la opción “ÍCONO”, ahí nos saldrán varias categorías, en mi caso voy a
seleccionar la opción “BELLEZA”.
44
En el caso de que te guste alguno, tenés que hacer click sobre el elegido, y ajustarlo
de acuerdo a tu gusto en la plantilla. Si querés borrar algún ícono que ya hayas
seleccionado, lo único que tenés que hacer es seleccionarlo y luego presionar el
símbolo de basurero que sale en la barra superior, es como el que se muestra a
continuación:
Personalmente, yo no voy a usar los íconos que me ofrece la herramienta, los voy a
buscar en internet como “png” y los voy a importar, ¿Cómo hago eso? Es muy sencillo,
en la lista de herramientas izquierda, voy a seleccionar la opción “SUBIR IMÁGENES",
una vez subida la foto de preferencia, tenés que hacer click sobre esta, y ajustar el
tamaño a gusto. Esto teniendo en cuenta que tiene un límite de 6 imágenes
importadas, pero las podés ir eliminando a medida que las vayas usando.
45
Después de adjuntar y editar todas las imágenes que agregue y
usarlas como iconos, la plantilla me quedo algo así:
Paso 6:
Una vez que ya tenemos los iconos y textos de nuestra infografía, hace falta
personalizar el fondo. Para esto vamos a hacer lo siguiente, en la lista de opciones que
se ubica del lado izquierdo de nuestra pantalla, vamos a seleccionar la opción
“FONDO” ahí podremos cambiar los colores de la paleta de nuestra plantilla, ponerle
textura al fondo, y otras cosas más.
46
En el caso de que no queramos seleccionar un color que nos ofrece la paleta de
Venngage, y queramos seleccionar algún tono de una fotografía que nos guste, la
podemos cargar a la plantilla y tomar un tono de color de nuestra preferencia, ¿Cómo
podemos hacer eso? Vamos a seleccionar la opción de “SUBIR IMAGEN”, la cual fue
explicada anteriormente, y vamos a cargar la foto que nos guste. Una vez que
tengamos la imagen en la plantilla, vamos a dirigirnos a la opción “FONDO” y en la
parte donde nos aparece titulada como “PALETAS DE COLORES” vamos a seleccionar
el símbolo del “MÁS” (+).
47
Una vez que seleccionamos el “+”, vamos a ver que se nos abre una ventana que
contiene una paleta circular de colores, debajo se encuentra una breve descripción
de un color aleatorio, al lado de esa explicación se encuentra el siguiente icono:
Cuando seleccionemos este botón, vamos a mover el cursor sobre la imagen que
seleccionamos previamente y buscaremos un color de nuestro agrado, cuando lo
encontremos, solamente tenemos que hacer click y el color ya estará seleccionado.
Para cambiar el color de un “CUADRO DE TEXTO”, que no sea el color de “FONDO”,
tenes que seleccionarlo, y en la parte superior, donde se encuentra la configuración
de color, vas a seleccionar el botón en forma de “GOTA DE AGUA”, cuando lo
selecciones, te va a aparecer la misma paleta circular que en el “FONDO”, en el caso
de que quieras seleccionar algún tono de una imagen que hayas cargado a la
plantillas, vas a poder hacer lo mismo que hiciste con el color de fondo, exactamente
en el mismo botón.
48
Las imágenes que cargué a mi plantilla para sacar tonos, fueron estas:
Paso 7:
Luego de terminar mi plantilla, la cual quedó así:
49
Lo que sigue, es guardar nuestra infografía, ¿Cómo se hace? Nos vamos a dirigir a la
barra superior, del lado derecho de tu pantalla. Vamos a seleccionar la opción
“COMPARTIR” (para utilizar la opción “DESCARGAR” necesitamos una cuenta Premium,
si vos querés pagar la cuenta, lo podés hacer así).
Vamos a ver que nos ofrece 4 formas distintas de compartir la infografía,
personalmente voy a seleccionar la opción de “Pinterest”.
Cuando seleccionemos nuestra plataforma de preferencia, nos saldrá una ventana
similar a ésta:
50
Una vez que ya le pusimos un nombre a nuestra plantilla, damos click en el botón
verde que dice “PUBLICAR + COMPARTIR”. Nos va a aparecer una ventana parecida a
ésta:
Vamos a seleccionar la opción que aparece como un botón verde que dice “SHARE”.
Nos va aparecer una ventana con tu cuenta personal de (en este caso) Pinterest
abierta y va a ser como esta:
51
Y luego de que seleccionemos el tablero en el que lo vamos a guardar, lo podremos
descargar normalmente como guardamos cualquier “pin” de Pinterest.
52