44

What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data
Page 2: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

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.

Page 3: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

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

Page 4: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Go to Piktochart.com…

Click Start For Free

Page 5: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Infographic• Create Infographics,

Reports, Posters and

Presentations

• This tutorial will examine

creating infographics

Page 6: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data
Page 7: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data
Page 8: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Themes

Create your own or use

one of the themes

Page 9: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

• 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

Page 10: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Themes

• Select Create to begin

Page 11: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Piktochart Editor Layout

Page 12: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Tour and Support

Page 13: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Toolbar

Page 14: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Toolbar

Font Style

and Size

Color Alignment

ArrangeOpacity

The next 3 slides will show the Opacity

and Arrange features…

Page 15: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Transparency

• Select from 0 to 100

• 100 meaning solid

and that you can

not see through it

Opacity

Page 16: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Arrange Options

for Objects

• Bring to front

• Send to back

• Bring forward

• Send Backward

Arrange

Page 17: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Arrange – Send to Back

Page 18: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Text

• Click on the Text to edit

• Use the Tool Bar to change

the font style and size

Tool

Bar

Page 19: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

• 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

Page 20: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Text – Text Frames

Page 21: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Graphics

The next slides will

showcase…

① Shapes and Line

② Icons

③ Photos

④ Photo Frame

Page 22: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Drag and drop lines to the canvas. Adjust the line

thickness and style using the Toolbar on top.

Graphics - Line

Page 23: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Drag and drop shapes to the canvas. Format the

color and size.

Graphics - Shapes

Page 24: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

• 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

Page 25: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Example: Graphics – Icons – Social Media

Page 26: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Graphics – Icons - Technology

Page 27: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Graphics – Photos

Page 28: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Graphics – Photo Frames

Page 29: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Uploads - Images

• Drag and drop your own images from your

computer to your canvas

• Your uploads can be managed in your Uploaded

Images tab.

Page 30: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

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

Page 31: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

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

Page 32: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Backgrounds for Blocks

• Select a Block

• Click Background

Page 33: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Background Color

Page 34: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Blocks

Move Block Up

Add Block

Move Block Down

Clone Block

Delete Block

Settings

Page 35: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Tools - Maps

Page 36: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Tools - Maps

Page 37: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

• 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

Page 38: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Tools - Charts

Page 39: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Tools - Videos

Page 40: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

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

Page 41: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Share

Publish

Page 42: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Account

Save and New

Page 43: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

My Saved Piktocharts

Page 44: What is an infographic? - Digital and Graphic Tools · What is an infographic? •An infographic is a visual image such as a chart or diagram used to represent information or data

Some Examples…