
Select the Shading layer, choose the Horizontal Type Tool (T), and set the font to Montserrat, font style to Bold, font size to 10 px, alignment to Center, and color to #404040. Then, go to Layer > New > Group from Layers to create a new group from selected layers and name it Horizontal Lines. Now select the HL_1 layer and Control-click on the HL_2 layer to select both layers at the same time. Then, Control-click on the 50% Off layer thumbnail to make a selection of this layer and choose Align Right Edges to align this layer horizontally. Press Control-J on your keyboard to duplicate this layer, and drag this new layer just below the HL_1 layer in the Layers panel. Now Double-click on this layer thumbnail and choose the color #ffffff as shown below. Then, Control-click on the 50% Off layer thumbnail to make a selection of this layer and choose Align Left Edges to align this layer horizontally. Step 9Ĭontrol-click on the Sitewide layer thumbnail to make a selection of this layer, and choose Align Vertical Center to align this layer vertically. Now choose the Rectangle Tool, click anywhere inside the canvas to create a new rectangle, and set the Width to 25 px and Height to 1 px. After that, click anywhere inside the canvas, type the text "Sitewide", and position this layer with the coordinates X: 130.75 px and Y: 129.58 px. Then, in the Character panel, check the All Caps option and set the Tracking to 100. Select the Shading layer, choose the Horizontal Type Tool (T), and set the font to Montserrat, font style to Light, font size to 15 px, alignment to Center, and color to #ffffff. After that, click anywhere inside the canvas, type the text "50% off", and position this layer with the coordinates X: 130.00 px and Y: 97.73 px. Then, in the Character panel, check the All Caps option. Now choose the Horizontal Type Tool (T), and set the font to Montserrat, font style to Medium, font size to 35 px, alignment to Center, and color to #ffffff. After that, Double-click on this new layer thumbnail and choose the color #ff0000 as shown below: Step 5Ĭhange the Opacity of this layer to 90% and name it Shading. Then, select the Photo Background layer and Alt-click and drag this layer to the top of the layers in the Layers panel to create a copy of this layer in this position. Now press Control-Alt-G on your keyboard to create a clipping mask. Then, set the Width and Height of the photo to 30%, position it as shown below, and name this layer Photo_1. Then, go to File > Place Embedded, select the photo from the first stock photo link, and click Place. After that, press Control-T to open up the transform options, Right-click anywhere inside the canvas, choose Distort, and transform the layer as shown below: Step 3 Then, choose the Move Tool (V), and click on the Align Vertical Center and Align Left Edges to align this layer both vertically and horizontally. Press Control-A on your keyboard to make a selection of the whole canvas. Choose the Rectangle Tool, click anywhere inside the canvas to create a new rectangle, and set the Width to 300 px and Height to 250 px. In this section, we are going to create the discount field. To create a new file, go to File > New and set the Width to 970 px and Height to 250 px as shown below: To recreate the design above, you will need the following resources:įirst, create a new file.
#Sports banner templates for photoshop how to#
How to add a photo with a Photoshop action applied.How to add text information and a call to action for sports templates.How to create a banner design for a sports day.What You Will Learn in This Sports Banner Tutorial 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. In this tutorial, you will learn how to create a sports banner template in Photoshop.
