Espacio educativo:

Nuevas Tecnologas
de la Informacin
y la Comunicacin

Piktochart

M.I.S.T. Miguel ngel Romero Ochoa

Hermosillo, Sonora, Mxico. Octubre 2014

Contenido

Qu es Piktochart?
Manejo de Templates
Escritorio de Piktochart
Bloques
Fondo
Insertar texto
Insertar un hipervnculo
Insertar grficos
Insertar una imagen
Insertar un vdeo
Publicar en la web mediante su cdigo HTML
Fuentes

Qu es Piktochart?
Es una aplicacin web lanzada en marzo del 2012, la cual
permite crear de manera fcil infografa. En ella podrs
disear grficos de alta calidad. Una de sus principales
caractersticas, es la capacidad de poder publicarla en
sitios web mediante su cdigo HTML.

Qu es Piktochart?
Principales caractersticas:
Gran variedad de templates (gratuitos y de paga).
Publicar mediante HTML.
Insercin de vdeos.
Generador de tablas.
Miles de grficos e iconos.
Cerca de cien tipos de letra distintos.
Entre otros.

Manejo de Templates
Cuando hayas iniciado sesin, podrs visualizar lo
siguiente.

Manejo de Templates
1. Primero tienes que seleccionar el tipo de formato que
desees para tu infografa.

2. Ahora selecciona de entre los templates disponibles para

el tipo de formato seleccionado (ten en cuenta que algunos
son gratuitos y otros con costo).

Escritorio de Piktochart
Despus de seleccionar tu Template se mostrar el
escritorio de Piktochart, en el cual podrs comenzar a
crear tu infografa.
Elementos
de diseo
Edicin

Infografa

Opciones de visualizacin,
publicacin y descarga

Bloques
Los bloques ayudan a seccionar tu infografa 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 infografa.
Basta con pasar el cursor sobre la infografa para visualizar
los bloques existentes.
Opciones de bloque

Bloques
Al dar clic sobre un bloque existente, del lado izquierdo
podrs visualizar las siguientes opciones:
+: Agregar uno nuevo.
x: Eliminar.
=: Clonar.
Mover hacia arriba.
Mover hacia abajo.
Configuracin: ancho y alto.

Fondo
Para seleccionar algn color de fondo para tu infografa da
clic sobre Background.

Insertar texto
Para insertar un texto selecciona en los elementos de
diseo del lado izquierdo Text , tendrs varias opciones:
Ttulo.
Subttulo.
Subttulo 2.
Subttulo 3.
Cuerpo de texto.
Selecciona el que se adapte a tu informacin.

Insertar texto
Por cada cuadro de texto que sea insertado, se tendrn las
opciones de tipo de fuente, tamao, alineacin, color, entre
Opciones de texto
otros.

Insertar un hipervnculo
Si quisieras insertar un hipervnculo a tu texto, basta con
seleccionarlo y dar clic sobre la opcin de link. Debers
introducir la direccin url en la ventana que aparecer.

Insertar grficos
Localiza la opcin de Graphics, tendrs tres opciones
diferentes:
1.Formas y lneas.
2.Iconos
3.Fotos (por categoras).

Insertar una imagen

Localiza la opcin de Uploads para cargar una imagen
desde tu computadora. Una vez cargada, debers
seleccionar el bloque donde se desee poner. Con tu cuenta
podrs subir un mximo de 20 imgenes.

Insertar un vdeo
En Tools encontrars la opcin de aadir vdeos a tu
infografa. Cabe mencionar que ah mismo podrs insertar
tablas y mapas.
Al seleccionar vdeo, hay que introducir su direccin URL
(YouTube o Vmeo solamente).

Publicar mediante HTML

1. Una vez guardada tu infografa, localiza en la esquina
superior derecha Publish.

Publicar mediante HTML

2. Cuando aparezca la siguiente ventana da clic en
Publish now para obtener el cdigo HTML. Debes haber
colocado un nombre a tu infografa antes de publicar.

Publicar mediante HTML

3. Copia el cdigo HTML generado e insrtalo en tu sitio
web. Puedes probar con u

Puedes probar con

600 px de ancho. S
sobrepasa los lmites
de tu plantilla,
modifica ste tamao.

Fuentes
Piktochart (2014). All About Piktocharts Infographics Editor
Recuperado de http://support.piktochart.com/