Learn Infographic Design

Name: Learn Infographic Design
Rating: 4.2 (34 reviews)

Infographic design part 1

Created byMOSTAFA ZIDAN

Last updated 8/2022

English

What you'll learn

Understand the anatomy of an Illustrator graph.
Build stunning and editable graphs to represent data and statistics using Column graphs, pie charts, Donut charts, stacked column graphs, area and line graphs.
Stylize any graph type and create appealing designs to your graphs, define the scale for charts and add numeric values.
Design your own chart from scratch.
Master the most used tools and options in Illustrator that are used in infographic design.
learn some tips to give your map stunning look, learn how to create different types of the location sign and all other elements related to maps and locations.
Create plenty of infographic elements including all the human icons that are used in expressing ratio and percentage, stylish lists, rating stars and ratio bars
Effectively Use patterns and learn the way to edit them and use them in infographic design.
Use different techniques to create hand drawn infographics including hand drawn shapes, column graphs, pie charts, custom objects and even hand drawn texts.
Create different sketch papers that are used in hand drawn infographics.

Course content

6 sections • 40 lectures • 1h 59m total length

Introduction2:20

Pie charts5:05
In this video, students will learn:
Representing real data by using engaging and editable pie charts.
Understanding all the options of the pie chart tool.
Stylizing and editing any portion of the pie chart.
Donut pie charts2:25
In this video, students will learn:
Using clipping masks to convert pie charts into circular donut charts without losing the access to the original data.
Editing circular pie charts.
Circular charts2:36
In this video, students will learn:
Converting pie charts into another form of circular charts without losing the access to original data.
Editing that circular charts.
Using the stroke panel and clipping masks.
Column graph3:38
In this video, students will learn:
Creating column graphs.
Editing the column graph options.
Understanding the cluster width and column width options.
Editing value & category axes2:34
In this video, students will learn:
Editing the value axis options of the column graph.
Editing the category axis options of the column graph.
Column design 1 (Repeating, vertically & uniformly scaled)3:45
In this video, students will learn:
Using any illustration as a design to stylize column graphs.
Using repeating design for column graphs.
Using vertically scaled and uniformly scaled design for column graphs.
Understanding the scale and shop design for representing fractions.
Column design 2 (Sliding design)2:10
In this video, students will learn:
Using sliding design for column graphs by using a real example application.
Understanding the main difference between sliding design and other designs.
Column design 3 (Value design)1:30
In this video, students will learn:
Creating a stylish design for column graphs.
Showing the value of each column in that design.
Line Charts & Marker design3:09
In this video, students will learn:
creating line graphs and understanding the main options.
Editing line graphs and creating a stunning marker design for line graphs.
Project (1)0:52
In this project students will use all the options and techniques that they learned through that part to create an infographic project showing some facts by using:

Circular donut chart to represent the first fact.
A column graph with a design that shows the value of each column on it to represent the second fact.
A bar chart to show the third fact.
A line chart to show the last fact with a design for the markers.

all the graphs should be completely editable.

Image trace option.2:49
Students will learn everything about the image trace option in adobe illustrator and how to use this option to vectorize any image. Also, the settings' panel for that option would would be explained in detail.
Image trace - Infographic applications.6:10
Students will practice in this video on the image trace option which was explained in the previous video by using that option for:

Setting a background for an infographic project.
Importing the colors of any image or any project to the swatches panel.
Vectorizing celebrity images.
Using complicated illustrations in any project.
Blend option.1:50
This video explains the blend option in illustrator and how it can be used to create a repeated pattern of any object in only two steps.
Infographic application: Creating a stylish timeline4:30
This video includes the process of creating a stylish infographic timeline one of the most common infographic applications on the blend option that was explained in the previous video
Rotate tool3:13
This video explains the function of the rotate tool and how it can be used to rotate any object either around its center or around any fixed point.
Infographic application(1) - creating gear infographics4:24
This video includes the first infographic application on the rotate tool which is the gear infographic which is found in a lot of infographic projects.
Infographic application(2) - Circular infographic4:12
This video shows how you can use the rotate tool to create one of the most common circular infographics.
Project (2)0:36
In this video you will use all the tools and techniques that was explained in that part to create a project in which you will have to:

Use the image in the resources as abackground for your project.
Create a stylish timeline to represent some events that occurred through the past years.
Use some of the images in the resources as a vector format in your project.

The world map2:00
This video shows the students how they can use the world vector map which is found in the resources, Students will learn how to :

Edit the colors of the map and give it the same fill color.
adjust the perspective of the map to give it a more realistic look.
Apply pattern fill to the map.
You will find the answer of that exercise in the resources of that video to compare your result with it.
Custom map4:12
In this video you will learn how to:
Create any custom map for any continent, country, state, or even a map for any custom location.
Highlight any part of that map.
Adjust the border's color on the map or even remove it.
Add a background to your map.
Location signs5:39
In this video I'll go through the process of creating five different location signs including those with flat and 3D look. Also, I'll show you some tips which I usually use while working so that you can have general idea about how to create any other signs or even other shapes and illustrations.
Project (3)0:25
In this exercise you will use all the techniques that was explained in that part to create a project in which you will have to:

Draw a map for the US, give it the same fill color, and draw it with no borders between states.
Highlight one state on the map with a different fill color.
Draw a stylish location sign on the highlighted state.

You will find the answer of that exercise in the resources of that video to compare your result with it.

Hand Drawn effects4:43
This video explains some of the effects that I'll use through that part to give any illustration a hand drawn look, It includes:
1- Scribble effect's setting panel explanation and how to use it to give any fill color a hand drawn or sketch feel.
2-Roughen effect and how to adjust the settings of that effect to give the stroke a hand drawn feel.
Hand drawn shapes3:20
This video represent an application on some effects and how to use a combination of the scribble effect and the roughen effect to have sketch-looking shapes including rectangles, Circles, stars and it also can be applied on any other shape.
Hand drawn column & bar charts2:40
This video shows the process of applying hand drawn effects to column and bar charts by creating a column design as explained in the graph section.
Hand drawn pie charts1:52
In this video students will learn how to apply sketch effect to all types of pie charts.
Text2:15
This video introduces the students to a list of free hand drawn fonts which they would find in the resources. Also, it includes a way to give a hand drawn effect to any existing font in illustrator.
Patterns4:45
2nd Hand drawn effect: Part(1)4:16
This video introduces a second way to give your infographics a hand drawn effect by using existing patterns in Adobe Illustrator with simple adjustment of these patterns through the pattern edit mode that was explained in previous video.
2nd Hand drawn effect: Part(2)1:56
This video introduces another way -actually the third way- to use patterns to give your infographics a hand drawn effect by applying these patterns on an existing fill color. Also it includes some other ideas that can be used for inspiration.
Sketch paper4:25
This video shows you two ways by which you can create any sketch paper which can be used as a background for your hand drawn project.
Project (4)0:20
In this Exercise you will try to use the effects and tools that were explained in that part to create a hand drawn infographic project including:

A hand drawn text headline.
Hand drawn location signs.
Hand drawn column graph.
A sketch paper with only rows and no columns.

You will find the answer of that exercise in the resources of that video to compare your result with it.

Male icon4:00
Students will learn how to design a male icon that can be used in expressing percent. Also there would be some design tips on the used tools that can help students to have ideas to design other illustrations.
Female icon2:55
Students will learn how to design a female icon by simple adjustment on the male icon that was created in the previous video. Also there would be some tips related to the used tools which could help in other designs.
Human icon1:15
Students will learn how to use simple shapes and techniques to draw a human icon.
Title bars5:12
This video will show the students how to:

Use all the effects in the warp menu to create title bars.
add shadows to these bars.
Create a folded paper shape.
Rating stars & Ratio bars2:40
In this video, Students will learn to:

Create rating stars in almost one minute.
use a quick and easy way to create ratio bars.
Infographic list2:05
in This video i'll show the students some ideas to create infographic lists that can be a source of inspiration for them to create their own list.
The start ...0:35

Requirements

Copy of Adobe Illustrator CC 2017.
Beginner's knowledge in Illustrator.

Description

Why “The world of infographics” ?!

As always said “the shortest distance between two people is a story” and I believe that the best way to tell a story is through infographics and the shortest way to learn infographic design is getting through “the world of infographics”. This course is the first part of a series of course on “Infographic design” that would help you design stunning appealing infographics. You don't need any previous experience in design, all that you need is a copy of Adobe Illustrator CC and a little basic knowledge of its most common tools like the type tool, so you don't have to worry as every option or tool that I used would be explained in that course.

By the end of that course students would be able to

Understand the anatomy of an Illustrator graph.
Build stunning and editable graphs to represent data and statistics including Column graphs, pie charts, Donut charts, stacked column graphs, area and line graphs.
Stylize any graph type and create appealing designs to your graphs, define the scale for charts and add numeric values.
Design your own chart from scratch
Master the most common tools and options in Illustrator that are used in infographic design.
Create vector map of the world or any custom place, highlight any part of that map, adjust the border's color and the background of the map , adjust the perspective of the maps to give it a more realistic look, learn some tips to give your map stunning look, apply pattern fill to any map, learn how to create different types of the location sign and all other elements related to maps and locations...

Create a lot of infographic elements including all the human icons that are used in expressing ratios and percentage, stylish lists, rating stars and ratio bars, stylish title bars.
Effectively Use patterns and learn how to edit them and use them in infographic design.
Use different techniques to create hand drawn infographics including hand drawn shapes, column graphs, pie charts and any custom objects.
Apply hand drawn effect to any font.
Use a package of free hand drawn fonts.
Create different sketch papers that are used as a background in hand drawn infographic projects.

And as I always believe that the best way to learn is through practice, I uploaded almost every single file and image that I used in any video so that you can use it to practice step-by-step with me. So, every video can be considered an application for you. However, at the end of each section you will have a real application as you will be asked to design a project using all the tools, options and techniques that you've learned through each section.

I’m waiting for you in my infographic world

Who this course is for:

Passionate students who want to create visually appealing infographics.
Anyone who want to start a career as infographic designer.

Learn Infographic Design

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

Graphs10 lectures • 28min

Infographic tools8 lectures • 28min

Maps & locations4 lectures • 12min

Hand drawn infographics10 lectures • 31min

Infographic elements7 lectures • 19min

Requirements

Description

Who this course is for: