What is an infographic?
• An infographic is a visual image such
as a chart or diagram used to
represent information or data
Activity
• Do a Google (image) search for
infographics to view some examples
Note: Have your students create a Free account in Piktochart.
There are other Paid versions which you may wish to purchase in
the future depending on how much you plan to use this
website. Keep in mind that there are education discounts.
Creating Infograpics with
Piktochart.com
• By presenting information in a compact
and creative format, infographics are
able to quickly convey knowledge and
engage its viewers
• Most Infographics are fun to read and
provide valuable information
• Piktochart has an easy to use editor with
drag and drop features
• The tool bar is similar to Microsoft Word
Go to Piktochart.com…
Click Start For Free
Infographic• Create Infographics,
Reports, Posters and
Presentations
• This tutorial will examine
creating infographics
Themes
Create your own or use
one of the themes
• When students are practicing with
this website, they should
experiment with one of the
themes.
• However, I would suggest that
when students begin creating their
own infographic, that they use a
Create your own infographic
template.
• I have found that it is easier to
simply add the features you want
than try to delete/change the
existing features in the themes.
Infographic Options
Themes
• Select Create to begin
Piktochart Editor Layout
Tour and Support
Toolbar
Toolbar
Font Style
and Size
Color Alignment
ArrangeOpacity
The next 3 slides will show the Opacity
and Arrange features…
Transparency
• Select from 0 to 100
• 100 meaning solid
and that you can
not see through it
Opacity
Arrange Options
for Objects
• Bring to front
• Send to back
• Bring forward
• Send Backward
Arrange
Arrange – Send to Back
Text
• Click on the Text to edit
• Use the Tool Bar to change
the font style and size
Tool
Bar
• To add Text, select Text and drag the type you need
onto your canvas
• Simple double click on the text box and start typing
• Formats such as Font Size and Alignment can be
edited at the tool bar at the top
Text
Text – Text Frames
Graphics
The next slides will
showcase…
① Shapes and Line
② Icons
③ Photos
④ Photo Frame
Drag and drop lines to the canvas. Adjust the line
thickness and style using the Toolbar on top.
Graphics - Line
Drag and drop shapes to the canvas. Format the
color and size.
Graphics - Shapes
• Use simple drag and drop actions to add graphic
elements to your canvas.
• Enter the keyword for what you are looking for in the
search box.
• Once you find what you are looking for, move it to your
canvas.
Graphics - Icons
Example: Graphics – Icons – Social Media
Graphics – Icons - Technology
Graphics – Photos
Graphics – Photo Frames
Uploads - Images
• Drag and drop your own images from your
computer to your canvas
• Your uploads can be managed in your Uploaded
Images tab.
Upload Image
To upload an image from your computer
1. Select Image From Computer
2. Find the image saved on your computer
3. Select Choose
4. The program will upload it into Piktochart
Block
• Organize your infographic into Blocks
• A Block is a section of the infographic
• Add blocks, delete blocks, clone blocks, move
blocks up and down or change a block’s height
Backgrounds for Blocks
• Select a Block
• Click Background
Background Color
Blocks
Move Block Up
Add Block
Move Block Down
Clone Block
Delete Block
Settings
Tools - Maps
Tools - Maps
• Click on Tools and then Charts to add data
visualization
• There are a variety of creative charts to
choose from
• The Settings tab lets you customize how it looks
Tools - Charts
Tools - Charts
Tools - Videos
Download – Image or PDF
• Save your infographic before you publish your
infographic
• Click Download to save your infographic in JPEG,
PNG or PDF image format
• You can also share it on social media
Share
Publish
Account
Save and New
My Saved Piktocharts
Some Examples…