How to Make a Baseball Card Template in Photoshop

-
Final product image
What You'll Be Creating

In this tutorial, you will learn how to create a baseball card template in Photoshop. I will explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

What You Will Learn in This Baseball Card Template Tutorial

  • How to design a baseball card Photoshop template
  • How to create a sports template background
  • How to create a star in Photoshop
  • How to add text to a card design
  • How to give text a border in Photoshop

What You'll Need

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

1. How to Start Creating a Sports Card Photoshop Template

In this section, we're going to start creating a sports card template. Go to File > New and set the Width to 2.5 in, Height to 3.5 in, and Resolution to 300 px/in.

creating new baseball card template file

2. How to Create a Template Border

Now we're going to create the template border. Choose the Rounded Rectangle Tool, click anywhere inside the canvas to create a new rounded rectangle shape layer, and set the Width to 730 px, Height to 1030 px, and Radii to 10 px. Then, set the Fill Solid Color to #ffe533 and center this layer both vertically and horizontally on the canvas. Name this layer Border.

creating sports card template border

3. How to Create the Background

Step 1

In this section, we're going to create a background for our baseball card template. Choose the Rounded Rectangle Tool, click anywhere inside the canvas to create a new rounded rectangle shape layer, and set the Width to 690 px, Height to 990 px, and Radii to 20 px. Then, set the Fill Solid Color to #00a2ff and align this layer both vertically and horizontally on the canvas. Name this layer Card Background.

creating rounded rectangle

Step 2

Now choose the Custom Shape Tool, select the Registration Target 2 shape, click anywhere inside the canvas to create a new custom shape layer, and set the Width and Height to 1350 px. Then, set the Fill Solid Color to #ffffff and align this layer both vertically and horizontally on the canvas.

creating custom shape

Step 3

Control-click on the Card Background layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

adding layer mask

Step 4

Now change the Opacity of this layer to 20% and name it Background Shape.

changing opacity

4. How to Add a Photo to the Baseball Card

Step 1

In this section, we're going to add a photo to the baseball card template. Choose the Custom Shape Tool, select the 5 Point Star shape, click anywhere inside the canvas to create a new custom shape layer, and set the Width to 625 px and Height to 594 px. Then, set the Fill Solid Color to #ffe533, Stroke Solid Color to #ffffff, and Stroke Width to 10 px. After that, position this layer with the coordinates X: 375.50 px and Y: 435 px and name it Photo Background.

creating custom shape

Step 2

Now go to File > Open, select the stock photo, and click Open. Then, isolate the subject from the photo. You can follow How to Create an Isolated Object: Photoshop in 60 Seconds to see how to create an isolated subject. After that, Right-click on the photo layer and choose Convert to Smart Object.

Using the Move Tool (V), click and drag the subject layer to the baseball card template PSD file. Then, press Control-T on your keyboard to open the transform options and set the Width and Height of the layer to 24%. After that, position the layer as shown below, and name it Photo.

placing stock photo

Step 3

Go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, choose the Brush Tool (B), pick a hard brush, and set the foreground color to #000000. While the layer mask is selected, brush as shown below. Instead of brushing onto the layer mask, you can also make a selection and then fill it with a color.

adding layer mask

5. How to Create the Stars

Step 1

In this section, we're going to create the stars. Choose the Custom Shape Tool, select the 5 Point Star shape, click anywhere inside the canvas to create a new custom shape layer, and set the Width to 75 px and Height to 71 px. Then, set the Fill Solid Color to #ffffff and position this layer with the coordinates X: 161.50 px and Y: 277.50 px. Name this layer Star_1.

creating custom shape

Step 2

Now repeat this process to add as many star layers as you want, and name the layers by sequence number. Feel free to use different size settings. Then, select your first star layer and Shift-click on your last star layer to select all layers between. Press Control-G on your keyboard to create a new group from the selected layers, and name it Stars.

repeating process

6. How to Add Text to a Card Design

Step 1

In this section, we're going to add some text. Choose the Custom Shape Tool, select the Banner 4 shape, click anywhere inside the canvas to create a new custom shape layer, and set the Width to 545 px and Height to 228 px. Then, set the Fill Solid Color to #ffffff and the Stroke Solid Color to #ffe533. After that, position this layer with the coordinates X: 375.50 px and Y: 876 px and name it Banner.

creating custom shape

Step 2

Now choose the Horizontal Type Tool (T), set the font to Lovely Kids, font size to 80 px, alignment to Center, and color to #ffe533. Then, click anywhere inside the canvas, type the text "Baseball Team" (or whatever text you want), and position this layer with the coordinates X: 376 px and Y: 861.50 px.

creating text layer

Step 3

Right-click on this layer and choose Blending Options. Then, select and check the Stroke style and use the settings below:

adjusting blending options
The color is #00a2ff.

Step 4

Now choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to SemiBold, font size to 25 px, alignment to Center, and color to #00a2ff. Then, in the Character panel, check the All Caps option and set the Tracking to 200. Click anywhere inside the canvas, type the text "Isabelle Silva", and position this layer with the coordinates X: 376.15 px and Y: 923.57 px.

creating text layer

Step 5

Choose the Custom Shape Tool, select the Banner 4 shape, click anywhere inside the canvas to create a custom new shape layer, and set the Width and Height to 80 px. Then, set the Fill Solid Color to #ffffff and Stroke Solid Color to #ffe533. After that, position this layer with the coordinates X: 650 px and Y: 100 px and name it Background.

creating custom shape

Step 6

Now choose the Horizontal Type Tool (T), and set the font to Open Sans, font style to Bold, font size to 30 px, alignment to Center, and color to #00a2ff. Then, click anywhere inside the canvas and type the text "CF". After that, Control-click on the Background shape layer thumbnail to make a selection of this layer, choose the Move Tool (V), and click on Align Vertical Center and Align Horizontal Center to align this layer both vertically and horizontally.

creating text layer

Step 7

Select the Background shape layer and Control-click on the CF layer to select both layers at the same time. Then, press Control-G on your keyboard to create a new group from the selected layers and name it Position.

creating new group from layers

You Made It!

Congratulations, you have succeeded! You've learned how to create a baseball card PSD template. In this way, you can create any sports card template or any other sports templates.

final result

Did you like this baseball card template Photoshop tutorial? Then you may also like:




from Envato Tuts+ Tutorials https://ift.tt/32cizXT

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