In this tutorial, we will learn how to use the popular wind blast effect to create a neoclassic style poster template in Adobe Photoshop.

What you will learn in this poster template tutorial:

Photoshop is clearly our favorite photo editing software. In this article, we have listed 100+ best Photoshop effects tutorials that will show you how to perform a wide range of tasks including age progression, Instagram-like effects, lomo effects, and light leaks, as well as vintage and retro effects that you can use to help improve your photo editing workflow. Search for jobs related to Photoshop blowing wind effect or hire on the world's largest freelancing marketplace with 19m+ jobs. It's free to sign up and bid on jobs. The effect makes normal things look fortifying and motivating. Recommended Articles. This is a guide to Photoshop Distort Effect. Here we discuss the Introduction, various effects in Distort Effect and various steps to enhance the distort effect in photoshop. You can also go through our other related articles to learn more –. In this video, I'm going to show you how you can add a wind effect to an image on 'Photoshop CS6' on Windows 7. First, we should have the document opened, by either creating a new one or opening an existing document, which I have shown how to do that in other videos. In this Photoshop Tutorial we will provide you all helpful points, shortkey and important points.If you have any question or any point in the video, you are.

• How to set up Guides in Photoshop
• How to crop an image using Layer Masks in Photoshop
• How to create a wind blast effect in Photoshop

What You Will Need

You’ll need access to Adobe Photoshop; if you don’t have the software, you can download a trial from the Adobe website. You’ll also need these resources:

Download the image and install the font, and you are ready to start! Advertisement

1. Setting Up a New Photoshop File

Step 1

In Photoshop, go to File > New. Name the document Melodias Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.

Step 2

Press Command-R to bring up the rules around the document. Head over to View > New Guide. On the New Guide window option, select Horizontal and set the guide to 70 px. Click OK.

Wind Blowing Effect In Photoshop

Do the same for the other sides of the document by subtracting 70 px from the final size. To activate and deactivate the guides, press Command-;.

Step 3

On the Layers panel, click on the Create a new Fill or Adjustment Layer > Solid Color. Select a black color and click OK.

2. How to Create a Soft, Blended Background

Step 1

To create a colored background, we need to create a new layer and create color stamps. Press Shift-Command-N. Name the layer Background. Click OK.

Select the Brush Tool (B) from the toolbar. Right-click on the document to change the settings. Set the Size to 600 px and the Hardness to 0%.

Step 2

Click on the foreground color and set the color to #af00d0. Click OK.

Stamp over the document, trying to concentrate on the outer edges of the page. Repeat this step using these other two colors: #00e4f4 and #0d43ff.

Step 3

While selecting the Background layer on the Layer panel,head over to Filter > Blur > Motion Blur. On the Motion Blur option window, set the Angle to 90 and the Distance to 1625. Click OK.

We want the background to be soft. On the layer panel, lower the Opacity to 50%.

3. How to Close-Crop an Image Using Layer Masks

Step 1

Drag the Greek God image into the Photoshop document. When dragging an image into a document in Photoshop, it should automatically fit the document. If it doesn’t fit, press Command-T to Transform. Head over to the Options bar and set the Width and Height to 23.82%. Press Enter.

Step 2

On the Layers panel, make sure you have the Greek God layerselected. Head over to the bottom of the panel and add a Layer Mask. The Layer Mask should be selected automatically; if not, make sure you are working on the Layer Mask.

Layer Masks allow us to hide and reveal parts of an image instead of completely deleting them. You will notice in the next steps that parts of the thumbnail will change from white to black and vice versa. The black represents hidden parts, and the white parts are the revealed sections. You can change this on the foreground/background color.

Step 3

Select the Magic Wand Tool (W) from the toolbar. The Magic Wand Tool is a useful tool when there’s a strong contrast between the foreground and background of the image. For instance, this image has a strong bokeh, which makes it easy to select. Select the green parts of the image by clicking on the document. If you need to add more sections to the selection, hold down Shift and click to select. Press Command-I to Invert the Layer Mask or hide the selection, followed by Command-D to Deselect.

Don’t worry if the Magic Wand Tool (W) selects part of the foreground, in this case the statue. We will be using the Brush Tool (B) in the next step to work on the details.

Step 4

Select the Brush Tool (B) from the toolbar. Right-click on the document and set the brush Size to 150 px and the Hardness to 100%.

For this tutorial, we will be using only the head of the statue and the beard. Using the Brush Tool (B), start brushing off the chest and neck areas.

Step 5

If the Magic Wand Tool (W) selected parts of the foreground, this is the step to fix it. While selecting the Brush Tool (W), press the X key. This shortcut will change the foreground color from black to white.

Brush over the areas that are hidden to reveal them. Use the X key to go back and forth to switch the foreground colors.

4. How to Create the Wind Blast Effect

Step 1

Duplicate the Greek God layer by pressing Command-J. Hide the original layer by clicking on the eye icon. We will be working on the duplicated layer. Make sure that you are selecting the Smart Object thumbnail and not the Layer Mask.

To create the wind blast effect, we need to rotate the image. Press Command-T and rotate the image to a 90-degree angle. Press Shift as you rotate for an even rotation. Press Enter to apply.

We need to rotate the layer because the direction of the Wind effect goes only from side to side and not from top to bottom.

Step 2

Head over to Filter > Stylize > Wind > Stagger. In the Wind option window, set the Method to Stagger and the Direction to From the Right. Click OK.

We need to apply this effect several times. We can do so by pressing Command-F, which will repeat the last effect. You can repeat the effect as many times you like—I repeated it 10 times.

Step 3

Before rotating the layer back to its original place, we need to rasterize the layer and the smart filters. If we neglect this part, the filter will be reapplied on the image in its original place. Right-click on the layer and select Rasterize Layer.

Press Command-T and hold down Shift to rotate the image back to its original place. Press Enter to apply.

Step 4

Activate the original Greek God layer. Select the Brush Tool (B) from the toolbar. Right-click on the document to set the brush. Select the Oil Pastel Large brush. I’ve found this is the best brush to use to reveal and hide the Wind effect.

Step 5

Select the Layer Mask on the duplicate Greek God layer. Using the Brush Tool (B), start revealing parts of the image. In this case, let’s start by working on the left side of the image.

Use the following shortcuts to make this step easier. Use X to change the foreground color, to reveal and hide parts of the image. To adjust the size of the brush, press [ to decrease and [ to increase the size.

Step 6

In my case, I want to reveal only a few parts of the effect over the original Greek God layer. There is no right or wrong in this step—feel free to put your own spin on the design!

Below, you can take a look at the final composition I have. On the right side, I’ve shown you the Wind effect layer alone so you can see how much of it I hid and revealed.

Step 7

To neutralize the color of the image, we will add an Adjustment Layer. Head over to the Layers panel, and select Adjustment Layer > Black & White.

We want the Adjustment Layer to only be applied to the statue. Select both Greek God layers and drag them towards the Group button. Right-click on the Black and White Adjustment Layer and select Create Clipping Mask.

Use the Properties panel to tweak the colors. I tweaked the Reds to 300 and the Yellows to -50 to add contrast. Feel free to do your own version!

5. How to Create a Colorful Stroke

Step 1

Create a new layer by pressing Shift-Command-N. Name the layer Stroke. Click OK. Move the layer under the grouped Greek God layers.

Step 2

On the toolbar, select the Brush Tool (B). Right-click and change the brush to a circular brush. Set the brush Size to 500 and the Hardness to 0.

Use the following color codes to brush over the layer: #f7af08, #f502fe, #35b5f0, #8566fb, and #1be5e9. I am hiding the Greek God layers so you can see the result. It doesn’t to be exact—put your own spin on it!

Step 3

Head over to Filter > Blur > Gaussian Blur. In the Gaussian Blur option window, set the Radius to 150 pixels. Click OK.

Step 4

Reveal the grids we created at the beginning of this tutorial by pressing Command-;.

On the toolbar, select the Rectangle Tool (U). Draw a rectangle to fit inside the grid. Head over to the Options bar, and set the Stroke to 50 pt.

Step 5

Head over to the Layers panel. Right-click on the Rectangle layer and select Rasterize Layer. Press down Command and click on the rectangle thumbnail. This will create a selection of the object. Select the Stroke layer and click on the Add Layer Mask button. Delete the Rectangle layer.

Step 6

Now we can resize the stroke. Press Command-T to Transform. Hold down Option-Shift while you resize to evenly resize the rectangle while using the center as the main point. Alternatively, you can head over to the Options bar and set the Width and Height to 60%. Feel free to set it to a different size.Press Enter.

Step 7

Remember you can always tweak the colors and brightness by adding an Adjustment Layer in the Layers panel. For instance, below I added a Brightness/Contrast, and I changed the Contrast value to 100. I also added a Hue/Saturation and set the Hue value to 125.

If you want these layers applied only to the Stroke layer, right-click > Create Clipping Mask.

6. How to Use the Text Tool

Step 1

On the Tools panel, select the Text Tool (T). I used white text to contrast with the background. The typeface I used is US Bill.

Bring up the Tools panel by going to Type > Panels > Character Panel. Below are the details I added with the type size and specific font weight on separate layers.

LA LIGA PRESENTA:
MELODIAS
NEOCLÁSICAS

(US Bill, Slant and ExtraBold Slant, Size: 46 pt and 140 pt, Tracking: 50 pt, Leading for the second line is 120 pt and for the third line is 150 pt. I encourage you to play with the leading as it is a great exercise to understand legibility. Select a text line and press Option-Up arrow or Option-Down arrow to add or decrease the leading).

+
MEXICO
GUADALAJARA
ECATEPEC
GUADALAJARA
PUEBLA
JUÁREZ
TIJUANA
LEÓN
ZAPOPAN
MONTERREY

(US Bill, Slant, Size: 21 pt, Tracking: 50 pt, Leading: Auto).

+
FIESTA DE
LANZAMIENTO
EN VIVO
09.02
—28.02
2019

(US Bill, Slant, Size: 45 pt,Tracking: 50 pt, Leading: 38 pt).

I’ve placed the three text blurbs opposite each other. You will notice that they create a triangle, this is important to make the viewer’s eyes jump from one point of information to the other. We are not only creating tension but also visual balance.

Step 2

The title is placed over the stroke and the image. You will notice that this portion of the poster template seems busy and too mixed up. Let’s make the text jump out. Right-click on the title layer and select Blending Options.

Select the Drop Shadow style. Set the Blending Mode to Multiply, the Opacity to 40%, the Angle to 120, the Distance to 13 px, the Spread to 6%, and the Size to 38 px. Under Quality, set the Contour to Half Round. Click OK.

7. How to Save a File for Web

Head over to File > Save and save the file as you would normally.

To save a JPEG for web file, head over to File > Save for Web or Shift-Option-Command-S. Select the file type you want to save the document in—I am choosing JPEG—and set 100 for Quality. Under Image size, you can change the pixel size of the image if you have any size constraints.

On the bottom left-hand side, you can see a preview of the size of the file. This is useful when there are size constraints on a website and you need to lower the quality or the size of the image.

Click on Save… to choose the location in the new window, and click on Save again.

Here’s the image I’ll be using for this tutorial:

And here’s what the final “vertical photo panels” effect will look like:

Step 1: Add A White Solid Color Fill Layer

With your image newly opened in Photoshop, click on the New Fill or Adjustment Layer icon at the bottom of the Layers panel. It’s the icon that looks like a circle split diagonally between black and white:

Select Solid Color from the top of the list of fill and adjustment layers that appears:

Photoshop will pop open the Color Picker so we can select which color we want to fill the layer with. Choose white, either by clicking in the top left corner of the large color selection box on the left or by entering 255 for the R, G andB options near the bottom center of the dialog box:

Click OK when you’re done to close out of the Color Picker. The document will now be filled with solid white, which will serve as the background for our effect:

If we look in the Layers panel, we see the new Solid Color fill layer, which Photoshop has named Color Fill 1, sitting above the original image on the Background layer:

Step 2: Duplicate The Background Layer

Select the Background layer by clicking on it in the Layers panel:

With the Background layer selected, go up to the Layer menu in the Menu Bar along the top of the screen, choose New, then choose Layer via Copy. Or, for a faster way to access the same command, press Ctrl+J (Win) /Command+J (Mac) on your keyboard:

A copy of the Background layer, appropriately named Background copy, is added directly above the original:

Step 3: Move The Background Copy Layer Above The Solid Color Fill Layer

We need to move the Background copy layer above the Solid Color fill layer, and the fastest and easiest way to do that is with a keyboard shortcut. Press Ctrl+right bracket ( ] ) (Win) / Command+right bracket ( ] ) (Mac) on your keyboard. This will jump the currently selected layer (the Background copy layer) up over the layer directly above it (the Color Fill 1 layer), placing the Background copy layer at the top of the layer stack:

Step 4: Select The Rectangle Tool

Select the Rectangle Tool from the Tools panel:

Step 5: Select The Shapes Option

With the Rectangle Tool selected, click on the Shapes option in the Options Bar along the top of the screen. It’s the left icon in a row of three icons near the far left of the Options Bar:

Step 6: Draw The First Vertical Panel

With the Rectangle Tool in hand and the Shapes option selected, click inside the document and drag out your first vertical panel. We’re going to add our panels from left to right across the image, so draw this first panel on the far left of the area you want to display. For example, in my case, I’m going to drag out my first panel on the left side of the man’s face (don’t worry about the color of the panel):

Step 7: Rotate The Panel Slightly With Free Transform

To add a bit more visual interest to the effect, let’s rotate some of the panels so they don’t all appear straight up and down. Press Ctrl+T (Win) / Command+T (Mac) to quickly access Photoshop’s Free Transform command, which places the Free Transform bounding box and handles around the panel. Click anywhere outside the panel and, with your mouse button still held down, drag with your mouse to rotate it. Don’t rotate it too far – a slight angle is all we need. You can also move the panel to re-position it if you need to by clicking anywhere inside of it and, again with your mouse button still held down, dragging the panel around with your mouse. Here, I’m rotating the panel slightly counterclockwise. When you’re done, press Enter (Win) / Return (Mac) on your keyboard to accept the change and exit out of the Free Transform command::

Step 8: Move The Shape Layer Below The Background Copy Layer

If we look in the Layers panel, we see our newly added Shape layer (named Shape 1) sitting above the Background copy layer:

We need to swap the order of the two layers so the Shape layer appears below the Background copy layer, and we can do that with another handy keyboard shortcut. With the Shape layer selected, press Ctrl+left bracket ( [ ) (Win) / Command+left bracket ( [ ) (Mac) on your keyboard. This jumps the currently selected layer (the Shape 1 layer) down below the layer directly below it (the Background copy layer):

Step 9: Select The Background Copy Layer

Once again click on the Background copy layer to select it:

Step 10: Create A Clipping Mask

Go up to the Layer menu at the top of the screen and choose Create Clipping Mask:

This “clips” the image on the Background copy layer to the vertical panel on the Shape layer directly below it, hiding everything on the Background copy layer except for the area that sits directly above the panel:

If we look in the Layers panel, we see that the Background copy layer is now indented to the right, with a small arrow pointing downward to the left of the preview thumbnail. This is Photoshop’s way of telling us that the layer is clipped to the contents of the layer below it:

Step 11: Add A Drop Shadow

Let’s add a couple of simple layer styles to the panel. First, click on the Shape 1 layer to select it:

Then click on the Layer Styles icon at the bottom of the Layers panel:

Choose Drop Shadow from the list of layer styles that appears:

This opens Photoshop’s Layer Style dialog box set to the Drop Shadow options in the middle column. Lower the Opacity of the shadow down to 60% to reduce its intensity, then set the Angle to 120°. Set both the Distance and Size options to 10 px, although you may want to experiment with different values for these two options depending on the size of the image you’re working with:

Leave the Layer Style dialog box open for the moment because we still have one more layer style to add. Your panel should look similar to this after adding the drop shadow:

Step 12: Add A Stroke

With the Layer Style dialog box still open, click directly on the word Stroke at the bottom of the list along the left of the dialog box. Make sure you click on the word itself, not just in the checkbox, otherwise you won’t have access to the Stroke options:

The middle column of the Layer Style dialog box will change to show options for the stroke. Click on the color swatch to the right of the word Color to change the color of the stroke:

Photoshop will open the Color Picker once again, this time so we can select a new color for the stroke that will appear around the edges of the panel. Choose white just as we did back in Step 1, either by clicking in the top left corner of the large color selection box on the left or by entering 255 for the R, G and B values. When you’re done, click OK to close out of the Color Picker:

Finally, change the Size of the stroke to 2 px (you may want to use a larger value if you’re working with a larger image), then change the Position to Inside, which will keep the stroke nice and sharp in the corners of the panel:

Click OK to close out of the Layer Style dialog box. Your panel should now look similar to this after adding the drop shadow and the stroke:

Step 13: Select Both Layers At Once

With the Shape 1 layer already selected, hold down your Shift key and click on the Background copy layer above it. This will select both layers at once (both will appear highlighted in blue):

Step 14: Create A Layer Group

With both layers now selected, go up to the Layer menu at the top of the screen, choose New, then choose Group from Layers:

Photoshop will open the New Group from Layers dialog box. Name the new layer group Panel, then click OK to close out of the dialog box:

Photoshop places the two layers inside a new layer group named Panel. Only the group itself is currently visible in the Layers panel. The two layers are hidden inside the group. We’re going to add our additional photo panels to the document by making copies of the group:

Step 15: Duplicate The Layer Group

Click on the Panel group and, with your mouse button held down, drag it down onto the New Layer icon at the bottom of the Layers panel:

Release your mouse button over the New Layer icon. Photoshop creates a copy of the group, names it Panel copy, and places it above the original Panel group:

Step 16: Move The Copy Below The Original Group

Press Ctrl+left bracket ( [ ) (Win) / Command+left bracket ( [ ) (Mac) to move the copy of the Panel group below the original:

Step 17: Open The Layer Group

Click on the small triangle icon to the left of the Panel copy group’s name. This will twirl the group open, revealing the two layers inside it:

Step 18: Select The Shape Layer

Click on the Shape 1 layer inside the group to select it:

Step 19: Move And Rotate The Shape With Free Transform

Photoshop Wind Effect Not Working

Press Ctrl+T (Win) / Command+T (Mac) to quickly bring up the Free Transform handles around the second panel, then click anywhere inside the panel and drag it towards the right. It will look at first like there’s only one panel in the document since the original panel is sitting directly above the second, but as soon as you begin dragging towards the right, you’ll see the second panel emerge from behind the original. As you drag the second panel into position, more of the image is revealed inside of it:

Try to place the second panel either slightly higher or lower than the original panel, again just to add more visual interest. Also, rotate the panel in the opposite direction by clicking anywhere outside of it and dragging with your mouse. Here, I’ve positioned my second panel a bit higher than the first and I’ve rotated it clockwise. When you’re done, press Enter (Win) / Return (Mac) to accept the change and exit out of the Free Transform command:

Step 20: Close The Layer Group

We need to make a few more copies of the layer group to create the additional panels, so to prevent things from getting too cluttered and confusing in the Layers panel, close the layer group when you’re done with it by clicking again on the triangle to the left of the group’s name:

Wind Effect Brush Photoshop

Step 21: Repeat Steps 15-20 To Add The Additional Panels

At this point, adding the remaining panels is just a matter of repeating the same few steps. First, duplicate the previously added layer group (it will be the bottom-most group in the Layers panel and will also be the one highlighted in blue) by dragging it down onto the New Layer icon:

A copy of the group will appear directly above it. Here, the new copy is named Panel copy 2. As you add more panels, the layer groups will be named Panel copy 3, Panel copy 4, and so on:

Press Ctrl+left bracket ( [ ) (Win) / Command+left bracket ( [ ) (Mac) on your keyboard to move the new group below the other layer groups:

Wind Effect In Photoshop

Open the layer group by clicking on the triangle icon to the left of its name, then select the Shape 1 layer inside the group:

Press Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles around the new panel, then click inside the panel and drag it towards the right to reveal more of the image, placing the new panel slightly above or below the previous one. Click outside the panel and drag with your mouse to rotate it. Press Enter (Win) /Return (Mac) when you’re done to exit out of Free Transform:

Finally, click on the triangle icon to close the layer group when you’re done. You don’t necessarily have to close the layer groups each time, but it’s much easier to work inside the Layers panel with the groups closed:

Wind Effect On Text In Photoshop

Repeat these same steps to add your remaining panels to the document, and you’re done! Here, after adding three more panels to reveal the rest of the man’s face, is my final “vertical photo panels” result (I’ve cropped away some of the white background with the Crop Tool):

And there we have it!