SPOTIFY WRAPPED 2023 TEMPLATE IS HERE

Tag - photoshop text tutorial
20Jul

Cool Grungy Mask Effect for Your Photos in Photoshop

Share on pinterest Pinterest Share on facebook Facebook Share on twitter Twitter Share on linkedin LinkedIn

Create a Cool Grungy Dispersion Effect for your Photos in Photoshop

 

Grungy Dispersion Photo Effect

In this tutorial I will show you how to create this cool Grungy Dispersion effect in Photoshop using Photoshop CC 2019 & above. This tutorial was created in CC2020, however, this effect can be achieved in any version of photoshop using the techniques outlined in this tutorial. Download the PSD   Let's break this tutorial down:  1. Getting Your Photo 2. Setting Up Your Photo 3. Getting a Brush 4. Experiment   Step 1. Getting Your Photo You can download the photo here Feel free to use your own photo as well. Once you've got your photo, you need to open the photo in photoshop. Add a Solid Color adjustment layer and choose white as the color.

Step 2. Setting Up Your Photo

With your photo selected, click on the mask icon at the bottom of the layers panel (3rd from the left)

 Your mask would appear white.  

 With the mask selected, press CTRL or CMD + I on the keyboard to invert the mask and make it BLACK. Doing so your PHOTO SHOULD DISAPPEAR

 

Step 3. Getting a Brush This effect will work with any brush, but, because I wanted a "Grungy" look, I've selected the default Special Effects Brush - Kyle's Spatter Brushes - Supreme Spatter This set comes default with Photoshop CC 2019 and above. However, lower versions of photoshop also have plenty of spatter brushes and special effects brushes too.  Set the Opacity of the Brush to 100% Now that we have our brush selected, make sure the foreground color is set to WHITE. Press D on the KEYBOARD to set the foreground color to WHITE. Make sure the MASK is selected for your photo layer Paint with your Brush over the photo and you should see parts of your photo being brought back into the canvas. Pretty Cool, huh?  Continue the painting process till you reach a result you are happy with. If you feel you've done too much and would like to erase certain parts of the photo then you need to start painting with BLACK instead of WHITE.  This is exactly how masks work.

Step 4. Experiment   Use different brushes to achieve different mask effects. Here are some examples using the same image. The options and choices are endless.  Download the PSD   Have fun and Play around! Share on pinterest Pinterest Share on facebook Facebook Share on twitter Twitter Share on linkedin LinkedIn

Want more like this?

Receive more great content like this straight in your inbox. Signup now!
By Graphic Design Blogs, , , , 0 CommentsRead more...
Grungy Text Tutorial
18Jul

Create Distressed & Grungy Text in Photoshop (Non-Destructive)

Share on pinterest Pinterest Share on facebook Facebook Share on twitter Twitter Share on linkedin LinkedIn https://youtu.be/Tsl53sBr_xA

Create Distressed & Grungy Text in Photoshop Tutorial

   

Create Distressed & Grungy Text in Photoshop

 

Nope that isn't a cool looking font. In this tutorial I'll show you a cool little trick to get an amazing NON DESTRUCTIVE GRUNGY TEXT EFFECT to ANY FONT including Hand Written fonts.

Let's break this tutorial down: 

1. Setting Up the Document

2. Write Some Headline & Convert to Smart Object

3. Download a Grungy Textured Image

4. Saving Image as Displacement Map

5. Applying Displacement Map to Text

Let'sdo this!

Step 1. Setting Up the Document

It really doesn't matter what document size you choose, the effect will work no matter what size. But, I'm going to use a document size of 900 px x 400 px at 300 dpi with a background color of #ffe615

 Step 2. Write a Headline and Convert to Smart Object

I've used the font Helvetica Compressed as the font of choice. You could use ANY FONT.
I then wrote the word GRUNGY. You could write any word you wish.

To make the effect editable I turned the text into a smart object. (Right Click on the text layer and select Convert to Smart Object.)

Step 3. Download a Grungy Textured Image

To get a grungy text effect we need a grungy image. The image I've used to get this effect can be found here. 

Click Image to Download

Rotate the image to make it landscape and then go to IMAGE - ADJUSTMENTS - DESATURATE or press CTRL (CMD) + SHIFT + U
(desaturating the image is important)

    Step 4. Creating the Displacement Map   Save the Grungy Image you downloaded and save it as a PSD file.
Go to FILE - SAVE AS - FORMAT (Photoshop) or CTRL (CMD) + SHIFT + S to open us the SAVE as dialog box.   We saved it as a PSD because THE DISPLACE FILTER we are about to apply only works with PSD FILES.     Step 5. Applying the Displacement Map to the Text   Here's where the GRUNGY EFFECT COMES TO LIFE   Select your Text Layer, now GO TO FILTER - DISTORT - DISPLACE    

 

You can play around with the values on the Horizontal Scale or Vertical Scale but I'm sticking with 10 and 10 on the Horizontal and Vertical Scale. You can copy these settings but feel free to experiment.

CLICK OK.

A new dialog will open asking you to select your PSD file. It's the file you created in STEP 4.

Select that PSD file and Click on OPEN

You should now see your text appear GRUNGY and DISTRESSED.

Create Distressed & Grungy Text in Photoshop

That's all there is to it. Remember to play with the settings in the DISPLACE FILTER, different settings will produce different results. Give it a Try!  

Share on pinterest Pinterest Share on facebook Facebook Share on twitter Twitter Share on linkedin LinkedIn

Want more like this?

Receive more great content like this straight in your inbox. Signup now!

By Graphic Design Blogs, , , , 0 CommentsRead more...