How to Make a Sports Edit Effect in Photoshop

-
Final product image
What You'll Be Creating

In this tutorial, you'll learn how to make sports edits in Photoshop. I will explain everything in so much detail that everyone can follow it, even those who have just opened Photoshop for the first time.

After we create the sports edit effect, I'll show you how you can place the design into any sports photo templates or sports poster templates in Photoshop.

What You Will Learn in This Sports Edit Photoshop Tutorial

  • How to make sports edits in Photoshop
  • How to create cool sports edit backgrounds
  • How to use sports flyer templates
  • How to create more cool sport edits

What You'll Need

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

1. How to 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 2500–4500 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 mode and size

2. How to Select the Subject in Photoshop

Step 1

In this section, we're 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 areas from the selection. After you've made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.

making selection in photoshop

Step 2

Now go to Select > Modify > Smooth and set the Sample Radius to 2 px. Next, go to Select > Modify > Contract and set Contract By to 1 px. Finally, go to Select > Modify > Feather and set the Feather Radius to 1 px.

modifying selection

Step 3

Press Control-J on your keyboard to create a new layer using the selection. Name this new layer Subject.

creating new layer using selection

3. How to Make Cool Sport Edits by Creating Motion Effect in Photoshop

Step 1

In this section, we're going to create the motion effect. Press Control-J on your keyboard to duplicate the Subject layer. Then, drag this new layer just below the Subject layer in the Layers panel. After that, choose the Move Tool (V) and Shift-click and drag anywhere inside the canvas to move this layer 50 px to the left.

duplicating layer

Step 2

Now repeat the previous step 29 times to create 30 subject copy layers in total. Make sure always to duplicate the newest subject copy layer and to drag each new subject copy layer just below the previous one in the Layers panel. Here is my result:

repeating process

Step 3

Select the Subject copy layer and Shift-click on the Subject copy 30 layer to select all layers between. Then, press Control-E on your keyboard to merge the selected layers into one layer. After that, go to Filter > Blur > Motion Blur and set the Angle to 0° and Distance to 500 px.

adding motion blur photoshop filter

Step 4

Now press Control-T on your keyboard, Right-click anywhere inside the canvas to open up the transform options, and choose Perspective. Transform the layer as shown below:

transforming layer

Step 5

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Stylize > Find Edges. After that, press Control-I on your keyboard to invert this layer's colors.

adding find edges photoshop filter

Step 6

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

adding gaussian blur photoshop filter

Step 7

Change the Blending Mode of this layer to Linear Dodge (Add) and name the layer M_T_Glow.

changing blending mode

Step 8

Now select the Subject copy layer and change the Blending Mode of this layer to Hard Light. Then, name the layer Motion Trace.

changing blending mode

Step 9

Select the M_T_Glow layer, go to Layer > New > Layer to create a new layer, and name it Motion Strokes.

creating new layer

Step 10

Now Control-click on the Motion Trace layer thumbnail to make a selection of this layer. Then, press D on your keyboard to reset the swatches. After that, go to Edit > Fill, and set Contents to Foreground Color, Mode to Normal, and Opacity to 100% as shown below:

filling layer with foreground color

Step 11

Press Control-D on your keyboard to deselect the selection. Then, go to Filter > Pixelate > Mezzotint and set the Type to Long Strokes.

adding mezzotint photoshop filter

Step 12

Now go to Filter > Blur > Motion Blur and set the Angle to 0° and Distance to 150 px.

adding motion blur photoshop filter

Step 13

Change the Blending Mode of this layer to Linear Dodge (Add).

changing blending mode

Step 14

Now press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 2 px. Then, go to Filter > Blur > Motion Blur and set the Angle to 0° and Distance to 100 px.

adding motion blur photoshop filter

Step 15

Name this layer M_S_Glow.

renaming layer

Step 16

Select the Motion Strokes layer and Control-click on the M_S_Glow layer to select both layers at the same time. Then, press Control-T on your keyboard, Right-click anywhere inside the canvas to open up the transform options, and choose Perspective. After that, transform the layers as shown below:

transforming layers

Step 17

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

creating new group from layers

Step 18

Go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer group. Then, set the foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush as shown below:

brushing into layer mask

4. How to Make the Sports Edit Final Adjustments

Step 1

In this section, we're going to make final adjustments to the sports edit. Select the Subject layer, and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, set the foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush as shown below:

brushing into layer mask

Step 2

Now select the Subject layer thumbnail, go to Image > Adjustments > Levels, and enter the settings below:

adjusting levels in photoshop

Step 3

Press Control-J on your keyboard to duplicate this layer, and drag this new layer just below the Subject layer in the Layers panel. Then, choose the Move Tool (V) and Shift-click and drag anywhere inside the canvas to move this layer 100 px to the left. After that, go to Filter > Blur > Motion Blur and set the Angle to 0° and Distance to 250 px.

adding motion blur photoshop filter

Step 4

Now Alt-click on the layer mask of the Motion layers group and drag the layer mask over the layer mask of the Subject copy layer in the Layers panel to replace the layer mask. Then, change the Blending Mode of this layer to Linear Dodge (Add) and name this layer Subject Glow.

changing blending mode

5. How to Use Sports Template and Sports Flyer Templates

Step 1

In this section, we're going to place the design into one of the sports graphics templates. Select the Subject layer and press Control-J on your keyboard to duplicate this layer. Then, hide this new layer, select the Subject layer and Shift-click on the Background layer to select all layers between. After that, press Control-E on your keyboard to merge these layers into one layer.

merging layers

Step 2

Now Control-click on the Subject copy layer to select both layers at the same time. Then, drag these layers to the Flyer Template document, just above the Splash layer in the Layers panel. After that, using the Move Tool (V), position the layers as shown below:

arranging and positioning layers

Step 3

Control-click on the Subject copy layer thumbnail to make a selection of this layer. Then, select the Splash layer, go to Edit > Fill, and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%. After that, select the Text Backdrop Shape layers group, and go to Layer > Layer Mask > Hide Selection to hide the selected area of the layers group.

filling layer with foreground color

Step 4

Now hide the Bokeh layer, and using the Horizontal Type Tool (T), modify any text layer in the template that you like. Then, select the top title text layer and drag it just below the bottom title text layer to remove the drop shadow effect over the bottom title text layer. After that, Double-click on the Levels 1 layer thumbnail and enter the settings below:

adjusting levels in photoshop

You Made It!

Congratulations, you have succeeded! You've learned how to make sports edits and how to use sports graphics templates. Now you can create cool sports edit backgrounds, and you can place the design into any sports photo templates or sports poster templates in Photoshop. Here is our final result:

final result

Liked this sports edit tutorial? Then, you may also like:




from Envato Tuts+ Tutorials https://ift.tt/2XRiY0I

Comments

Post a Comment

Popular posts from this blog

20 Free Professional Resume Cover Letter Format Templates for Jobs 2020

-
Image
Are you getting ready to apply to jobs and want to make a cover letter? Using a professional cover letter template will save you time and ensure that you've got a professional design. This cover letter template and hundreds more can be found on Envato Elements. Using a premium cover letter template can not only save you time, but you'll have a high-quality template for your letter. All you need to do is add the information you'd like to and customize the template and you're done. In this article, we'll explore some of the best premium and free cover letter templates available online. Find the Best Premium Resume Cover Letter Templates on Envato Elements (With Unlimited Use)  Envato Elements is an all-you-can-download resources for professionals and creatives, including good cover letter templates . With Elements, you pay a low monthly fee to get access to: resume and CV letter templates stock photos and royalty free music WordPress themes and more
Read more

How to Effectively Manage a Remote Team

-
Image
According to Flexjobs , remote work has grown by 44% in the last five years. And that statistic was published  before  the remote work boom of 2020. Remote work is here to stay.  Managing remote teams requires planning, and you'll see the best tools and techniques in this article. (Image source: Envato Elements. ) If your team is navigating the switch to working together while apart, you might be facing challenges that you didn't encounter while sharing an office. Learning how to manage a remote team is a must in 2020. Working remotely can unlock your team's full potential. But it takes a conscious effort to ensure that everyone stays connected. In this article, we're going to share the top tips, tools, and techniques so that you never miss a beat while managing remote workers. Three Top Benefits of Working Remotely Too many workplaces see managing remote workers as purely a challenge. In reality, working remotely lends itself to benefits that lead to a happier a
Read more

How to Create Gantt Charts in PowerPoint With PPT Templates

-
Image
You might not think of Microsoft PowerPoint as a project management tool. But there's a reason it's used for project updates and by project teams. The ease-of-use and flexibility of PowerPoint work for any project management professional.  It's easy to create a Gantt Chart in PowerPoint (PPT) once you know how. When it comes to managing projects, you need tools to make them manageable. That includes process charts to help your team collaborate efficiently. Project management professionals often turn to  Gantt charts  to visualize the parts of the project. In this tutorial, you'll learn how to create a Gantt chart in PowerPoint . You'll learn how to use an impressive template to build a Gantt chart that ensures that every member of your project team knows how their part in the project fits into the bigger picture. Let's dive in! What's a Gantt Chart? Imagine you're building something that requires collaboration with others. That could be a website,
Read more