Post pobrano z: How to Create an Education Infographic in Adobe InDesign

This infographic looks at how organisations worldwide are battling to improve education for girls. Due to a range of factors, currently more than 130 million girls across the globe do not attend school, a number that charities and governments are hoping to reduce in the near future. 

Here we’ll learn how to put together the infographic in InDesign, but you could also easily adapt the content to your own educational theme. You simply have to drop in your own text and statistics.

This is a simple and fun introduction to creating social media-friendly infographics for beginners.

Short on time? You can find lots of easy-to-edit infographic templates over on GraphicRiver and Envato Elements.

Find other infographic tutorials here:

• How to Create a Rainbow Road Infographic to Celebrate Pride Month

  To celebrate Pride Month here at Envato Tuts+, we’ve created an infographic using the theme of the Pride Marches, which you can recreate for yourself using…

• How to Create a Climate Change Infographic in Adobe InDesign

  Help spread awareness about the effects of global warming with this informative climate change infographic, which we’ll create in Adobe InDesign.

What You’ll Need to Create Your Infographic

As well as access to Adobe InDesign, you’ll need to download the following fonts and images to use in your layout:

• BW Modelica font family
• Flat book vector icons

Install the fonts on your computer, and you’re ready to get started. 

1. How to Create Your InDesign Document

Step 1

In InDesign, go to File > New > Document. 

Choose Web from the options at the top of the window, and set the Width to 870 px and Height to 2600 px. 

Set the Margins to 44 px, and click Create. 

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background. 

Create three more new layers—Arrows, Books, and finally, Type.

Lock all layers except Background, which we’ll work on first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s drop-down menu. 

Create a new RGB swatch, R=209 G=207 B=194, and click Add and then Done.

Repeat the process to create five more RGB swatches:

• R=51 G=56 B=97
• R=82 G=48 B=112
• R=237 G=164 B=192
• R=255 G=54 B=102
• R=90 G=88 B=91

Use the Rectangle Tool (M) to create a shape across the whole page, on the Background layer. From the Swatches panel, set the Fill to a 30% Tint of the grey swatch, R=90 G=88 B=91.

2. How to Create a Stack of Books

Step 1

Open the flat book icons vector in Illustrator. 

On the illustration, Right-Click > Release Clipping Mask.

Step 2

Right-Click > Ungroup the second row of icons.

Then Ungroup the stack of books on the far right side.

Select only the pile of five closed books, and then Edit > Copy them.

Step 3

Return to your InDesign document and lock the Background layer. 

Unlock the Books layer, and Edit > Paste the vector onto the layer. Scale it up and position it towards the bottom-right corner of the layout, as shown below. 

Step 4

Head back over to the Illustrator file, and Ungroup the icon at the far right side of the third row down.

Isolate a couple of closed books, and Edit > Copy them.

Step 5

Back in InDesign, Edit > Paste these onto the layout, and then Right-Click > Transform > Flip Horizontal to flip their position. 

Manoeuvre them onto the left side of the top of the pile. 

Step 6

Continue to move back and forth between your Illustrator document and the InDesign infographic, selecting and copying individual piles of books, and pasting them onto your InDesign layout. 

Arrange them in a zig-zag sequence, leaving gaps alternately on the left and right sides of the page. 

Step 7

When you’ve built up a tall pile of books over the center of the page, select all the vectors and Right-Click > Group them together.

Select the group and go to Object > Effects > Drop Shadow. With the Opacity at around 50%, Size at 9 px, Spread at 13% and Noise at 13%, click on the colored square to the right of the Mode menu. 

Adjust the Effect Color to a more subtle swatch, such as this pale pink, before clicking OK, and then OK again to exit the window. 

3. How to Format Typography on Your Infographic

Step 1

Lock the Books layer and unlock the top layer, Type.

Use the Type Tool (T) to create a text frame across the top of the page, typing in the main title of the infographic. 

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character / Paragraph), set the Font to Bw Modelica Black, Size 63 pt, and Align Center. 

From the Swatches panel, switch the Font Color to R=82 G=48 B=112.

You can add subtitles around the main header set in Bw Modelica ExtraBold, Size 21 pt.

Step 2

Use the Line Tool (\) to create an optional line next to one of the subtitles. 

From the Stroke panel (Window > Stroke), you can adjust the Weight to 14 pt and apply a Rounded Cap to soften the line.

From the Swatches panel, set the Stroke Color to [Paper]. 

Copy and Paste the line to meet at the other edges of the subtitle(s).

Then select all the lines and go to Object > Effects > Transparency, bringing the Opacity down to 60%.

Step 3

Now it’s time to start populating your infographic with facts and statistics!

Set pull-out statistics in Bw Modelica ExtraBold and the bright pink swatch, R=255 G=54 B=102.

Add supporting text around these in Bw Modelica Black and R=82 G=48 B=112.

Step 4

For longer items of information, set the title in Bw Modelica ExtraBold, R=51 G=56 B=97.

Set the body text in Bw Modelica Bold, R=82 G=48 B=112.

Step 5

You can use these two sets of text frames as a template for populating the rest of the infographic.

Simply Copy and Paste the text frames, positioning them into gaps on the left and right sides of the page, and edit the text as you go. 

Step 6

You can also add arrows to your infographic to create a flow and hierarchy in the design. 

To do this, lock the Type layer and unlock the Arrows layer. Use the Line Tool (\) to create a short line extending from behind one of the books to the edge of one of the subtitles. 

Set the Stroke Color of the line to R=255 G=54 B=102. From the Stroke panel (Window > Stroke), adjust the Weight to 5 pt and the End style of the line to CircleSolid, to create a pointer effect. 

Go to Object > Effects > Drop Shadow to apply a subtle shadow to the arrow. 

Then you can Copy and Paste the arrow, flipping it (Right-Click > Transform > Flip Horizontal) to work for the opposite side of the layout. 

4. How to Export Your Infographic

Your infographic artwork is finished—awesome work! All you need to do now is to export it to a suitable format for sharing online. Read on to find out how. 

Step 1

First, check your infographic for spelling errors (Edit > Spelling > Check Spelling), and then go to File > Export. 

Name your infographic image file, and then choose PNG from the Format drop-down menu. Click Save.

Step 2

In the Export PNG window that opens, set the Quality to Medium and Resolution to 72 ppi, and ensure that the Color Space is set to RGB. Then click Export. 

Conclusion: Your Finished Infographic

And there we have it! Your education infographic is finished and is ready for sharing online. Why not upload it to Pinterest or Facebook and encourage your friends to share it with others?

You can download the high-resolution version of this infographic here.

To find out more about the campaign to improve girls’ education worldwide, go to the Malala Fund website.

You can find more infographic templates and icons to use on your designs over on GraphicRiver and Envato Elements.

Post pobrano z: How to Create an Education Infographic in Adobe InDesign

This infographic looks at how organisations worldwide are battling to improve education for girls. Due to a range of factors, currently more than 130 million girls across the globe do not attend school, a number that charities and governments are hoping to reduce in the near future. 

Here we’ll learn how to put together the infographic in InDesign, but you could also easily adapt the content to your own educational theme. You simply have to drop in your own text and statistics.

This is a simple and fun introduction to creating social media-friendly infographics for beginners.

Short on time? You can find lots of easy-to-edit infographic templates over on GraphicRiver and Envato Elements.

Find other infographic tutorials here:

• How to Create a Rainbow Road Infographic to Celebrate Pride Month

  To celebrate Pride Month here at Envato Tuts+, we’ve created an infographic using the theme of the Pride Marches, which you can recreate for yourself using…

• How to Create a Climate Change Infographic in Adobe InDesign

  Help spread awareness about the effects of global warming with this informative climate change infographic, which we’ll create in Adobe InDesign.

What You’ll Need to Create Your Infographic

As well as access to Adobe InDesign, you’ll need to download the following fonts and images to use in your layout:

• BW Modelica font family
• Flat book vector icons

Install the fonts on your computer, and you’re ready to get started. 

1. How to Create Your InDesign Document

Step 1

In InDesign, go to File > New > Document. 

Choose Web from the options at the top of the window, and set the Width to 870 px and Height to 2600 px. 

Set the Margins to 44 px, and click Create. 

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background. 

Create three more new layers—Arrows, Books, and finally, Type.

Lock all layers except Background, which we’ll work on first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s drop-down menu. 

Create a new RGB swatch, R=209 G=207 B=194, and click Add and then Done.

Repeat the process to create five more RGB swatches:

• R=51 G=56 B=97
• R=82 G=48 B=112
• R=237 G=164 B=192
• R=255 G=54 B=102
• R=90 G=88 B=91

Use the Rectangle Tool (M) to create a shape across the whole page, on the Background layer. From the Swatches panel, set the Fill to a 30% Tint of the grey swatch, R=90 G=88 B=91.

2. How to Create a Stack of Books

Step 1

Open the flat book icons vector in Illustrator. 

On the illustration, Right-Click > Release Clipping Mask.

Step 2

Right-Click > Ungroup the second row of icons.

Then Ungroup the stack of books on the far right side.

Select only the pile of five closed books, and then Edit > Copy them.

Step 3

Return to your InDesign document and lock the Background layer. 

Unlock the Books layer, and Edit > Paste the vector onto the layer. Scale it up and position it towards the bottom-right corner of the layout, as shown below. 

Step 4

Head back over to the Illustrator file, and Ungroup the icon at the far right side of the third row down.

Isolate a couple of closed books, and Edit > Copy them.

Step 5

Back in InDesign, Edit > Paste these onto the layout, and then Right-Click > Transform > Flip Horizontal to flip their position. 

Manoeuvre them onto the left side of the top of the pile. 

Step 6

Continue to move back and forth between your Illustrator document and the InDesign infographic, selecting and copying individual piles of books, and pasting them onto your InDesign layout. 

Arrange them in a zig-zag sequence, leaving gaps alternately on the left and right sides of the page. 

Step 7

When you’ve built up a tall pile of books over the center of the page, select all the vectors and Right-Click > Group them together.

Select the group and go to Object > Effects > Drop Shadow. With the Opacity at around 50%, Size at 9 px, Spread at 13% and Noise at 13%, click on the colored square to the right of the Mode menu. 

Adjust the Effect Color to a more subtle swatch, such as this pale pink, before clicking OK, and then OK again to exit the window. 

3. How to Format Typography on Your Infographic

Step 1

Lock the Books layer and unlock the top layer, Type.

Use the Type Tool (T) to create a text frame across the top of the page, typing in the main title of the infographic. 

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character / Paragraph), set the Font to Bw Modelica Black, Size 63 pt, and Align Center. 

From the Swatches panel, switch the Font Color to R=82 G=48 B=112.

You can add subtitles around the main header set in Bw Modelica ExtraBold, Size 21 pt.

Step 2

Use the Line Tool (\) to create an optional line next to one of the subtitles. 

From the Stroke panel (Window > Stroke), you can adjust the Weight to 14 pt and apply a Rounded Cap to soften the line.

From the Swatches panel, set the Stroke Color to [Paper]. 

Copy and Paste the line to meet at the other edges of the subtitle(s).

Then select all the lines and go to Object > Effects > Transparency, bringing the Opacity down to 60%.

Step 3

Now it’s time to start populating your infographic with facts and statistics!

Set pull-out statistics in Bw Modelica ExtraBold and the bright pink swatch, R=255 G=54 B=102.

Add supporting text around these in Bw Modelica Black and R=82 G=48 B=112.

Step 4

For longer items of information, set the title in Bw Modelica ExtraBold, R=51 G=56 B=97.

Set the body text in Bw Modelica Bold, R=82 G=48 B=112.

Step 5

You can use these two sets of text frames as a template for populating the rest of the infographic.

Simply Copy and Paste the text frames, positioning them into gaps on the left and right sides of the page, and edit the text as you go. 

Step 6

You can also add arrows to your infographic to create a flow and hierarchy in the design. 

To do this, lock the Type layer and unlock the Arrows layer. Use the Line Tool (\) to create a short line extending from behind one of the books to the edge of one of the subtitles. 

Set the Stroke Color of the line to R=255 G=54 B=102. From the Stroke panel (Window > Stroke), adjust the Weight to 5 pt and the End style of the line to CircleSolid, to create a pointer effect. 

Go to Object > Effects > Drop Shadow to apply a subtle shadow to the arrow. 

Then you can Copy and Paste the arrow, flipping it (Right-Click > Transform > Flip Horizontal) to work for the opposite side of the layout. 

4. How to Export Your Infographic

Your infographic artwork is finished—awesome work! All you need to do now is to export it to a suitable format for sharing online. Read on to find out how. 

Step 1

First, check your infographic for spelling errors (Edit > Spelling > Check Spelling), and then go to File > Export. 

Name your infographic image file, and then choose PNG from the Format drop-down menu. Click Save.

Step 2

In the Export PNG window that opens, set the Quality to Medium and Resolution to 72 ppi, and ensure that the Color Space is set to RGB. Then click Export. 

Conclusion: Your Finished Infographic

And there we have it! Your education infographic is finished and is ready for sharing online. Why not upload it to Pinterest or Facebook and encourage your friends to share it with others?

You can download the high-resolution version of this infographic here.

To find out more about the campaign to improve girls’ education worldwide, go to the Malala Fund website.

You can find more infographic templates and icons to use on your designs over on GraphicRiver and Envato Elements.

Post pobrano z: How to Create an Education Infographic in Adobe InDesign

This infographic looks at how organisations worldwide are battling to improve education for girls. Due to a range of factors, currently more than 130 million girls across the globe do not attend school, a number that charities and governments are hoping to reduce in the near future. 

Here we’ll learn how to put together the infographic in InDesign, but you could also easily adapt the content to your own educational theme. You simply have to drop in your own text and statistics.

This is a simple and fun introduction to creating social media-friendly infographics for beginners.

Short on time? You can find lots of easy-to-edit infographic templates over on GraphicRiver and Envato Elements.

Find other infographic tutorials here:

• How to Create a Rainbow Road Infographic to Celebrate Pride Month

  To celebrate Pride Month here at Envato Tuts+, we’ve created an infographic using the theme of the Pride Marches, which you can recreate for yourself using…

• How to Create a Climate Change Infographic in Adobe InDesign

  Help spread awareness about the effects of global warming with this informative climate change infographic, which we’ll create in Adobe InDesign.

What You’ll Need to Create Your Infographic

As well as access to Adobe InDesign, you’ll need to download the following fonts and images to use in your layout:

• BW Modelica font family
• Flat book vector icons

Install the fonts on your computer, and you’re ready to get started. 

1. How to Create Your InDesign Document

Step 1

In InDesign, go to File > New > Document. 

Choose Web from the options at the top of the window, and set the Width to 870 px and Height to 2600 px. 

Set the Margins to 44 px, and click Create. 

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background. 

Create three more new layers—Arrows, Books, and finally, Type.

Lock all layers except Background, which we’ll work on first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s drop-down menu. 

Create a new RGB swatch, R=209 G=207 B=194, and click Add and then Done.

Repeat the process to create five more RGB swatches:

• R=51 G=56 B=97
• R=82 G=48 B=112
• R=237 G=164 B=192
• R=255 G=54 B=102
• R=90 G=88 B=91

Use the Rectangle Tool (M) to create a shape across the whole page, on the Background layer. From the Swatches panel, set the Fill to a 30% Tint of the grey swatch, R=90 G=88 B=91.

2. How to Create a Stack of Books

Step 1

Open the flat book icons vector in Illustrator. 

On the illustration, Right-Click > Release Clipping Mask.

Step 2

Right-Click > Ungroup the second row of icons.

Then Ungroup the stack of books on the far right side.

Select only the pile of five closed books, and then Edit > Copy them.

Step 3

Return to your InDesign document and lock the Background layer. 

Unlock the Books layer, and Edit > Paste the vector onto the layer. Scale it up and position it towards the bottom-right corner of the layout, as shown below. 

Step 4

Head back over to the Illustrator file, and Ungroup the icon at the far right side of the third row down.

Isolate a couple of closed books, and Edit > Copy them.

Step 5

Back in InDesign, Edit > Paste these onto the layout, and then Right-Click > Transform > Flip Horizontal to flip their position. 

Manoeuvre them onto the left side of the top of the pile. 

Step 6

Continue to move back and forth between your Illustrator document and the InDesign infographic, selecting and copying individual piles of books, and pasting them onto your InDesign layout. 

Arrange them in a zig-zag sequence, leaving gaps alternately on the left and right sides of the page. 

Step 7

When you’ve built up a tall pile of books over the center of the page, select all the vectors and Right-Click > Group them together.

Select the group and go to Object > Effects > Drop Shadow. With the Opacity at around 50%, Size at 9 px, Spread at 13% and Noise at 13%, click on the colored square to the right of the Mode menu. 

Adjust the Effect Color to a more subtle swatch, such as this pale pink, before clicking OK, and then OK again to exit the window. 

3. How to Format Typography on Your Infographic

Step 1

Lock the Books layer and unlock the top layer, Type.

Use the Type Tool (T) to create a text frame across the top of the page, typing in the main title of the infographic. 

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character / Paragraph), set the Font to Bw Modelica Black, Size 63 pt, and Align Center. 

From the Swatches panel, switch the Font Color to R=82 G=48 B=112.

You can add subtitles around the main header set in Bw Modelica ExtraBold, Size 21 pt.

Step 2

Use the Line Tool (\) to create an optional line next to one of the subtitles. 

From the Stroke panel (Window > Stroke), you can adjust the Weight to 14 pt and apply a Rounded Cap to soften the line.

From the Swatches panel, set the Stroke Color to [Paper]. 

Copy and Paste the line to meet at the other edges of the subtitle(s).

Then select all the lines and go to Object > Effects > Transparency, bringing the Opacity down to 60%.

Step 3

Now it’s time to start populating your infographic with facts and statistics!

Set pull-out statistics in Bw Modelica ExtraBold and the bright pink swatch, R=255 G=54 B=102.

Add supporting text around these in Bw Modelica Black and R=82 G=48 B=112.

Step 4

For longer items of information, set the title in Bw Modelica ExtraBold, R=51 G=56 B=97.

Set the body text in Bw Modelica Bold, R=82 G=48 B=112.

Step 5

You can use these two sets of text frames as a template for populating the rest of the infographic.

Simply Copy and Paste the text frames, positioning them into gaps on the left and right sides of the page, and edit the text as you go. 

Step 6

You can also add arrows to your infographic to create a flow and hierarchy in the design. 

To do this, lock the Type layer and unlock the Arrows layer. Use the Line Tool (\) to create a short line extending from behind one of the books to the edge of one of the subtitles. 

Set the Stroke Color of the line to R=255 G=54 B=102. From the Stroke panel (Window > Stroke), adjust the Weight to 5 pt and the End style of the line to CircleSolid, to create a pointer effect. 

Go to Object > Effects > Drop Shadow to apply a subtle shadow to the arrow. 

Then you can Copy and Paste the arrow, flipping it (Right-Click > Transform > Flip Horizontal) to work for the opposite side of the layout. 

4. How to Export Your Infographic

Your infographic artwork is finished—awesome work! All you need to do now is to export it to a suitable format for sharing online. Read on to find out how. 

Step 1

First, check your infographic for spelling errors (Edit > Spelling > Check Spelling), and then go to File > Export. 

Name your infographic image file, and then choose PNG from the Format drop-down menu. Click Save.

Step 2

In the Export PNG window that opens, set the Quality to Medium and Resolution to 72 ppi, and ensure that the Color Space is set to RGB. Then click Export. 

Conclusion: Your Finished Infographic

And there we have it! Your education infographic is finished and is ready for sharing online. Why not upload it to Pinterest or Facebook and encourage your friends to share it with others?

You can download the high-resolution version of this infographic here.

To find out more about the campaign to improve girls’ education worldwide, go to the Malala Fund website.

You can find more infographic templates and icons to use on your designs over on GraphicRiver and Envato Elements.

Post pobrano z: How to Create an Education Infographic in Adobe InDesign

This infographic looks at how organisations worldwide are battling to improve education for girls. Due to a range of factors, currently more than 130 million girls across the globe do not attend school, a number that charities and governments are hoping to reduce in the near future. 

Here we’ll learn how to put together the infographic in InDesign, but you could also easily adapt the content to your own educational theme. You simply have to drop in your own text and statistics.

This is a simple and fun introduction to creating social media-friendly infographics for beginners.

Short on time? You can find lots of easy-to-edit infographic templates over on GraphicRiver and Envato Elements.

Find other infographic tutorials here:

• How to Create a Rainbow Road Infographic to Celebrate Pride Month

  To celebrate Pride Month here at Envato Tuts+, we’ve created an infographic using the theme of the Pride Marches, which you can recreate for yourself using…

• How to Create a Climate Change Infographic in Adobe InDesign

  Help spread awareness about the effects of global warming with this informative climate change infographic, which we’ll create in Adobe InDesign.

What You’ll Need to Create Your Infographic

As well as access to Adobe InDesign, you’ll need to download the following fonts and images to use in your layout:

• BW Modelica font family
• Flat book vector icons

Install the fonts on your computer, and you’re ready to get started. 

1. How to Create Your InDesign Document

Step 1

In InDesign, go to File > New > Document. 

Choose Web from the options at the top of the window, and set the Width to 870 px and Height to 2600 px. 

Set the Margins to 44 px, and click Create. 

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background. 

Create three more new layers—Arrows, Books, and finally, Type.

Lock all layers except Background, which we’ll work on first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s drop-down menu. 

Create a new RGB swatch, R=209 G=207 B=194, and click Add and then Done.

Repeat the process to create five more RGB swatches:

• R=51 G=56 B=97
• R=82 G=48 B=112
• R=237 G=164 B=192
• R=255 G=54 B=102
• R=90 G=88 B=91

Use the Rectangle Tool (M) to create a shape across the whole page, on the Background layer. From the Swatches panel, set the Fill to a 30% Tint of the grey swatch, R=90 G=88 B=91.

2. How to Create a Stack of Books

Step 1

Open the flat book icons vector in Illustrator. 

On the illustration, Right-Click > Release Clipping Mask.

Step 2

Right-Click > Ungroup the second row of icons.

Then Ungroup the stack of books on the far right side.

Select only the pile of five closed books, and then Edit > Copy them.

Step 3

Return to your InDesign document and lock the Background layer. 

Unlock the Books layer, and Edit > Paste the vector onto the layer. Scale it up and position it towards the bottom-right corner of the layout, as shown below. 

Step 4

Head back over to the Illustrator file, and Ungroup the icon at the far right side of the third row down.

Isolate a couple of closed books, and Edit > Copy them.

Step 5

Back in InDesign, Edit > Paste these onto the layout, and then Right-Click > Transform > Flip Horizontal to flip their position. 

Manoeuvre them onto the left side of the top of the pile. 

Step 6

Continue to move back and forth between your Illustrator document and the InDesign infographic, selecting and copying individual piles of books, and pasting them onto your InDesign layout. 

Arrange them in a zig-zag sequence, leaving gaps alternately on the left and right sides of the page. 

Step 7

When you’ve built up a tall pile of books over the center of the page, select all the vectors and Right-Click > Group them together.

Select the group and go to Object > Effects > Drop Shadow. With the Opacity at around 50%, Size at 9 px, Spread at 13% and Noise at 13%, click on the colored square to the right of the Mode menu. 

Adjust the Effect Color to a more subtle swatch, such as this pale pink, before clicking OK, and then OK again to exit the window. 

3. How to Format Typography on Your Infographic

Step 1

Lock the Books layer and unlock the top layer, Type.

Use the Type Tool (T) to create a text frame across the top of the page, typing in the main title of the infographic. 

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character / Paragraph), set the Font to Bw Modelica Black, Size 63 pt, and Align Center. 

From the Swatches panel, switch the Font Color to R=82 G=48 B=112.

You can add subtitles around the main header set in Bw Modelica ExtraBold, Size 21 pt.

Step 2

Use the Line Tool (\) to create an optional line next to one of the subtitles. 

From the Stroke panel (Window > Stroke), you can adjust the Weight to 14 pt and apply a Rounded Cap to soften the line.

From the Swatches panel, set the Stroke Color to [Paper]. 

Copy and Paste the line to meet at the other edges of the subtitle(s).

Then select all the lines and go to Object > Effects > Transparency, bringing the Opacity down to 60%.

Step 3

Now it’s time to start populating your infographic with facts and statistics!

Set pull-out statistics in Bw Modelica ExtraBold and the bright pink swatch, R=255 G=54 B=102.

Add supporting text around these in Bw Modelica Black and R=82 G=48 B=112.

Step 4

For longer items of information, set the title in Bw Modelica ExtraBold, R=51 G=56 B=97.

Set the body text in Bw Modelica Bold, R=82 G=48 B=112.

Step 5

You can use these two sets of text frames as a template for populating the rest of the infographic.

Simply Copy and Paste the text frames, positioning them into gaps on the left and right sides of the page, and edit the text as you go. 

Step 6

You can also add arrows to your infographic to create a flow and hierarchy in the design. 

To do this, lock the Type layer and unlock the Arrows layer. Use the Line Tool (\) to create a short line extending from behind one of the books to the edge of one of the subtitles. 

Set the Stroke Color of the line to R=255 G=54 B=102. From the Stroke panel (Window > Stroke), adjust the Weight to 5 pt and the End style of the line to CircleSolid, to create a pointer effect. 

Go to Object > Effects > Drop Shadow to apply a subtle shadow to the arrow. 

Then you can Copy and Paste the arrow, flipping it (Right-Click > Transform > Flip Horizontal) to work for the opposite side of the layout. 

4. How to Export Your Infographic

Your infographic artwork is finished—awesome work! All you need to do now is to export it to a suitable format for sharing online. Read on to find out how. 

Step 1

First, check your infographic for spelling errors (Edit > Spelling > Check Spelling), and then go to File > Export. 

Name your infographic image file, and then choose PNG from the Format drop-down menu. Click Save.

Step 2

In the Export PNG window that opens, set the Quality to Medium and Resolution to 72 ppi, and ensure that the Color Space is set to RGB. Then click Export. 

Conclusion: Your Finished Infographic

And there we have it! Your education infographic is finished and is ready for sharing online. Why not upload it to Pinterest or Facebook and encourage your friends to share it with others?

You can download the high-resolution version of this infographic here.

To find out more about the campaign to improve girls’ education worldwide, go to the Malala Fund website.

You can find more infographic templates and icons to use on your designs over on GraphicRiver and Envato Elements.

Post pobrano z: How to Create an Education Infographic in Adobe InDesign

This infographic looks at how organisations worldwide are battling to improve education for girls. Due to a range of factors, currently more than 130 million girls across the globe do not attend school, a number that charities and governments are hoping to reduce in the near future. 

Here we’ll learn how to put together the infographic in InDesign, but you could also easily adapt the content to your own educational theme. You simply have to drop in your own text and statistics.

This is a simple and fun introduction to creating social media-friendly infographics for beginners.

Short on time? You can find lots of easy-to-edit infographic templates over on GraphicRiver and Envato Elements.

Find other infographic tutorials here:

• How to Create a Rainbow Road Infographic to Celebrate Pride Month

  To celebrate Pride Month here at Envato Tuts+, we’ve created an infographic using the theme of the Pride Marches, which you can recreate for yourself using…

• How to Create a Climate Change Infographic in Adobe InDesign

  Help spread awareness about the effects of global warming with this informative climate change infographic, which we’ll create in Adobe InDesign.

What You’ll Need to Create Your Infographic

As well as access to Adobe InDesign, you’ll need to download the following fonts and images to use in your layout:

• BW Modelica font family
• Flat book vector icons

Install the fonts on your computer, and you’re ready to get started. 

1. How to Create Your InDesign Document

Step 1

In InDesign, go to File > New > Document. 

Choose Web from the options at the top of the window, and set the Width to 870 px and Height to 2600 px. 

Set the Margins to 44 px, and click Create. 

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background. 

Create three more new layers—Arrows, Books, and finally, Type.

Lock all layers except Background, which we’ll work on first. 

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s drop-down menu. 

Create a new RGB swatch, R=209 G=207 B=194, and click Add and then Done.

Repeat the process to create five more RGB swatches:

• R=51 G=56 B=97
• R=82 G=48 B=112
• R=237 G=164 B=192
• R=255 G=54 B=102
• R=90 G=88 B=91

Use the Rectangle Tool (M) to create a shape across the whole page, on the Background layer. From the Swatches panel, set the Fill to a 30% Tint of the grey swatch, R=90 G=88 B=91.

2. How to Create a Stack of Books

Step 1

Open the flat book icons vector in Illustrator. 

On the illustration, Right-Click > Release Clipping Mask.

Step 2

Right-Click > Ungroup the second row of icons.

Then Ungroup the stack of books on the far right side.

Select only the pile of five closed books, and then Edit > Copy them.

Step 3

Return to your InDesign document and lock the Background layer. 

Unlock the Books layer, and Edit > Paste the vector onto the layer. Scale it up and position it towards the bottom-right corner of the layout, as shown below. 

Step 4

Head back over to the Illustrator file, and Ungroup the icon at the far right side of the third row down.

Isolate a couple of closed books, and Edit > Copy them.

Step 5

Back in InDesign, Edit > Paste these onto the layout, and then Right-Click > Transform > Flip Horizontal to flip their position. 

Manoeuvre them onto the left side of the top of the pile. 

Step 6

Continue to move back and forth between your Illustrator document and the InDesign infographic, selecting and copying individual piles of books, and pasting them onto your InDesign layout. 

Arrange them in a zig-zag sequence, leaving gaps alternately on the left and right sides of the page. 

Step 7

When you’ve built up a tall pile of books over the center of the page, select all the vectors and Right-Click > Group them together.

Select the group and go to Object > Effects > Drop Shadow. With the Opacity at around 50%, Size at 9 px, Spread at 13% and Noise at 13%, click on the colored square to the right of the Mode menu. 

Adjust the Effect Color to a more subtle swatch, such as this pale pink, before clicking OK, and then OK again to exit the window. 

3. How to Format Typography on Your Infographic

Step 1

Lock the Books layer and unlock the top layer, Type.

Use the Type Tool (T) to create a text frame across the top of the page, typing in the main title of the infographic. 

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character / Paragraph), set the Font to Bw Modelica Black, Size 63 pt, and Align Center. 

From the Swatches panel, switch the Font Color to R=82 G=48 B=112.

You can add subtitles around the main header set in Bw Modelica ExtraBold, Size 21 pt.

Step 2

Use the Line Tool (\) to create an optional line next to one of the subtitles. 

From the Stroke panel (Window > Stroke), you can adjust the Weight to 14 pt and apply a Rounded Cap to soften the line.

From the Swatches panel, set the Stroke Color to [Paper]. 

Copy and Paste the line to meet at the other edges of the subtitle(s).

Then select all the lines and go to Object > Effects > Transparency, bringing the Opacity down to 60%.

Step 3

Now it’s time to start populating your infographic with facts and statistics!

Set pull-out statistics in Bw Modelica ExtraBold and the bright pink swatch, R=255 G=54 B=102.

Add supporting text around these in Bw Modelica Black and R=82 G=48 B=112.

Step 4

For longer items of information, set the title in Bw Modelica ExtraBold, R=51 G=56 B=97.

Set the body text in Bw Modelica Bold, R=82 G=48 B=112.

Step 5

You can use these two sets of text frames as a template for populating the rest of the infographic.

Simply Copy and Paste the text frames, positioning them into gaps on the left and right sides of the page, and edit the text as you go. 

Step 6

You can also add arrows to your infographic to create a flow and hierarchy in the design. 

To do this, lock the Type layer and unlock the Arrows layer. Use the Line Tool (\) to create a short line extending from behind one of the books to the edge of one of the subtitles. 

Set the Stroke Color of the line to R=255 G=54 B=102. From the Stroke panel (Window > Stroke), adjust the Weight to 5 pt and the End style of the line to CircleSolid, to create a pointer effect. 

Go to Object > Effects > Drop Shadow to apply a subtle shadow to the arrow. 

Then you can Copy and Paste the arrow, flipping it (Right-Click > Transform > Flip Horizontal) to work for the opposite side of the layout. 

4. How to Export Your Infographic

Your infographic artwork is finished—awesome work! All you need to do now is to export it to a suitable format for sharing online. Read on to find out how. 

Step 1

First, check your infographic for spelling errors (Edit > Spelling > Check Spelling), and then go to File > Export. 

Name your infographic image file, and then choose PNG from the Format drop-down menu. Click Save.

Step 2

In the Export PNG window that opens, set the Quality to Medium and Resolution to 72 ppi, and ensure that the Color Space is set to RGB. Then click Export. 

Conclusion: Your Finished Infographic

And there we have it! Your education infographic is finished and is ready for sharing online. Why not upload it to Pinterest or Facebook and encourage your friends to share it with others?

You can download the high-resolution version of this infographic here.

To find out more about the campaign to improve girls’ education worldwide, go to the Malala Fund website.

You can find more infographic templates and icons to use on your designs over on GraphicRiver and Envato Elements.

Post pobrano z: How to Create an Evil Photo Effect With an Adobe Photoshop Action

In this tutorial you will learn how to create an amazing evil photo effect. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced evil effect shown below, using just a single click and in only a few minutes, then check out my Evil Photoshop Action.

What You’ll Need

To recreate the design above, you will need the following resources:

• Stock Image 
• Texture

1. Let’s Get Started

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.

2. How to Select the Subject

Step 1

In this section, we are going to make a selection of our subject and then copy the subject to a separate layer. Choose the Quick Selection Tool (W), and select the background of the photo. Use the Shift-Alt buttons on your keyboard to add or subtract some areas from the selection. After you’ve made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.

Step 2

Now go to Select > Modify > Smooth and set the Sample Radius to 1 px. Then, go to Select > Modify > Contract and set the Contract By to 1 px. After that, go to Select > Modify > Feather and set the Feather Radius to 2 px as shown below:

Step 3

Press Control-J on your keyboard to create a new layer using the selection, and name this new layer Main Subject.

3. How to Create the Background

Step 1

In this section, we are going to create the background. Select the Background layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #000000 as shown below:

Step 2

Now Right-click on this layer, choose Blending Options, check Gradient Overlay, and use the settings below:

Step 3

Go to File > Place Embedded, select the Grunge Texture file from the link above, and click Place. Then, transform it and place it as shown below:

Step 4

Now go to Image > Adjustments > Hue/Saturation and set the Saturation to -100 as shown below:

Step 5

Name this layer Background Texture and change the Blending Mode to Soft Light.

4. How to Make the Red Eyes Glow

Step 1

In this section, we are going to make the red eyes glow. Select the Main Subject layer, go to Layer > New > Layer to create a new layer, and name it Eyes Glow.

Step 2

Now choose the Brush Tool (B), pick a soft brush and set the foreground color to #ff0000. Then, brush over and around the eyes as shown below:

Step 3

Change the Blending Mode of this layer to Overlay and set the Opacity to 50%.

5. How to Blend the Subject

Step 1

In this section, we are going to blend our subject more with the background. Select the Main Subject layer, go to Image > Adjustments > Hue/Saturation, and set the Saturation to -80 as shown below.

Step 2

Now press Control-J on your keyboard to duplicate the Main Subject layer and drag this new layer to the top of the layers in the Layers panel. Then, press Control-Shift-U to desaturate it.

Step 3

Go to Filter > Other > High Pass and set the Radius to 30 px as shown below:

Step 4

Now go to Image > Adjustments > Levels and enter the settings below:

Step 5

Change the Blending Mode of this layer to Overlay and name it Subject Details.

Step 6

Now Shift-click on the Main Subject layer to select all layers in between. Then, go to Layer > New > Group from Layers to create a new group from the selected layers and name it Subject.

Step 7

Go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer folder. Then, set the foreground color to #000000, choose the Brush Tool (B), and pick a soft brush. After that, brush over the areas that are left from the background.

6. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments to the design. Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer and name it Overall Brightness.

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 22%.

Step 5

Now go to Layer > New Adjustment Layer > Color Balance to create a new color balance adjustment layer and name it Color_1.

Step 6

Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 7

Now go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer and name it Color_2. Then, drag this layer just below the Color_1 layer in the Layers panel.

Step 8

Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 9

Now select the Overall Contrast layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Color_3, and choose the color #3e92c7 as shown below.

Step 10

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation. Then, drag this layer to the top of the layers in the Layers panel.

Step 11

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 12

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px as shown below:

Step 13

Name this layer Overall Sharpening and change the Blending Mode of this layer to Hard Light.

You Made It!

Congratulations, you have succeeded! Here is our final result:

If you would like to create the even more advanced evil effect
shown below, using just a single click and in only a few minutes, then
check out my Evil Photoshop Action.

The action works so you simply fill in your subject with a color and just play the action. The action will do everything for you,
giving you fully
layered and customizable results. The action also creates 20 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Post pobrano z: How to Create an Evil Photo Effect With an Adobe Photoshop Action

In this tutorial you will learn how to create an amazing evil photo effect. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced evil effect shown below, using just a single click and in only a few minutes, then check out my Evil Photoshop Action.

What You’ll Need

To recreate the design above, you will need the following resources:

• Stock Image 
• Texture

1. Let’s Get Started

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.

2. How to Select the Subject

Step 1

In this section, we are going to make a selection of our subject and then copy the subject to a separate layer. Choose the Quick Selection Tool (W), and select the background of the photo. Use the Shift-Alt buttons on your keyboard to add or subtract some areas from the selection. After you’ve made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.

Step 2

Now go to Select > Modify > Smooth and set the Sample Radius to 1 px. Then, go to Select > Modify > Contract and set the Contract By to 1 px. After that, go to Select > Modify > Feather and set the Feather Radius to 2 px as shown below:

Step 3

Press Control-J on your keyboard to create a new layer using the selection, and name this new layer Main Subject.

3. How to Create the Background

Step 1

In this section, we are going to create the background. Select the Background layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #000000 as shown below:

Step 2

Now Right-click on this layer, choose Blending Options, check Gradient Overlay, and use the settings below:

Step 3

Go to File > Place Embedded, select the Grunge Texture file from the link above, and click Place. Then, transform it and place it as shown below:

Step 4

Now go to Image > Adjustments > Hue/Saturation and set the Saturation to -100 as shown below:

Step 5

Name this layer Background Texture and change the Blending Mode to Soft Light.

4. How to Make the Red Eyes Glow

Step 1

In this section, we are going to make the red eyes glow. Select the Main Subject layer, go to Layer > New > Layer to create a new layer, and name it Eyes Glow.

Step 2

Now choose the Brush Tool (B), pick a soft brush and set the foreground color to #ff0000. Then, brush over and around the eyes as shown below:

Step 3

Change the Blending Mode of this layer to Overlay and set the Opacity to 50%.

5. How to Blend the Subject

Step 1

In this section, we are going to blend our subject more with the background. Select the Main Subject layer, go to Image > Adjustments > Hue/Saturation, and set the Saturation to -80 as shown below.

Step 2

Now press Control-J on your keyboard to duplicate the Main Subject layer and drag this new layer to the top of the layers in the Layers panel. Then, press Control-Shift-U to desaturate it.

Step 3

Go to Filter > Other > High Pass and set the Radius to 30 px as shown below:

Step 4

Now go to Image > Adjustments > Levels and enter the settings below:

Step 5

Change the Blending Mode of this layer to Overlay and name it Subject Details.

Step 6

Now Shift-click on the Main Subject layer to select all layers in between. Then, go to Layer > New > Group from Layers to create a new group from the selected layers and name it Subject.

Step 7

Go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer folder. Then, set the foreground color to #000000, choose the Brush Tool (B), and pick a soft brush. After that, brush over the areas that are left from the background.

6. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments to the design. Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer and name it Overall Brightness.

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 22%.

Step 5

Now go to Layer > New Adjustment Layer > Color Balance to create a new color balance adjustment layer and name it Color_1.

Step 6

Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 7

Now go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer and name it Color_2. Then, drag this layer just below the Color_1 layer in the Layers panel.

Step 8

Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 9

Now select the Overall Contrast layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Color_3, and choose the color #3e92c7 as shown below.

Step 10

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation. Then, drag this layer to the top of the layers in the Layers panel.

Step 11

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Step 12

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px as shown below:

Step 13

Name this layer Overall Sharpening and change the Blending Mode of this layer to Hard Light.

You Made It!

Congratulations, you have succeeded! Here is our final result:

If you would like to create the even more advanced evil effect
shown below, using just a single click and in only a few minutes, then
check out my Evil Photoshop Action.

The action works so you simply fill in your subject with a color and just play the action. The action will do everything for you,
giving you fully
layered and customizable results. The action also creates 20 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.