SlideShare una empresa de Scribd logo
Piktochart
M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México Septiembre 2018
Espacio educativo:
Nuevas Tecnologías
de la Información
y la Comunicación
Contenido
• ¿Qué es Piktochart?
• Manejo de Templates
• Escritorio de Piktochart
• Bloques
• Fondo
• Insertar texto
• Insertar un hipervínculo
• Insertar gráficos
• Insertar una imagen
• Insertar un vídeo
• Publicar en la web mediante su código HTML
• Fuentes
¿Qué es Piktochart?
Es una aplicación web lanzada en marzo del 2012, la cual
permite crear de manera fácil infografía. En ella podrás
diseñar gráficos de alta calidad. Una de sus principales
características, es la capacidad de poder publicarla en
sitios web mediante su código HTML.
¿Qué es Piktochart?
Principales características:
•Gran variedad de templates (gratuitos y de paga).
•Publicar mediante HTML.
•Inserción de vídeos.
•Generador de tablas.
•Miles de gráficos e iconos.
•Cerca de cien tipos de letra distintos.
•Entre otros.
Manejo de Templates
Cuando hayas iniciado sesión, dirígete a la página
https://create.piktochart.com/infographic, para seleccionar
tu Template. En este tutorial usaremos un template en
blanco.
Escritorio de Piktochart
Después de seleccionar tu Template se mostrará el
escritorio de Piktochart, en el cual podrás comenzar a
crear tu infografía.
Opciones de visualización,
publicación y descarga
Opciones de visualización,
publicación y descarga
Elementos
de diseño
Elementos
de diseño
EdiciónEdición
InfografíaInfografía
Bloques
Los bloques ayudan a seccionar tu infografía con el fin de
que puedas manejar elementos por separado. Para
administrar los bloques, tienes que dar clic sobre alguno de
los existentes de tu infografía.
Basta con pasar el cursor sobre la infografía para visualizar
los bloques existentes.
Opciones de bloqueOpciones de bloque
Bloques
Al dar clic sobre un bloque existente, del lado izquierdo
podrás visualizar las siguientes opciones:
•+: Agregar uno nuevo.
•x: Eliminar.
•=: Clonar.
•Mover hacia arriba.
•Mover hacia abajo.
•Configuración: tamaño
Fondo
Para seleccionar algún color de fondo para tu infografía da
clic sobre “Background”.
Insertar texto
Para insertar un texto selecciona en los elementos de
diseño del lado izquierdo “Text”, tendrás varias opciones:
•Título.
•Subtítulo.
•Subtítulo 2.
•Subtítulo 3.
•Cuerpo de texto.
•Textos tipo imágenes.
Selecciona el que se adapte a tu información.
Insertar texto
Por cada cuadro de texto que sea insertado, se tendrán las
opciones de tipo de fuente, tamaño, alineación, color, entre
otros.
.
Opciones de textoOpciones de texto
Insertar un hipervínculo
Si quisieras insertar un hipervínculo a tu texto, basta con
seleccionarlo y dar clic sobre la opción de “link”. Deberás
introducir la dirección url en la ventana que aparecerá.
.
Insertar gráficos
Localiza la opción de “Graphics”, tendrás tres opciones
diferentes:
1.Formas e íconos.
2.Líneas.
3.Fotos (por categorías).
4.Marcos de foto.
.
Insertar una imagen
Localiza la opción de “Uploads” para cargar una imagen
desde tu computadora. Una vez cargada, deberás
seleccionar el bloque donde se desee poner. Con tu cuenta
podrás subir un máximo de 40 mb.
.
Insertar un vídeo
En “Tools” encontrarás la opción de añadir vídeos a tu
infografía. Cabe mencionar que ahí mismo podrás insertar
tablas y mapas.
Al seleccionar vídeo, hay que introducir su dirección URL
(YouTube o Vímeo solamente).
.
Publicar la infografía
1. Una vez guardada tu infografía, localiza en la esquina
superior derecha “Share”. Te preguntará si el nombre de la
infografía es correcto, de ser así, da clic en ok, en caso
contrario, regresa y por un nombre en la parte superior
izquierda.
.
Publicar la infografía
2. Cuando aparezca la siguiente ventana da clic en
“anyone can view the sharing link”, así, cualquier persona
que reciba el link podrá ver su infografía.
.
Publicar la infografía
3. Dar clic en “open on web”, la url de la parte superior será
la liga a tu infografía.
.
Publicar mediante HTML
Para publicar mediante su código HTML da
clic en el ícono que se muestra a
continuación:
Publicar mediante HTML
Por último, copia el código HTML y colócalo
en el sitio web donde desees publicar tu
infográfía
Fuentes
Piktochart (2018). How can we help? FAQ
Recuperado de https://support.piktochart.com/

Más contenido relacionado

PDF
Tutorial de photopea
PDF
Tutorial flipsnack
PDF
PDF
Tutorial de Renderforest
PPT
Tutorial Picturetrail
PDF
Pequeña guía de retoque fotográfico para tus anuncios inmobiliarios.
PPTX
Tutorial weebly
PPTX
Expocompu
Tutorial de photopea
Tutorial flipsnack
Tutorial de Renderforest
Tutorial Picturetrail
Pequeña guía de retoque fotográfico para tus anuncios inmobiliarios.
Tutorial weebly
Expocompu

La actualidad más candente (19)

PPTX
Expocompu
PPT
Tutorial de wix
PPTX
Tutorial prezi
DOCX
Tuneamos nuestro blog
PPT
Como hacer un blog, utilizando WordPress
PPTX
Tutorial_prezi
PPTX
Tutorial de mixbook (minilibro)
PPTX
Que es Weebly y Como se Utiliza
PPTX
TUTORIAL WEEBLY
DOCX
Manual de jimdo
PPTX
Paso a paso: Como hacer una pagina en Jimdo
PPTX
Cómo utilizar el programa powtoon
PPT
Servicio de Internet (Photobucket)
DOCX
Tutorial prezi
PPT
Tutorial box.net
PDF
Manual weebly
 
PPTX
Juju2deber
PPTX
Tutorial picture trail
PDF
Blogger
Expocompu
Tutorial de wix
Tutorial prezi
Tuneamos nuestro blog
Como hacer un blog, utilizando WordPress
Tutorial_prezi
Tutorial de mixbook (minilibro)
Que es Weebly y Como se Utiliza
TUTORIAL WEEBLY
Manual de jimdo
Paso a paso: Como hacer una pagina en Jimdo
Cómo utilizar el programa powtoon
Servicio de Internet (Photobucket)
Tutorial prezi
Tutorial box.net
Manual weebly
 
Juju2deber
Tutorial picture trail
Blogger
Publicidad

Similar a Piktochart tutorial 2018 (20)

PDF
Piktochart en educación
PDF
Tema4 piktochart ii
PDF
Tema5 piktochart iii
PPTX
PPTX
¿Cómo crear una infografía con piktochart?
PPTX
DOCX
Qué es piktochart j y f
PPT
Aprenda a diseñar infografías
PPT
Como hacer infografias con pictochart
PPT
Plantillas para Infografía en PPT
PPT
10_Plantillas_Infographic.ppt
PPT
10 plantillas infographic 6_to
PDF
Webinar Infografias
PDF
HERRAMIENTAS PARA EL DISEÑO DE INFOGRAFÍAS
PDF
Tema3 piktochart
DOCX
PDF
Piktochart e Infogram: Herramientas gratuitas para crer infografias
PDF
Piktochart e Infogram: Herramientas gratuitas para crear infografías
PDF
EN QUÉ CONSISTEN LAS INFOGRAFÍAS_material para que elebores tu infonografia...
Piktochart en educación
Tema4 piktochart ii
Tema5 piktochart iii
¿Cómo crear una infografía con piktochart?
Qué es piktochart j y f
Aprenda a diseñar infografías
Como hacer infografias con pictochart
Plantillas para Infografía en PPT
10_Plantillas_Infographic.ppt
10 plantillas infographic 6_to
Webinar Infografias
HERRAMIENTAS PARA EL DISEÑO DE INFOGRAFÍAS
Tema3 piktochart
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crear infografías
EN QUÉ CONSISTEN LAS INFOGRAFÍAS_material para que elebores tu infonografia...
Publicidad

Más de Miguel Angel Romero Ochoa (20)

PDF
Tutorial de filmora
PDF
Tutorial de sound cloud
PDF
Tutorial de online voice recorder
PDF
Conceptos de seguridad
PDF
Colocar foto perfil ntic
PPSX
Uso de Google drive
PPT
PDF
Libre office calc
PDF
Security concepts to consider when using a computer
PDF
Creative commons licenses
PPSX
Dropbox tutorial
PDF
Reading information technologies and communication basic concepts
PPSX
Google forms wix
PDF
Tecnologías de la información y la comunicación: conceptos basicos
PPSX
Insertar vídeo de YouTube en Power Point
PPSX
Debut video capture
PPSX
Insertar video youtube en wordpress
Tutorial de filmora
Tutorial de sound cloud
Tutorial de online voice recorder
Conceptos de seguridad
Colocar foto perfil ntic
Uso de Google drive
Libre office calc
Security concepts to consider when using a computer
Creative commons licenses
Dropbox tutorial
Reading information technologies and communication basic concepts
Google forms wix
Tecnologías de la información y la comunicación: conceptos basicos
Insertar vídeo de YouTube en Power Point
Debut video capture
Insertar video youtube en wordpress

Último (20)

PPTX
Propuesta BKP servidores con Acronis1.pptx
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PDF
clase auditoria informatica 2025.........
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPT
Que son las redes de computadores y sus partes
PDF
Estrategia de apoyo tecnología grado 9-3
PDF
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPTX
Presentación de Redes de Datos modelo osi
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PDF
Estrategia de apoyo tecnología miguel angel solis
Propuesta BKP servidores con Acronis1.pptx
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
clase auditoria informatica 2025.........
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
El-Gobierno-Electrónico-En-El-Estado-Bolivia
Zarate Quispe Alex aldayir aplicaciones de internet .docx
Que son las redes de computadores y sus partes
Estrategia de apoyo tecnología grado 9-3
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
Power Point Nicolás Carrasco (disertación Roblox).pptx
Presentación de Redes de Datos modelo osi
Plantilla para Diseño de Narrativas Transmedia.pdf
Estrategia de apoyo tecnología miguel angel solis

Piktochart tutorial 2018

  • 1. Piktochart M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México Septiembre 2018 Espacio educativo: Nuevas Tecnologías de la Información y la Comunicación
  • 2. Contenido • ¿Qué es Piktochart? • Manejo de Templates • Escritorio de Piktochart • Bloques • Fondo • Insertar texto • Insertar un hipervínculo • Insertar gráficos • Insertar una imagen • Insertar un vídeo • Publicar en la web mediante su código HTML • Fuentes
  • 3. ¿Qué es Piktochart? Es una aplicación web lanzada en marzo del 2012, la cual permite crear de manera fácil infografía. En ella podrás diseñar gráficos de alta calidad. Una de sus principales características, es la capacidad de poder publicarla en sitios web mediante su código HTML.
  • 4. ¿Qué es Piktochart? Principales características: •Gran variedad de templates (gratuitos y de paga). •Publicar mediante HTML. •Inserción de vídeos. •Generador de tablas. •Miles de gráficos e iconos. •Cerca de cien tipos de letra distintos. •Entre otros.
  • 5. Manejo de Templates Cuando hayas iniciado sesión, dirígete a la página https://create.piktochart.com/infographic, para seleccionar tu Template. En este tutorial usaremos un template en blanco.
  • 6. Escritorio de Piktochart Después de seleccionar tu Template se mostrará el escritorio de Piktochart, en el cual podrás comenzar a crear tu infografía. Opciones de visualización, publicación y descarga Opciones de visualización, publicación y descarga Elementos de diseño Elementos de diseño EdiciónEdición InfografíaInfografía
  • 7. Bloques Los bloques ayudan a seccionar tu infografía con el fin de que puedas manejar elementos por separado. Para administrar los bloques, tienes que dar clic sobre alguno de los existentes de tu infografía. Basta con pasar el cursor sobre la infografía para visualizar los bloques existentes. Opciones de bloqueOpciones de bloque
  • 8. Bloques Al dar clic sobre un bloque existente, del lado izquierdo podrás visualizar las siguientes opciones: •+: Agregar uno nuevo. •x: Eliminar. •=: Clonar. •Mover hacia arriba. •Mover hacia abajo. •Configuración: tamaño
  • 9. Fondo Para seleccionar algún color de fondo para tu infografía da clic sobre “Background”.
  • 10. Insertar texto Para insertar un texto selecciona en los elementos de diseño del lado izquierdo “Text”, tendrás varias opciones: •Título. •Subtítulo. •Subtítulo 2. •Subtítulo 3. •Cuerpo de texto. •Textos tipo imágenes. Selecciona el que se adapte a tu información.
  • 11. Insertar texto Por cada cuadro de texto que sea insertado, se tendrán las opciones de tipo de fuente, tamaño, alineación, color, entre otros. . Opciones de textoOpciones de texto
  • 12. Insertar un hipervínculo Si quisieras insertar un hipervínculo a tu texto, basta con seleccionarlo y dar clic sobre la opción de “link”. Deberás introducir la dirección url en la ventana que aparecerá. .
  • 13. Insertar gráficos Localiza la opción de “Graphics”, tendrás tres opciones diferentes: 1.Formas e íconos. 2.Líneas. 3.Fotos (por categorías). 4.Marcos de foto. .
  • 14. Insertar una imagen Localiza la opción de “Uploads” para cargar una imagen desde tu computadora. Una vez cargada, deberás seleccionar el bloque donde se desee poner. Con tu cuenta podrás subir un máximo de 40 mb. .
  • 15. Insertar un vídeo En “Tools” encontrarás la opción de añadir vídeos a tu infografía. Cabe mencionar que ahí mismo podrás insertar tablas y mapas. Al seleccionar vídeo, hay que introducir su dirección URL (YouTube o Vímeo solamente). .
  • 16. Publicar la infografía 1. Una vez guardada tu infografía, localiza en la esquina superior derecha “Share”. Te preguntará si el nombre de la infografía es correcto, de ser así, da clic en ok, en caso contrario, regresa y por un nombre en la parte superior izquierda. .
  • 17. Publicar la infografía 2. Cuando aparezca la siguiente ventana da clic en “anyone can view the sharing link”, así, cualquier persona que reciba el link podrá ver su infografía. .
  • 18. Publicar la infografía 3. Dar clic en “open on web”, la url de la parte superior será la liga a tu infografía. .
  • 19. Publicar mediante HTML Para publicar mediante su código HTML da clic en el ícono que se muestra a continuación:
  • 20. Publicar mediante HTML Por último, copia el código HTML y colócalo en el sitio web donde desees publicar tu infográfía
  • 21. Fuentes Piktochart (2018). How can we help? FAQ Recuperado de https://support.piktochart.com/