Archiwum kategorii: Web Tools

How to Create an Emotional Autumn Scene With Adobe Photoshop

Post pobrano z: How to Create an Emotional Autumn Scene With Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, I’ll show you how to use Adobe Photoshop to create an emotional autumn scene featuring a woman watching falling leaves on a bridge. 

First, we’ll build the base scene with the sky and a mountain, and we’ll paint light. After that, we’ll add the tower, ivy, and bridge, and we’ll blend them together using adjustment layers, masking, and brushes. Later, we’ll import the trees, retouch the model, and add the falling leaves. We’ll use several adjustment layers to complete the final effect.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Build the Base Scene

Step 1

Create a new 2000 x 1286 px document in Photoshop with the given settings:

new file

Step 2

Open the sky image and drag it to the white canvas using the Move Tool (V). Convert this layer to a Smart Object.

add sky

Step 3

Go to Filter > Blur > Gaussian Blur and set the Radius to 6 px. This step is to separate the background and the main elements and helps to increase the depth.

sky gaussian blur

Step 4

Select Layer > New Adjustment Layer > Color Balance to change the sky’s color. Alter the Midtones values:

sky color balance

Step 5

Make a Curves adjustment layer to increase the contrast and vibrance of the sky.

sky curves

Step 6

Open the mountain image and place it in the lower section of the main canvas.

add mountain

Click the second icon at the bottom of the Layers panel to add a mask to this layer. Use a soft round brush with black color to remove the hard edges of the sky and blend it with the existing background.

mountain masking

Step 7

Apply a Gaussian Blur of 4 px to this layer to match the softness of the mountain with the existing sky.

mountain gaussian blur

Step 8

Create a Hue/Saturation adjustment layer and set it as Clipping Mask. Alter the Reds values.

mountain hue saturation

Step 9

Make a Curves adjustment layer (set it as Clipping Mask) to brighten the mountain and lower part of the sky. On this layer mask, use a soft black brush to erase the left bottom of these areas so they won’t be too bright after applying this adjustment layer.

mountain curves

Step 10

To change the light position (I’ve aimed to lift it up), create a new layer on top of the other layers and use a soft brush with the color #ffafb8 to paint on the middle right of the sky. Alter this layer mode to Overlay 100% and add a mask to this layer. Use a soft brush to remove the light on the lower area.

paint soft light
soft light result

Step 11

Make a new layer and use a soft brush with the color #ffba69 to paint the highlight on the right edge of the sky. Change this layer to Hard Light 90%.

paint highlight

2. How to Import the Tower

Step 1

Drag to find the angle of the tower you want or feel free to use your own. Here is the angle I’ve chosen.

select tower

Place the tower in the left side of the main canvas and flip it horizontally to fit the light direction on the right (Edit > Transform > Flip Horizontal).

add tower

Step 2

Make a Curves adjustment layer to darken the left of the tower as it’s in the shadow area. On this layer mask, paint on the right to keep its brightness.

tower curves 1

Step 3

Use another Curves adjustment layer to bring more light to the right side. Paint on the left and the hidden areas so they won’t be brightened by this adjustment layer.

tower curves 2

Step 4

Create a new layer, change the mode to Overlay, and fill with 50% gray.

tower burn new layer

Activate the Burn Tool (O) with Midtones Range and Exposure about 10-15% to strengthen the shadow on the windows and fix some light details. You can see how I did it with Normal mode and the result with Overlay mode.

tower burning result

Step 5

Add a Color Balance adjustment layer to bring some warm tone and light to the tower.

tower color balance midtones
tower color balance highlights

Step 6

Use a Photo Filter adjustment layer and pick the color #ec2100 to bring more red to the hidden area of the tower. On this layer mask, paint on the bright side of the tower so it won’t be affected by this adjustment layer.

tower photo filter

3. How to Add the Ivy

Step 1

Open the ivy image and extract it from the background using your own method. Use the Lasso Tool (L) to select the ivy part on the top, drag it into our working document, and place it onto the tower.

add ivy 1

Add a mask to this layer and use a small, hard, black brush to carefully remove some hard edges from the ivy.

ivy 1 masking

Step 2

Take different parts from the ivy image to add to the tower, using layer masks if needed to delete the unwanted details. I recommend you use the hard black brush when masking the edges of the ivy, otherwise the result would look unnatural.

add more ivies

Step 3

Create a new layer below the ivy layers and use a soft brush with the color #16130f and Opacity about 30-40% to paint shadow for the ivy on the tower’s wall.

ivies shadow

Step 4

Select all the ivy layers and hit Control-G to make a group for them. Change this group’s mode to Normal 100% and add a Hue/Saturation adjustment layer to alter the ivy’s color.

ivies hue saturation

Step 5

Make a Color Balance adjustment layer and alter the Midtones settings:

ivies color balance

Step 6

Create a Curves adjustment layer to darken the ivy part on the hidden area. Paint on the rest so that it won’t be darkened by this adjustment layer.

ivies curves 1

Step 7

Make another Curves adjustment layer to bring highlight to the front of the tower. The selected areas show where to paint on the layer mask.

ivies curves 2

Step 8

Create a new layer on top of the other layers and use a soft brush with the color #efe29c to paint yellow light for the ivy on the tower’s front. Change this layer mode to Overlay 100%.

ivies light

4. How to Retouch the Bridge

Step 1

Cut out the bridge and place it in the lower section of the canvas. Add a mask to this layer and use the Polygonal Lasso Tool to select the unmasked background and the higher parts of the bridge. Use a hard black brush to paint within these selections to remove them.

add bridge
bridge selecting
bridge masking

Step 2

Make a Hue/Saturation adjustment layer to change the bridge’s color:

bridge hue saturation

Step 3

Create a Color Balance adjustment layer with the same purpose. Change the Midtones and Highlights values:

bridge color balance 1 midtones
bridge color balance 2 highlights

Step 4

Add another Color Balance adjustment layer and alter the Midtones and Shadows settings. Paint on the bright section of the columns so it won’t be affected by this adjustment layer.

bridge color balance 2 midtones
bridge color balance 2 shadows

Step 5

Make a Curves adjustment layer to increase the light and contrast of the bridge. On the layer mask, paint on the shadow/hidden areas of the bridge so they won’t become too dark.

bridge curves

Step 6

Create a new layer, change the mode to Overlay 100%, and fill with 50% gray. Use the Dodge and Burn Tool to refine the light and shadow of the bridge.

bridge DB

5. How to Add the Trees

Step 1

Add tree 1 to the bottom right and tree 2 (I’ve chosen image 1) to the bottom left of the canvas. On each of these layers, apply a Gaussian Blur of 4 px to soften the trees.

add tree 1 and tree 2

Step 2

Double click the tree 1 layer, and choose Inner Shadow. Set the color of shadow to white to add some highlights on the tops of the leaves.

tree 1 inner shadow
tree 1 inner shadow result

Step 3

Create two Hue/Saturation adjustment layers to change the color of the trees.

tree 1 hue saturation
tree 2 hue saturation

Step 4

Make a Curves adjustment layer to brighten the top of the tree 2. Paint on the shadow area of the tree to keep its lightness.

tree 2 curves

Step 5

Create a group for the tree layers and add a Color Balance adjustment layer within this group to turn the trees’ color to pink.

tree 1 and 2 color balance

Step 6

Add a Curves adjustment layer to bring more light to the top/front of the trees.

tree 1 and 2 curves

Step 7

Make a new layer on top of the layers and use a soft brush with the color #efe29c and Opacity about 40-50% to paint on top of the trees. Change this layer mode to Overlay 100%.

tree 1 and 2 light

Step 8

Open the tree 3 image and use the Polygonal Lasso Tool to select the tree on the left and drag it to the right of the main canvas. Flip it horizontally and use the Free Transform Tool (Control-T) with the Warp mode to tweak the tree’s form to a curve.

add tree 3

Step 9

Apply a Gaussian Blur of 7 px to this tree layer. The bigger blur Radius helps to increase the depth of the scene.

tree 3 gaussian blur

Step 10

Add a Hue/Saturation adjustment layer to desaturate the tree.

tree 3 hue saturation

Step 11

Make a Color Balance adjustment layer to bring red to this tree.

tree 3 color balance midtones
tree 3 color balance shadows

Step 12

Use a Curves adjustment layer to darken the hidden area of the tree. Paint on the front of the tree to keep its lightness.

tree 3 curves

Step 13

Isolate tree 4 and place it on the top of tree 3. Use Control-T to rotate it to fit the angle/pose of tree 3.

add tree 4
tree 4 masking

Step 14

Apply a Gaussian Blur of 9 px to this tree layer to make the tree fit the softness of tree 3.

tree 4 gaussian blur

Step 15

Make a Hue/Saturation adjustment layer to alter the tree’s color.

tree 4 hue saturation

Step 16

Create a Curves adjustment layer to brighten the front of the tree. On the layer mask, paint on the shadow details to keep its contrast.

tree 4 curves

Step 17

Create a new layer, change the mode to Overlay 100%, and fill with 50% gray. Use the Burn Tool to darken some details in the hidden area.

tree 4 burning

6. How to Retouch the Model

Step 1

Cut out the model, place her onto the middle of the bridge, and flip her horizontally.

add model

Step 2

Go to Edit > Puppet Warp to lift her head up.

model puppet warp

Step 3

Go back to the original model image and select her cloak to add to the model in the working document. Use Control-T with the Warp mode to tweak the cloak to enlarge its bottom.

add model cloak

Add a mask to this layer to remove the bottom part below the model’s feet.

cloak masking

Step 4

Use the Dodge and Burn Tool for each of these layers to paint light/shadow and details of the model and cloak.

model DB

Step 5

Create a group for the model layers and add a Hue/Saturation adjustment layer to desaturate the model.

model hue saturation

Step 6

Make a Color Balance adjustment layer to match the model’s color with the rest of the scene.

model color balance midtones
model color balance shadows
model color balance highlights

Step 7

Use a Curves adjustment layer to strengthen the highlight on the front of the model. Paint on the back so it won’t be brightened by this adjustment layer.

model curves

7. How to Add the Leaves

Step 1

Open the leaves image. Take the first leaf (from the left) to add to the main canvas and use Control-T with the Warp mode to tweak the leaves and make it much smaller.

add leaf 1

Step 2

Take different leaves to add around the model and distort them into different forms.

add more leaves

Step 3

Add more leaves around the canvas and apply the Gaussian Blur filter to these leaves. Vary the blur Radius from 2 to 12 px to increase the depth of the scene. For the bigger leaves on the edges, use a bigger blur Radius.

add blurred leaves

Step 4

Create a group for the leaves layers and use a Hue/Saturation adjustment layer to change the leaves’ color.

leaves hue saturation

Step 5

Make a Color Balance adjustment layer to bring yellow light to the leaves.

leaves color balance

Step 6

Add a Curves adjustment layer to darken the leaves. Paint on the right of the leaves to reveal the light there.

leaves curves 1
leaves curves 1 masking
leaves curves 1 masking result

Step 7

Make another Curves adjustment layer to bring more light to the bright side of the leaves. Paint on their left side to keep the lightness.

leaves curves 2
leaves curves 2 masking

8. How to Make the Final Adjustments

Step 1

Create a Color Balance adjustment layer on top of the other layers and alter the Midtones values.

whole scene color balance 1

Step 2

Add a Photo Filter adjustment layer and pick the color #f2eb83.

whole scene photo filter

Step 3

Make a Selective Color adjustment layer and change the Reds, Yellows and Magentas settings. On the layer mask, paint on the top left of the scene to reduce the red effect there.

whole scene selective color reds
whole scene selective color yellows
whole scene selective color magentas

Step 4

Use a Color Balance adjustment layer to increase the vibrance of the sunlight and the edges. Paint on the rest so it won’t be affected by this adjustment layer.

whole scene color balance 2 midtones
whole scene color balance 2 highlights

Step 5

Make a Curves adjustment layer to darken the edges of the canvas. Paint on the middle to keep its brightness.

whole scene curves

Congratulations, You’re Done!

I hope that you’ve enjoyed my tutorial and learned something new. Feel
free to share your ideas or comments in the box below—I’d love to see
them. Enjoy Photoshopping!

Still interested in falling leaves? Here’s something for you:

final result

How to Create an Education Infographic in Adobe InDesign

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

Final product image
What You’ll Be Creating

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:

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:

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.

How to Create an Education Infographic in Adobe InDesign

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

Final product image
What You’ll Be Creating

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:

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:

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.

How to Create an Education Infographic in Adobe InDesign

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

Final product image
What You’ll Be Creating

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:

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:

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.

How to Create an Education Infographic in Adobe InDesign

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

Final product image
What You’ll Be Creating

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:

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:

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.

How to Create an Education Infographic in Adobe InDesign

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

Final product image
What You’ll Be Creating

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:

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:

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.

How to Create an Evil Photo Effect With an Adobe Photoshop Action

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

Final product image
What You’ll Be Creating

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.

Action final result

What You’ll Need

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

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.
Checking image size and mode

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.

Making a 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:

Modifying a selection

Step 3

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

Creating new layer using selection

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:

Creating new solid color fill layer

Step 2

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

Adding layer style

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:

Placing texture

Step 4

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

Adjusting saturation

Step 5

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

Changing the blending mode

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.

Creating a new layer

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:

Brushing into layer

Step 3

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

Changing blending mode and opacity

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.

Adjusting saturation

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.

Duplicating and desaturating layer

Step 3

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

Adding high pass filter

Step 4

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

Adjusting levels

Step 5

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

Changing the blending mode

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.

Creating new group from layers

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.

Brushing into layer mask

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.

Creating new levels adjustment layer

Step 2

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

Adjusting levels

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.

Creating new gradient map adjustment layer

Step 4

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

Changing blending mode and opacity

Step 5

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

Creating new color balance adjustment layer

Step 6

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

Adjusting color balance

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.

Creating new curves adjustment layer

Step 8

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

Adjusting curves

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.

Creating new solid color fill layer

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.

Creating new vibrance adjustment layer

Step 11

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

Adjusting vibrance

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:

Adding high pass filter

Step 13

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

Changing the blending mode

You Made It!

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

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.

Action final result

How to Create an Evil Photo Effect With an Adobe Photoshop Action

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

Final product image
What You’ll Be Creating

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.

Action final result

What You’ll Need

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

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.
Checking image size and mode

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.

Making a 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:

Modifying a selection

Step 3

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

Creating new layer using selection

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:

Creating new solid color fill layer

Step 2

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

Adding layer style

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:

Placing texture

Step 4

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

Adjusting saturation

Step 5

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

Changing the blending mode

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.

Creating a new layer

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:

Brushing into layer

Step 3

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

Changing blending mode and opacity

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.

Adjusting saturation

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.

Duplicating and desaturating layer

Step 3

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

Adding high pass filter

Step 4

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

Adjusting levels

Step 5

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

Changing the blending mode

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.

Creating new group from layers

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.

Brushing into layer mask

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.

Creating new levels adjustment layer

Step 2

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

Adjusting levels

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.

Creating new gradient map adjustment layer

Step 4

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

Changing blending mode and opacity

Step 5

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

Creating new color balance adjustment layer

Step 6

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

Adjusting color balance

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.

Creating new curves adjustment layer

Step 8

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

Adjusting curves

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.

Creating new solid color fill layer

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.

Creating new vibrance adjustment layer

Step 11

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

Adjusting vibrance

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:

Adding high pass filter

Step 13

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

Changing the blending mode

You Made It!

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

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.

Action final result

How to Create an Evil Photo Effect With an Adobe Photoshop Action

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

Final product image
What You’ll Be Creating

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.

Action final result

What You’ll Need

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

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.
Checking image size and mode

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.

Making a 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:

Modifying a selection

Step 3

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

Creating new layer using selection

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:

Creating new solid color fill layer

Step 2

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

Adding layer style

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:

Placing texture

Step 4

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

Adjusting saturation

Step 5

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

Changing the blending mode

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.

Creating a new layer

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:

Brushing into layer

Step 3

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

Changing blending mode and opacity

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.

Adjusting saturation

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.

Duplicating and desaturating layer

Step 3

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

Adding high pass filter

Step 4

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

Adjusting levels

Step 5

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

Changing the blending mode

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.

Creating new group from layers

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.

Brushing into layer mask

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.

Creating new levels adjustment layer

Step 2

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

Adjusting levels

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.

Creating new gradient map adjustment layer

Step 4

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

Changing blending mode and opacity

Step 5

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

Creating new color balance adjustment layer

Step 6

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

Adjusting color balance

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.

Creating new curves adjustment layer

Step 8

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

Adjusting curves

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.

Creating new solid color fill layer

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.

Creating new vibrance adjustment layer

Step 11

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

Adjusting vibrance

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:

Adding high pass filter

Step 13

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

Changing the blending mode

You Made It!

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

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.

Action final result

How to Create an Evil Photo Effect With an Adobe Photoshop Action

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

Final product image
What You’ll Be Creating

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.

Action final result

What You’ll Need

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

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.
Checking image size and mode

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.

Making a 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:

Modifying a selection

Step 3

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

Creating new layer using selection

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:

Creating new solid color fill layer

Step 2

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

Adding layer style

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:

Placing texture

Step 4

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

Adjusting saturation

Step 5

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

Changing the blending mode

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.

Creating a new layer

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:

Brushing into layer

Step 3

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

Changing blending mode and opacity

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.

Adjusting saturation

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.

Duplicating and desaturating layer

Step 3

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

Adding high pass filter

Step 4

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

Adjusting levels

Step 5

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

Changing the blending mode

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.

Creating new group from layers

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.

Brushing into layer mask

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.

Creating new levels adjustment layer

Step 2

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

Adjusting levels

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.

Creating new gradient map adjustment layer

Step 4

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

Changing blending mode and opacity

Step 5

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

Creating new color balance adjustment layer

Step 6

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

Adjusting color balance

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.

Creating new curves adjustment layer

Step 8

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

Adjusting curves

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.

Creating new solid color fill layer

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.

Creating new vibrance adjustment layer

Step 11

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

Adjusting vibrance

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:

Adding high pass filter

Step 13

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

Changing the blending mode

You Made It!

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

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.

Action final result