How to Make a Boxing Event Flyer Template in InDesign

Post pobrano z: How to Make a Boxing Event Flyer Template in InDesign

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a flyer template in InDesign for a sporting event. Inspired by the famous 'Rumble in the Jungle’ fight between Muhammad Ali and George Foreman in 1974, this vintage-style flyer design has a retro, punchy style which can be easily adapted to other events. 

In this tutorial that’s suitable for beginners to InDesign, you’ll learn how to build up the design in layers, creating a vintage look with lots of texture and a retro vibe. 

Looking for more easy-to-edit sports events flyers? These flyer templates on GraphicRiver and Envato Elements come in a huge range of customisable styles.

What You’ll Need to Create Your Flyer

We’ll be putting the main layout together in Adobe InDesign, and also briefly using Adobe Photoshop and Adobe Illustrator to edit the boxing gloves photo and other graphics for the flyer. 

You’ll also need to download the following images and fonts from Envato Elements:

Once you’ve installed the fonts on your computer, you’re ready to start creating your boxing flyer. 

1. How to Set Up Your Flyer Template in InDesign

Step 1

Open InDesign and go to File > New > Document. 

Click on Print at the top of the window, and choose Letter for the page size. 

With the orientation set to Portrait and number of Pages to 1, deselect Facing Pages. 

Add Margins of 0.375 in and a Bleed of 0.25 in, before clicking Create

new document

Step 2

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

Create six more new layers in this order—Gradient, Burst, Type Behind, Boxing gloves, Type in Front, and finally Overlay Texture.

layer options

Then lock all the layers except Background

paper layer unlocked

Step 3

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

Set the levels to C=0 M=21 Y=36 K=0, and then click Add and Done

Repeat to create three more new swatches:

  • C=0 M=7 Y=15 K=0
  • C=55 M=60 Y=63 K=69
  • C=0 M=95 Y=90 K=0
swatch options

2. How to Create a Papery Backdrop for Your Event Flyer

Step 1

Working on the Paper layer, pull out guides from the left and top ruler (View > Show Rulers) to mark out the center-point of the page. 

guides on flyer

Select the Rectangle Frame Tool (F) from the Tools panel, and drag across the whole page, extending the edge up to the bleed. 

File > Place, navigate to the folder of paper textures you downloaded earlier, choose ‘Vintage-Paper-Texture-1.jpg’ and Open it, allowing it to fill the whole frame. 

paper image placed

Step 2

Lock the Paper layer and unlock the Gradient layer above it. Use the Rectangle Tool (M) to create a shape across the whole page, setting the Fill to C=0 M=21 Y=36 K=0.

rectangle tool

With the shape selected, head up to Object > Effects > Transparency. 

Set the Mode to Multiply and bring the Opacity down to 65%.

multiply transparency

Click on Gradient Feather in the left-hand menu, and set the Type to Radial, allowing the gradient to become more transparent towards the center of the page. 

Then click OK to exit the window. 

gradient feather

Step 3

In Illustrator, open up the ‘05-06-Combo.eps’ vector inside the sunburst folder you downloaded earlier.

Select the vector and Edit > Copy it. 

sunburst vector

Head back over to InDesign and lock the Gradient layer. Unlock the Burst layer, and Edit > Paste the vector onto the page. 

Center it on the flyer, and adjust the Fill Color of the illustration to [Paper].

sunburst pasted

3. How to Edit the Boxing Gloves Photo for Your Flyer

Step 1

Open up the boxing gloves photo in Photoshop

Duplicate the Background layer to preserve a copy of the original image. 

Working on the top layer, go to Select > Color Range, and click once anywhere onto the white area around the gloves. 

In the Color Range window, slide the Fuzziness slider until the selection is reasonably tight around the silhouette of the gloves. Then click OK

color range

Step 2

Click on the Refine Edge button in the top Controls panel. 

In the window that opens, check Smart Radius and move the Radius slider along, making the selection around the silhouette tighter. Adjust the Shift Edge slider as well, if needed. 

When you’re happy with the selection, click OK

refine edge

Then hit Delete on your keyboard to remove the white background, before switching off the visibility of the original Background layer. 

File > Save As your image as a Photoshop file, naming it ‘Boxing gloves_no background.psd’.

boxing gloves no background

Step 3

Return to InDesign and lock the Burst layer. Unlock the Boxing Gloves layer. 

Use the Rectangle Frame Tool (F) to create an image frame across the center of the page, and File > Place, choosing your ‘Boxing gloves_no background.psd’ image. Click Open.

boxing gloves photo

4. How to Format Vintage Type for Your Flyer

Step 1

Lock the Boxing Gloves layer and unlock the Type in Front layer above it. 

Use the Type Tool (T) to create a narrow text frame across the top of the flyer, typing in the first name (here, ‘Muhammad’).

Create a second text frame below, typing in the second part (‘Ali’).

Set the Font of both frames to Fright Night, and the Font Color to your red swatch, C=0 M=95 Y=90 K=0.

fright night text

Step 2

Select both text frames and Edit > Copy, and Edit > Paste them. Position them below the gloves, and edit the text to read the second fighter’s name. 

fright night text

Step 3

Select all the text frames and head up to Object > Effects > Transparency.

Switch the Mode to Multiply and click OK

multiply transparency

Step 4

Create a new text frame across the center of the page, over the gloves, and type in ‘VS’.

Set the Font to Alt Frantic Regular and the Font Color to [Paper].

vs text frame

Step 5

From the geometric badge shapes bundle, open the ‘Circle.eps’ file inside the ‘Thick_Outline’ folder in Illustrator

Select the vector, and Edit > Copy it.

circle vector

Back in InDesign, Edit > Paste the circle onto the page, and center it over the ‘VS’ text frame, using Shift while you scale it to preserve the proportions. 

Set the Fill Color to [Paper] to match the text. 

pasted circle

Step 6

Add a text frame at the very top of the page, for an introductory sentence. 

Set the Font to Robinson Urban Rough, and the Font Color to C=55 M=60 Y=63 K=69.

robinson urban rough

Step 7

Use the Pen Tool (P) to draw a rough rectangle shape across the bottom of the page. This can be a little imperfect, as this will add to the overall vintage look of the flyer. 

Set the Fill of the shape to C=55 M=60 Y=63 K=69.

pen tool shape

Step 8

Add a text frame over the top of the shape, typing in the location of the event, and setting the Font to Alt Frantic.

Switch the Font Color to C=0 M=7 Y=15 K=0 for contrast. 

alt frantic font

If needed, add more text frames to the outer edges of the shape, set in Fright Night, Rough Oblique.

fright night rough

Step 9

Open the ‘Circle.eps’ file from the ‘Solid’ folder inside the geometric badge shapes bundle.

Select the vector and Copy it. 

circle vector

Head back to InDesign. Lock the Type in Front layer and unlock the Type Behind layer. 

Paste the circle onto the flyer and position it just behind the top-right corner of the gloves photo. Adjust the Fill of the circle to C=55 M=60 Y=63 K=69.

circle shape

Step 10

Add a text frame over the top of the circle, typing in a slogan or maybe a ticket price, and set the Font to Fast Track and Font Color to C=0 M=7 Y=15 K=0.

pale swatch

Step 11

Add text frames to the left side of the boxing gloves, listing the day and date of the event. Set the Font to Alt Frantic and Font Color to C=55 M=60 Y=63 K=69.

swatches panel

5. How to Add a Vintage Texture to Your Flyer

Step 1

Lock the Type Behind layer and unlock the top layer, Overlay Texture. 

Create an image frame across the whole page using the Rectangle Frame Tool (F). 

File > Place, navigate to the grit textures folder you downloaded earlier, and choose the ‘Grit02-byGhostlyPixels.eps’ image. 

Open it and allow it to fill the whole frame. 

overlay texture

Step 2

With the image frame selected, go to Object > Effects > Transparency. 

Switch the Mode to Screen and pull the Opacity down to 65%. Then click OK to exit the window. 

screen mode

6. How to Export Your Flyer for Printing

Step 1

When you’ve finished working on your flyer design, you will need to export it as a print-ready PDF.

Go to File > Export. Choose Adobe PDF (Print) from the Format drop-down menu, name the file, and click Save

In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top. 

press quality

Step 2

Click on Marks and Bleeds in the window’s left-hand menu.

Check both All Printer’s Marks and Use Document Bleed Settings, before clicking Export at the bottom.

marks and bleed

InDesign will generate a press-ready PDF you can send straight off to be professionally printed. Great job!

Conclusion: Your Finished Event Flyer

Your boxing flyer is finished and printed, and it’s ready to send out to promote your event. Awesome work!

final flyer

In this tutorial, you’ve picked up some handy skills for applying to InDesign and other print projects in the future. You now know how to:

  • Create an eye-catching flyer design in Adobe InDesign.
  • Use Photoshop and Illustrator to edit graphics for your flyer.
  • Format typography to a pro standard, giving your text a vintage look.
  • Export your artwork for professional printing.

Looking for easy-to-customise sports events flyers? These flyer templates on GraphicRiver and Envato Elements come in a huge range of adaptable styles.

How to Make a Photoshop Action to Create a Photo Art Effect

Post pobrano z: How to Make a Photoshop Action to Create a Photo Art Effect

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make Photoshop actions to create your own photo effects. I will show you how to transform any photo into art with Photoshop effects and how to keep these photo art effects editable using smart filters, which has the property of adding image effects to layers in a non-destructive way. So now it’s time to learn, and you’ll soon be able to create your first photo effect Photoshop actions.

The photo effect of this tutorial is part of Mezzopop Photoshop Action. The complete action has 27 premade gradient options and works with Photoshop CS5, CS6, and CC.

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

Tutorial Assets

The following asset was used during this tutorial:

1. Choosing and Preparing a Good Photo

Step 1

First, you need to find the right photo for the effect you want. Not every photo will look great with all photo effects. 

For this tutorial, you will need an image with good illumination and not much detail on the background. I’m going to use a photo of a beautiful woman with a white background. It will work perfectly with the photo effect we are going to create.

Stock image used for the photo to art effect

Step 2

Another thing you need to know is that some effects depend on the image size and dpi of the document. Using a different configuration will result in different results. Dpi is not going to be important for this tutorial, but if you choose an image much bigger or smaller than mine, your result will look slightly different.

To check the size and dpi of your image, open it with Photoshop and go to Image > Image Size. For this tutorial, you will need an image with about 1400 x 1400 px.

Image dimensions and resolution

2. Recording the Action

Step 1

We are going to create a new action set. Go to Window > Actions to open the Actions panel. Then click on the Create new set icon and name it My First Photo Effects.

Creating a new Action set

Step 2

Now click on the Create new action icon. Name it Mezzopop Effect and click on Record. After that, Photoshop will record almost every step you make. That is how a Photoshop action works—you play it, and Photoshop repeats the actions recorded.

Pay attention to the Actions panel. If you make a mistake, click on the step you want to delete and then click on the trash bin.

Creating a new action

Step 3

Go to the Layers panel, right-click on the photo layer, and choose Convert to Smart Object. That will keep the image editable. 

Converting the layer into a Smart Object

Step 4

Go to Filter > Blur > Gaussian Blur and set it to 0.5 px. That will make the image less detailed, which is good for the final result. You can disable it later if you don’t like the effect—all the effects will be on separate layers.

Adding a gaussian blur filter

Step 5

Now go to Filter > Sharpen > Smart Sharpen and use these settings:

  • Amount: 183%
  • Radius: 1.0 px
  • Reduce Noise: 66%
  • Remove: Lens Blur

This will make the image sharper but with less fine details, since we added a Gaussian blur first.

Smart sharpen settings

Step 6

Go to Filter > Noise > Add Noise and use these settings:

  • Amount: 9.16%
  • Distribution: Uniform
  • Monochromatic: On

This will give us some controlled noise, which will make the final result always look like we want.

Adding noise to the image

Step 7

Now go to Filter > Pixelate > Mezzotint and set it to Long Lines. This will add the main effect of this tutorial.

Adding the mezzotint effect

Step 8

Go to Window > Adjustments to open the Adjustments panel. Then click on the Gradient Map icon. After that, go to Window > Properties and click on the gradient bar to edit it with these settings:

  • Stop 1: Location: 0% Color: #003533
  • Stop 2: Location: 100% Color: #f6001d

Here we are creating a red gradient, but you can choose any color you want. The stop on the left side controls the shadows, and the one on the right controls the highlights. You can click below the gradient bar to create more stops and customize the gradient even more.

Adding a Gradient Map layer

Step 9

Go back to the Actions panel and click on Stop recording

In the next image, you can see all the steps of this action. 

Stopping the recording of the action

Here is the result of this photo art effect:

Final result of the photo art effect

Step 10

It is possible to edit the action. To understand that, we are going to add one more filter to it. This filter needs to be applied to the photo layer. If you look at the Actions panel, you will see that the last step that had the photo layer selected was the Mezzotint.

So select the Mezzotint step on the Actions panel and the photo layer on the Layers panel and click on Begin recording. Then go to Filter > Filter Gallery and add a Texturizer filter with these settings:

  • Texture: Canvas
  • Scaling: 100%
  • Relief: 2
  • Light: Bottom
  • Invert: Off

After that, click on Stop Recording.

Adding a texture to the photo art effect

Here you can see that the Texturizer filter was applied right after the Mezzotint.

Texturizer after the mezzotint filter

To play this action, select the photo layer on the Layers panel and the Mezzopop Effect on the Actions panel. Then click on Play and the photo effect will be applied.

Final result with the texturizer filter

Step 11

Now go back to the Layers panel—I want to show you something.

At the beginning of this tutorial, we converted the photo layer to a Smart Object. Because of that, all the filters we applied are now Smart Filters. So you can disable/enable or change them anytime you want, and the original photo will remain untouched. Not converting the photo to a Smart Object would result in an uneditable rasterized image.

To edit a Smart Filter, double-click it and the appropriate panel will open.

Smart Object and its Smart Filters

And We’re Done!

In this tutorial, you learned the basics of how Photoshop actions work. We created a beautiful Photoshop art effect using simple filters and a Gradient Map. Then you learned how to edit an action and add more filters to it. Then you also learned that Smart Objects allow us to apply filters as Smart Filters, keeping all the effects editable. 

I hope you learned something useful with this tutorial.

Don’t forget to check the original action:

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

If you want to keep learning, here are some tutorials I recommend:

How to Make a Photoshop Action to Create a Photo Art Effect

Post pobrano z: How to Make a Photoshop Action to Create a Photo Art Effect

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make Photoshop actions to create your own photo effects. I will show you how to transform any photo into art with Photoshop effects and how to keep these photo art effects editable using smart filters, which has the property of adding image effects to layers in a non-destructive way. So now it’s time to learn, and you’ll soon be able to create your first photo effect Photoshop actions.

The photo effect of this tutorial is part of Mezzopop Photoshop Action. The complete action has 27 premade gradient options and works with Photoshop CS5, CS6, and CC.

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

Tutorial Assets

The following asset was used during this tutorial:

1. Choosing and Preparing a Good Photo

Step 1

First, you need to find the right photo for the effect you want. Not every photo will look great with all photo effects. 

For this tutorial, you will need an image with good illumination and not much detail on the background. I’m going to use a photo of a beautiful woman with a white background. It will work perfectly with the photo effect we are going to create.

Stock image used for the photo to art effect

Step 2

Another thing you need to know is that some effects depend on the image size and dpi of the document. Using a different configuration will result in different results. Dpi is not going to be important for this tutorial, but if you choose an image much bigger or smaller than mine, your result will look slightly different.

To check the size and dpi of your image, open it with Photoshop and go to Image > Image Size. For this tutorial, you will need an image with about 1400 x 1400 px.

Image dimensions and resolution

2. Recording the Action

Step 1

We are going to create a new action set. Go to Window > Actions to open the Actions panel. Then click on the Create new set icon and name it My First Photo Effects.

Creating a new Action set

Step 2

Now click on the Create new action icon. Name it Mezzopop Effect and click on Record. After that, Photoshop will record almost every step you make. That is how a Photoshop action works—you play it, and Photoshop repeats the actions recorded.

Pay attention to the Actions panel. If you make a mistake, click on the step you want to delete and then click on the trash bin.

Creating a new action

Step 3

Go to the Layers panel, right-click on the photo layer, and choose Convert to Smart Object. That will keep the image editable. 

Converting the layer into a Smart Object

Step 4

Go to Filter > Blur > Gaussian Blur and set it to 0.5 px. That will make the image less detailed, which is good for the final result. You can disable it later if you don’t like the effect—all the effects will be on separate layers.

Adding a gaussian blur filter

Step 5

Now go to Filter > Sharpen > Smart Sharpen and use these settings:

  • Amount: 183%
  • Radius: 1.0 px
  • Reduce Noise: 66%
  • Remove: Lens Blur

This will make the image sharper but with less fine details, since we added a Gaussian blur first.

Smart sharpen settings

Step 6

Go to Filter > Noise > Add Noise and use these settings:

  • Amount: 9.16%
  • Distribution: Uniform
  • Monochromatic: On

This will give us some controlled noise, which will make the final result always look like we want.

Adding noise to the image

Step 7

Now go to Filter > Pixelate > Mezzotint and set it to Long Lines. This will add the main effect of this tutorial.

Adding the mezzotint effect

Step 8

Go to Window > Adjustments to open the Adjustments panel. Then click on the Gradient Map icon. After that, go to Window > Properties and click on the gradient bar to edit it with these settings:

  • Stop 1: Location: 0% Color: #003533
  • Stop 2: Location: 100% Color: #f6001d

Here we are creating a red gradient, but you can choose any color you want. The stop on the left side controls the shadows, and the one on the right controls the highlights. You can click below the gradient bar to create more stops and customize the gradient even more.

Adding a Gradient Map layer

Step 9

Go back to the Actions panel and click on Stop recording

In the next image, you can see all the steps of this action. 

Stopping the recording of the action

Here is the result of this photo art effect:

Final result of the photo art effect

Step 10

It is possible to edit the action. To understand that, we are going to add one more filter to it. This filter needs to be applied to the photo layer. If you look at the Actions panel, you will see that the last step that had the photo layer selected was the Mezzotint.

So select the Mezzotint step on the Actions panel and the photo layer on the Layers panel and click on Begin recording. Then go to Filter > Filter Gallery and add a Texturizer filter with these settings:

  • Texture: Canvas
  • Scaling: 100%
  • Relief: 2
  • Light: Bottom
  • Invert: Off

After that, click on Stop Recording.

Adding a texture to the photo art effect

Here you can see that the Texturizer filter was applied right after the Mezzotint.

Texturizer after the mezzotint filter

To play this action, select the photo layer on the Layers panel and the Mezzopop Effect on the Actions panel. Then click on Play and the photo effect will be applied.

Final result with the texturizer filter

Step 11

Now go back to the Layers panel—I want to show you something.

At the beginning of this tutorial, we converted the photo layer to a Smart Object. Because of that, all the filters we applied are now Smart Filters. So you can disable/enable or change them anytime you want, and the original photo will remain untouched. Not converting the photo to a Smart Object would result in an uneditable rasterized image.

To edit a Smart Filter, double-click it and the appropriate panel will open.

Smart Object and its Smart Filters

And We’re Done!

In this tutorial, you learned the basics of how Photoshop actions work. We created a beautiful Photoshop art effect using simple filters and a Gradient Map. Then you learned how to edit an action and add more filters to it. Then you also learned that Smart Objects allow us to apply filters as Smart Filters, keeping all the effects editable. 

I hope you learned something useful with this tutorial.

Don’t forget to check the original action:

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

If you want to keep learning, here are some tutorials I recommend:

How to Make a Photoshop Action to Create a Photo Art Effect

Post pobrano z: How to Make a Photoshop Action to Create a Photo Art Effect

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make Photoshop actions to create your own photo effects. I will show you how to transform any photo into art with Photoshop effects and how to keep these photo art effects editable using smart filters, which has the property of adding image effects to layers in a non-destructive way. So now it’s time to learn, and you’ll soon be able to create your first photo effect Photoshop actions.

The photo effect of this tutorial is part of Mezzopop Photoshop Action. The complete action has 27 premade gradient options and works with Photoshop CS5, CS6, and CC.

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

Tutorial Assets

The following asset was used during this tutorial:

1. Choosing and Preparing a Good Photo

Step 1

First, you need to find the right photo for the effect you want. Not every photo will look great with all photo effects. 

For this tutorial, you will need an image with good illumination and not much detail on the background. I’m going to use a photo of a beautiful woman with a white background. It will work perfectly with the photo effect we are going to create.

Stock image used for the photo to art effect

Step 2

Another thing you need to know is that some effects depend on the image size and dpi of the document. Using a different configuration will result in different results. Dpi is not going to be important for this tutorial, but if you choose an image much bigger or smaller than mine, your result will look slightly different.

To check the size and dpi of your image, open it with Photoshop and go to Image > Image Size. For this tutorial, you will need an image with about 1400 x 1400 px.

Image dimensions and resolution

2. Recording the Action

Step 1

We are going to create a new action set. Go to Window > Actions to open the Actions panel. Then click on the Create new set icon and name it My First Photo Effects.

Creating a new Action set

Step 2

Now click on the Create new action icon. Name it Mezzopop Effect and click on Record. After that, Photoshop will record almost every step you make. That is how a Photoshop action works—you play it, and Photoshop repeats the actions recorded.

Pay attention to the Actions panel. If you make a mistake, click on the step you want to delete and then click on the trash bin.

Creating a new action

Step 3

Go to the Layers panel, right-click on the photo layer, and choose Convert to Smart Object. That will keep the image editable. 

Converting the layer into a Smart Object

Step 4

Go to Filter > Blur > Gaussian Blur and set it to 0.5 px. That will make the image less detailed, which is good for the final result. You can disable it later if you don’t like the effect—all the effects will be on separate layers.

Adding a gaussian blur filter

Step 5

Now go to Filter > Sharpen > Smart Sharpen and use these settings:

  • Amount: 183%
  • Radius: 1.0 px
  • Reduce Noise: 66%
  • Remove: Lens Blur

This will make the image sharper but with less fine details, since we added a Gaussian blur first.

Smart sharpen settings

Step 6

Go to Filter > Noise > Add Noise and use these settings:

  • Amount: 9.16%
  • Distribution: Uniform
  • Monochromatic: On

This will give us some controlled noise, which will make the final result always look like we want.

Adding noise to the image

Step 7

Now go to Filter > Pixelate > Mezzotint and set it to Long Lines. This will add the main effect of this tutorial.

Adding the mezzotint effect

Step 8

Go to Window > Adjustments to open the Adjustments panel. Then click on the Gradient Map icon. After that, go to Window > Properties and click on the gradient bar to edit it with these settings:

  • Stop 1: Location: 0% Color: #003533
  • Stop 2: Location: 100% Color: #f6001d

Here we are creating a red gradient, but you can choose any color you want. The stop on the left side controls the shadows, and the one on the right controls the highlights. You can click below the gradient bar to create more stops and customize the gradient even more.

Adding a Gradient Map layer

Step 9

Go back to the Actions panel and click on Stop recording

In the next image, you can see all the steps of this action. 

Stopping the recording of the action

Here is the result of this photo art effect:

Final result of the photo art effect

Step 10

It is possible to edit the action. To understand that, we are going to add one more filter to it. This filter needs to be applied to the photo layer. If you look at the Actions panel, you will see that the last step that had the photo layer selected was the Mezzotint.

So select the Mezzotint step on the Actions panel and the photo layer on the Layers panel and click on Begin recording. Then go to Filter > Filter Gallery and add a Texturizer filter with these settings:

  • Texture: Canvas
  • Scaling: 100%
  • Relief: 2
  • Light: Bottom
  • Invert: Off

After that, click on Stop Recording.

Adding a texture to the photo art effect

Here you can see that the Texturizer filter was applied right after the Mezzotint.

Texturizer after the mezzotint filter

To play this action, select the photo layer on the Layers panel and the Mezzopop Effect on the Actions panel. Then click on Play and the photo effect will be applied.

Final result with the texturizer filter

Step 11

Now go back to the Layers panel—I want to show you something.

At the beginning of this tutorial, we converted the photo layer to a Smart Object. Because of that, all the filters we applied are now Smart Filters. So you can disable/enable or change them anytime you want, and the original photo will remain untouched. Not converting the photo to a Smart Object would result in an uneditable rasterized image.

To edit a Smart Filter, double-click it and the appropriate panel will open.

Smart Object and its Smart Filters

And We’re Done!

In this tutorial, you learned the basics of how Photoshop actions work. We created a beautiful Photoshop art effect using simple filters and a Gradient Map. Then you learned how to edit an action and add more filters to it. Then you also learned that Smart Objects allow us to apply filters as Smart Filters, keeping all the effects editable. 

I hope you learned something useful with this tutorial.

Don’t forget to check the original action:

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

If you want to keep learning, here are some tutorials I recommend:

How to Make a Photoshop Action to Create a Photo Art Effect

Post pobrano z: How to Make a Photoshop Action to Create a Photo Art Effect

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make Photoshop actions to create your own photo effects. I will show you how to transform any photo into art with Photoshop effects and how to keep these photo art effects editable using smart filters, which has the property of adding image effects to layers in a non-destructive way. So now it’s time to learn, and you’ll soon be able to create your first photo effect Photoshop actions.

The photo effect of this tutorial is part of Mezzopop Photoshop Action. The complete action has 27 premade gradient options and works with Photoshop CS5, CS6, and CC.

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

Tutorial Assets

The following asset was used during this tutorial:

1. Choosing and Preparing a Good Photo

Step 1

First, you need to find the right photo for the effect you want. Not every photo will look great with all photo effects. 

For this tutorial, you will need an image with good illumination and not much detail on the background. I’m going to use a photo of a beautiful woman with a white background. It will work perfectly with the photo effect we are going to create.

Stock image used for the photo to art effect

Step 2

Another thing you need to know is that some effects depend on the image size and dpi of the document. Using a different configuration will result in different results. Dpi is not going to be important for this tutorial, but if you choose an image much bigger or smaller than mine, your result will look slightly different.

To check the size and dpi of your image, open it with Photoshop and go to Image > Image Size. For this tutorial, you will need an image with about 1400 x 1400 px.

Image dimensions and resolution

2. Recording the Action

Step 1

We are going to create a new action set. Go to Window > Actions to open the Actions panel. Then click on the Create new set icon and name it My First Photo Effects.

Creating a new Action set

Step 2

Now click on the Create new action icon. Name it Mezzopop Effect and click on Record. After that, Photoshop will record almost every step you make. That is how a Photoshop action works—you play it, and Photoshop repeats the actions recorded.

Pay attention to the Actions panel. If you make a mistake, click on the step you want to delete and then click on the trash bin.

Creating a new action

Step 3

Go to the Layers panel, right-click on the photo layer, and choose Convert to Smart Object. That will keep the image editable. 

Converting the layer into a Smart Object

Step 4

Go to Filter > Blur > Gaussian Blur and set it to 0.5 px. That will make the image less detailed, which is good for the final result. You can disable it later if you don’t like the effect—all the effects will be on separate layers.

Adding a gaussian blur filter

Step 5

Now go to Filter > Sharpen > Smart Sharpen and use these settings:

  • Amount: 183%
  • Radius: 1.0 px
  • Reduce Noise: 66%
  • Remove: Lens Blur

This will make the image sharper but with less fine details, since we added a Gaussian blur first.

Smart sharpen settings

Step 6

Go to Filter > Noise > Add Noise and use these settings:

  • Amount: 9.16%
  • Distribution: Uniform
  • Monochromatic: On

This will give us some controlled noise, which will make the final result always look like we want.

Adding noise to the image

Step 7

Now go to Filter > Pixelate > Mezzotint and set it to Long Lines. This will add the main effect of this tutorial.

Adding the mezzotint effect

Step 8

Go to Window > Adjustments to open the Adjustments panel. Then click on the Gradient Map icon. After that, go to Window > Properties and click on the gradient bar to edit it with these settings:

  • Stop 1: Location: 0% Color: #003533
  • Stop 2: Location: 100% Color: #f6001d

Here we are creating a red gradient, but you can choose any color you want. The stop on the left side controls the shadows, and the one on the right controls the highlights. You can click below the gradient bar to create more stops and customize the gradient even more.

Adding a Gradient Map layer

Step 9

Go back to the Actions panel and click on Stop recording

In the next image, you can see all the steps of this action. 

Stopping the recording of the action

Here is the result of this photo art effect:

Final result of the photo art effect

Step 10

It is possible to edit the action. To understand that, we are going to add one more filter to it. This filter needs to be applied to the photo layer. If you look at the Actions panel, you will see that the last step that had the photo layer selected was the Mezzotint.

So select the Mezzotint step on the Actions panel and the photo layer on the Layers panel and click on Begin recording. Then go to Filter > Filter Gallery and add a Texturizer filter with these settings:

  • Texture: Canvas
  • Scaling: 100%
  • Relief: 2
  • Light: Bottom
  • Invert: Off

After that, click on Stop Recording.

Adding a texture to the photo art effect

Here you can see that the Texturizer filter was applied right after the Mezzotint.

Texturizer after the mezzotint filter

To play this action, select the photo layer on the Layers panel and the Mezzopop Effect on the Actions panel. Then click on Play and the photo effect will be applied.

Final result with the texturizer filter

Step 11

Now go back to the Layers panel—I want to show you something.

At the beginning of this tutorial, we converted the photo layer to a Smart Object. Because of that, all the filters we applied are now Smart Filters. So you can disable/enable or change them anytime you want, and the original photo will remain untouched. Not converting the photo to a Smart Object would result in an uneditable rasterized image.

To edit a Smart Filter, double-click it and the appropriate panel will open.

Smart Object and its Smart Filters

And We’re Done!

In this tutorial, you learned the basics of how Photoshop actions work. We created a beautiful Photoshop art effect using simple filters and a Gradient Map. Then you learned how to edit an action and add more filters to it. Then you also learned that Smart Objects allow us to apply filters as Smart Filters, keeping all the effects editable. 

I hope you learned something useful with this tutorial.

Don’t forget to check the original action:

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

If you want to keep learning, here are some tutorials I recommend:

How to Make a Photoshop Action to Create a Photo Art Effect

Post pobrano z: How to Make a Photoshop Action to Create a Photo Art Effect

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make Photoshop actions to create your own photo effects. I will show you how to transform any photo into art with Photoshop effects and how to keep these photo art effects editable using smart filters, which has the property of adding image effects to layers in a non-destructive way. So now it’s time to learn, and you’ll soon be able to create your first photo effect Photoshop actions.

The photo effect of this tutorial is part of Mezzopop Photoshop Action. The complete action has 27 premade gradient options and works with Photoshop CS5, CS6, and CC.

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

Tutorial Assets

The following asset was used during this tutorial:

1. Choosing and Preparing a Good Photo

Step 1

First, you need to find the right photo for the effect you want. Not every photo will look great with all photo effects. 

For this tutorial, you will need an image with good illumination and not much detail on the background. I’m going to use a photo of a beautiful woman with a white background. It will work perfectly with the photo effect we are going to create.

Stock image used for the photo to art effect

Step 2

Another thing you need to know is that some effects depend on the image size and dpi of the document. Using a different configuration will result in different results. Dpi is not going to be important for this tutorial, but if you choose an image much bigger or smaller than mine, your result will look slightly different.

To check the size and dpi of your image, open it with Photoshop and go to Image > Image Size. For this tutorial, you will need an image with about 1400 x 1400 px.

Image dimensions and resolution

2. Recording the Action

Step 1

We are going to create a new action set. Go to Window > Actions to open the Actions panel. Then click on the Create new set icon and name it My First Photo Effects.

Creating a new Action set

Step 2

Now click on the Create new action icon. Name it Mezzopop Effect and click on Record. After that, Photoshop will record almost every step you make. That is how a Photoshop action works—you play it, and Photoshop repeats the actions recorded.

Pay attention to the Actions panel. If you make a mistake, click on the step you want to delete and then click on the trash bin.

Creating a new action

Step 3

Go to the Layers panel, right-click on the photo layer, and choose Convert to Smart Object. That will keep the image editable. 

Converting the layer into a Smart Object

Step 4

Go to Filter > Blur > Gaussian Blur and set it to 0.5 px. That will make the image less detailed, which is good for the final result. You can disable it later if you don’t like the effect—all the effects will be on separate layers.

Adding a gaussian blur filter

Step 5

Now go to Filter > Sharpen > Smart Sharpen and use these settings:

  • Amount: 183%
  • Radius: 1.0 px
  • Reduce Noise: 66%
  • Remove: Lens Blur

This will make the image sharper but with less fine details, since we added a Gaussian blur first.

Smart sharpen settings

Step 6

Go to Filter > Noise > Add Noise and use these settings:

  • Amount: 9.16%
  • Distribution: Uniform
  • Monochromatic: On

This will give us some controlled noise, which will make the final result always look like we want.

Adding noise to the image

Step 7

Now go to Filter > Pixelate > Mezzotint and set it to Long Lines. This will add the main effect of this tutorial.

Adding the mezzotint effect

Step 8

Go to Window > Adjustments to open the Adjustments panel. Then click on the Gradient Map icon. After that, go to Window > Properties and click on the gradient bar to edit it with these settings:

  • Stop 1: Location: 0% Color: #003533
  • Stop 2: Location: 100% Color: #f6001d

Here we are creating a red gradient, but you can choose any color you want. The stop on the left side controls the shadows, and the one on the right controls the highlights. You can click below the gradient bar to create more stops and customize the gradient even more.

Adding a Gradient Map layer

Step 9

Go back to the Actions panel and click on Stop recording

In the next image, you can see all the steps of this action. 

Stopping the recording of the action

Here is the result of this photo art effect:

Final result of the photo art effect

Step 10

It is possible to edit the action. To understand that, we are going to add one more filter to it. This filter needs to be applied to the photo layer. If you look at the Actions panel, you will see that the last step that had the photo layer selected was the Mezzotint.

So select the Mezzotint step on the Actions panel and the photo layer on the Layers panel and click on Begin recording. Then go to Filter > Filter Gallery and add a Texturizer filter with these settings:

  • Texture: Canvas
  • Scaling: 100%
  • Relief: 2
  • Light: Bottom
  • Invert: Off

After that, click on Stop Recording.

Adding a texture to the photo art effect

Here you can see that the Texturizer filter was applied right after the Mezzotint.

Texturizer after the mezzotint filter

To play this action, select the photo layer on the Layers panel and the Mezzopop Effect on the Actions panel. Then click on Play and the photo effect will be applied.

Final result with the texturizer filter

Step 11

Now go back to the Layers panel—I want to show you something.

At the beginning of this tutorial, we converted the photo layer to a Smart Object. Because of that, all the filters we applied are now Smart Filters. So you can disable/enable or change them anytime you want, and the original photo will remain untouched. Not converting the photo to a Smart Object would result in an uneditable rasterized image.

To edit a Smart Filter, double-click it and the appropriate panel will open.

Smart Object and its Smart Filters

And We’re Done!

In this tutorial, you learned the basics of how Photoshop actions work. We created a beautiful Photoshop art effect using simple filters and a Gradient Map. Then you learned how to edit an action and add more filters to it. Then you also learned that Smart Objects allow us to apply filters as Smart Filters, keeping all the effects editable. 

I hope you learned something useful with this tutorial.

Don’t forget to check the original action:

Mezzopop photoshop action promotion image
Mezzopop Photoshop Action

If you want to keep learning, here are some tutorials I recommend:

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie