In this tutorial, you will learn how to make a rave flyer with an abstract 90s design in Adobe Photoshop. But what if you don't have the software, or you want to save time in the design? Well, you can create an amazing rave flyer design in a fraction of time and without Photoshop using Placeit, a poster maker right in your browser.
Placeit has an incredible collection of premade musician and 90s posters that you can customize to your heart's content. Scroll down after this tutorial to check out some of the best rave flyers!
What You'll Need to Create This 90s Poster
If you want to create old rave posters from scratch using Photoshop, you’ll need to download the following image and font file from Envato Elements:
- Scenic view of ruins and bronze statue in ancient Pompeii city
- Bw Stretch font family - no longer available
Install the font and you are ready to start!
1. How to Set Up a New Photoshop File
In Photoshop, go to File > New. Name the document Rave-Poster. Set the Width to 1270 px and Height to 1600 px. Set the Resolution to 72 Pixels/Inch. Click OK.
In the Layers panel, click on Create a New Fill or Adjustment Layer > Gradient. In the Gradient Fill window, select the Style to Linear and click on the Gradient swatch to set the colors.
Under Presets, select the Foreground to Background preset. Under Gradient Type, set the left color stop swatch to
#00a175 and the right color stop to
#0500e8. Click OK.
2. How to Create the Background Lights Effect
On the Layers panel, create a new layer by pressing Shift-Command-N.
On the toolbar, select the Brush Tool (B). Right click to set the brush Size to 250 px and select a rounded brush with Hardness of 0.
Using the color codes below, create single brush stamps by clicking on the document.
While selecting the same layer, head over to Filter > Blur > Motion Blur. In the Motion Blur window, check the Preview box. Set the Angle to -50 and the Distance to 1500 Pixels. Click OK.
Feel free to experiment with the settings as changing the angle and the distance will result in different outcomes.
You can repeat this section as many times as you like. Try making the brush size smaller or larger or choosing different colors. I added another layer with the same colors to add more dimension.
3. How to Create the Dust Effect
To create the dust effect, we need to create something similar to the steps above. Create a new layer on the Layers panel by pressing Shift-Command-N.
Select the Brush Tool (B) and set the Foreground color to
#aeaeae. Right click to set the Brush options. Set the Size to 500 px and the Hardness to 100%. Brush over the center of the page.
While selecting the layer with the brush stroke, head over to Filter > Blur > Motion Blur. Depending on the Distance we set, we will either get a blur that is barely there or one that maintains the original shape we started with. I will maintain the Angle of -50 and set the Distance to 531. Click OK.
To create the dust effect, head over to Filter > Noise > Add Noise. Here, we can set the coarseness of the particles. We can always lower the opacity later to create a "barely there" look. Check the Preview box to see what the result will be. I will set the Amount to 180% and the Distribution to Uniform. Click OK.
On the Layers panel, select the dust particle layer and lower the Opacity to 35%.
4. How to Edit a Visually Interesting Image
Open the Scenic view of ruins and bronze statue in ancient Pompeii city from Envato Elements in Photoshop.
On the Layers panel, double click on the Background layer to unlock it. The New Layer window option will open—rename the layer Statue. Click OK.
On the Layers panel, add a Layer Mask to the Statue layer.
Using the Brush Tool (B), set the foreground color to black. Start by brushing over the outside of the statue—in this case, we want to maintain only the statue to use on the Rave-Poster file.
Use the backslash (\) key to see the parts that have been masked out.
Let’s crop the image to be easily manageable on the Rave-Poster file. On the toolbar, select the Crop Tool (C) and crop the image to just around the statue. Press Enter to proceed.
On the toolbar, right click on the Statue layer and select Duplicate Layer. Under Destination > Document, choose the Rave-poster file. Click OK.
Head over to the Rave-Poster file. We need to resize and rotate the image. Select the Statue layer and press Command-T to Transform. Head over to the Option bar, and activate the Maintain Aspect Ratio button. Set the Width and Height to 45% and the Rotation to -45 degrees.
The advantage of working with Layer Masks is that we can hide and show parts of them without completely deleting them. In this case, I want to refine the statue by only keeping the face and masking out the neck area. Select the Layer Mask on the Statue layer and, using the Brush Tool (B) and black as a foreground color, start brushing the parts off. There is no right or wrong.
Here you can also hide the edges of the photo that are easy to miss when using Layer Masks and duplicating images.
Select the Statue layer, not the layer mask linked to it. Head over to Filter > Distort > Wave. In the Wave settings window, set the Type to Square, which means that the effect will divide the image into squares. Set the Number of Generators to 20, the Wavelength to Min. 817 and Max. 818, Amplitude to Min. 1 and Max. 2, and finally the Scale to 100% both Horizontal and Vertical. Click OK.
If the dust layer is covered by the statue, feel free to enlarge it or move it around so that it's visible.
In some cases, images don’t exactly match the color of the background we are working with, and it's necessary to find a way to make the image neutral. In this case, we will convert it to Black and White. On the Layers panel, click on Create a New Fill or Adjustment Layer > Black & White.
If we want to have only the image in black and white, we will need to create a Clipping Mask. While holding down the Option key, hover between the Black & White Adjustment Layer and the layer below, and click once you see the arrow pointing down. A Clipping Mask will apply the Adjustment Layer only to the layer underneath.
If the poster is looking somewhat dull, we can adjust the Brightness/Contrast. On the Layers panel, click on Create a New Fill or Adjustment Layer > Brightness/Contrast. On the Properties panel, we can adjust as much or as little as we want. There are advantages to tweaking Brightness/Contrast this way instead of Image > Adjustment. We can hide and show the layer and tweak the settings with the Properties panel.
5. How to Add Text and Use Stylistic Alternates
On the toolbar, select the Type Tool (B) and add SHADES OF ELECTRO FESTIVAL. Using the Type > Panel > Characters panel, set the font to BW Stretch Black, the Size to 140 pt, the Leading 130 pt, and the Tracking to 40.
Bw Stretch includes extended features on some letters that expand the width dramatically. In order to access these, you need to keep the Characters panel open. You can also access it by going to Type > Panel > Characters.
In this case, we will only use some of the alternates to fit the width of the poster. While on the text layer, select the letters H and A, head over to the Characters panel, and click the Stylistic Alternate button to use the alternate. Change the color of the text to white.
I changed the alternates of some of the other letters. Feel free to put your own spin on it!
Add a few more details such as stages, bands, dates, website, and address. I added the text below, but feel free to create your own version!
- Berkley Danceclub
- Funhouse — Disorder
- Nouveau — Ozid
- Thrill — DJ Kitoo
- 04/OCT - 03/OCT/2018
- 23 CARLETON ST. 40933
To rotate the text, create a text layer and use the Transform Tool by pressing Command-T. Hover over a corner of the text, hold down Shift, and drag to achieve an even rotation.
6. How to Save the File for Web
Head over to File > Save and save the file as you would normally.
To save a JPEG file for web, 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.
Congratulations! You’ve Finished This Tutorial!
You've created an awesome 90s rave flyer inspired by old rave posters. You've done great! In this tutorial, we've learned to:
- Create an abstract poster but still have compelling imagery and typography.
- Create a clipping mask with Adjustment Layers.
- Use different Filters such as Motion Blur, Wave, and Noise.
- Use Stylistic Alternates when a typeface has extended features.
5 Best Abstract 90s Poster Designs on Placeit
I hope you've enjoyed this tutorial on how to make a rave flyer in Photoshop. Next up, we'll explore Placeit, an awesome online tool where you can create and design all kinds of posters, mockups, logos, and more, all within your browser.
You don't need to install any software—just sign up for free and start designing! When you're finished, you can either purchase your design or choose a monthly subscription with unlimited access to mockups and unlimited downloads.
Now, let's check some of the best rave flyers and cool 90s rave flyers for sale in this poster maker.
Nothing screams cool 90s posters more than this one. This 90s rave poster features abstract lines and geometric figures, along with some cool fonts. Remember you can customize all the colors, images, and text in Placeit.
Old rave posters are known for their abstract lines and bold colors. Check out this cool 90s rave flyer that promotes a virtual music festival, and get inspired!
Continuing with the abstract 90s lines theme, this 90s rave flyer uses them as the focal point for a bold rave flyer design. Neon colors just give them the right touch to really pop!
Next up, we've got this colorful 90s rave poster featuring a DJ. You can modify the image and choose one of your own, as well and editing the colors and text.
To close the selection, we've got this abstract 90s design featuring lines and bold fonts. The use of one color against a black background creates a cool rave flyer design. Get inspired and customize it.
Discover More Amazing Poster Design Inspiration
Now you've learned how to make a rave flyer both using Photoshop and Placeit, the online poster maker. If you enjoyed the tutorial and the 90s rave flyers for sale, I think you'll like these resources about poster design:
- Exploring Poster Design: Analysis and InterviewsDaisy Ein28 Mar 2020
- 28 Best Poster Mockups (Using a Poster Mockup Generator)Nona Blackman19 Jan 2020
- How to Create a 90s Style Event Flyer in Adobe InDesignGrace Fussell26 Jan 2018
- 10 Top Tips for Designing Music Festival PostersGrace Fussell10 Jan 2018
- How to Use the Wind Blast Effect in Adobe PhotoshopLaura Keung18 Mar 2020
- How to Create a Music Poster Using Bitmap Mode in PhotoshopLaura Keung11 Aug 2021
- How to Make a Movie Poster Online With a Poster CreatorMonika Zagrobelna28 Nov 2018
- How to Create a Split Image Poster in Adobe PhotoshopLaura Keung25 Oct 2018
- 15 Photoshop Poster Mockup Templates: For Your Creative DesignsSean Hodge11 Oct 2018
- How to Create a Surreal Poster Design in Adobe PhotoshopLaura Keung24 Sep 2018
- 90s Graphic Design Trends: From Aesthetic Fonts to Grunge Patterns and Rave FlyersLaura Keung10 May 2022
- Retro Design Trend: Create the 80s Style With Fonts, Text Effects, and More!Laura Keung09 May 2022