Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Create Unique Floating Rock Typography in Photoshop
Text Effect

Create Unique Floating Rock Typography in Photoshop

By James QuSeptember 12, 20134 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the process of Creating this Unique Floating Rock Typography in Photoshop. You will learn a number of brush tricks, image adjustment tips and practice your selection techniques.

This is an intermediate level tutorial so some steps can be tricky, but why not have a try!

Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

Version 1

lava-text-flatten-2

Version 2

lava-text-flatten-2-v2

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Rock 1

Rock 2

Step 1

Create a new document sized 800px * 700px with black background. We will now prepare the ground area to support the typo, which we will add onto it later on.

Load the “Rock 1” stock image into Photoshop and select a portion of it, copy and paste the selection over to our document, and place it onto the canvas as shown below:

1 resize

Use a soft eraser, remove the following area of the rock texture:

1 erase

Add the following adjustment layers on top:

Levels

1 lvs

Curves

1 curves

and you will have the following effect so far:

1 effect

Optionally, you can render some subtle cloud to the following area over the ground for extra effect:

1 cloud

Step 2

Use the type tool, add a letter over the ground with any font you like – I chose the letter “A” and the “Impact” font, which should come with your Photoshop installation:

2 type

Select the type layer, and drag it over to the “Rock 1” texture:

2 move

Copy and paste the rock texture over to our text, then hide the original text layer:

2 paste

Use a soft eraser, remove the following parts of the rock texture as shown below:

2 erase

Add the following adjustment layers as clipping mask to this rock texture layer:

Black and White

2 bw

Levels

2 lvs

and you will have the following effect so far:

2 after lv

Step 3

We will add some floating rock around the above rock foundation. Load the “Rock 2” image into Photoshop and use the Quick Selection Tool to select the big rock as shown below:

3 sel

Copy and paste the selection over to our document and resize it to a small rock as shown below:

3 resize

Apply the following image adjustments to this rock:

Black and White

3 bw

Levels

3 lvs

We will then duplicate this rock a few times, rotate, resize each of the rock until they form into an abstract pattern as shown below:

3 attach

3 attach more

Use the blur tool to blur out some of the rock to add some dynamics and depths for the image:

3 blur

and here is the effect so far:

3 effect

Step 4

We will add some brush painting to connect the rocks. Grab the “Square Pastal” brush from the brush pane:

4 brush

Use the red colour and paint the pattern as shown below:

4 paint

You can add some yellowish coloured brush strokes onto the image, as shown below:

4 more lava

Then, duplicate this painting layer once and compress the duplicated layer down, place it above the ground as shown below:

4 compress

Make sure you set this duplicated brush painting layer’s blending mode to “overlay”:

4 overlay

And you will the following effect so far:

lava-text-flatten-2

I add some further colour balance adjustments to the image, and came up with this alternative version:

lava-text-flatten-2-v2

You can further add some filter effects such as liquify, distort and perhaps water colour, but that’s totally up to you!

That’s it for this tutorial! Hope you enjoy going through it and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!

abstract effect floating rock text typography
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience based in Australia. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

Create Fire Burning on Metal Text Effect in Photoshop

January 22, 2026

How to Create Realistic Frozen Text with Cracks in Photoshop

December 11, 2025

Create an Electrified Text Effect in Photoshop

November 19, 2025

2 Comments

  1. Photoshop Clipping Path on August 17, 2013 6:50 PM

    Plenty awesome typography designs collection looking so fabulous. Your all designs are eye caching and heart touching !! Please keep it up…..

  2. Jannatul Fardoush on August 20, 2013 8:45 PM

    Never I will say as usual this is nice tutorial, neither I will say it’s creative but I always want to say for you creativity never make you foolish nor it goes to you to the hell. It’s an plenty awesome and most inventive one shared by you, appreciated.

Don't Miss

Exploring Third-Party AI Models in Photoshop: Which One Suits Your Graphic Workflow?

January 26, 2026

Dodge & Burn Tool in Photoshop – The Beginner’s Guide

January 24, 2026

Create Fire Burning on Metal Text Effect in Photoshop

January 22, 2026

For Beginners

Basics

Dodge & Burn Tool in Photoshop – The Beginner’s Guide

By Maria SemelevichJanuary 24, 20268 Mins Read

How to Pixelate an Image in Photoshop

January 21, 2026

How to Resize Images Without Losing Quality in Photoshop

January 8, 2026

Photoshop Clipping Masks – Everything You Need to Know

January 7, 2026

You May Also Like

Text Effect

Create Fire Burning on Metal Text Effect in Photoshop

By James QuJanuary 22, 20263 Mins Read
Text Effect

How to Create Realistic Frozen Text with Cracks in Photoshop

By James QuDecember 11, 20254 Mins Read
Text Effect

Create an Electrified Text Effect in Photoshop

By James QuNovember 19, 20254 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2026 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
  • Manage options
  • Manage services
  • Manage {vendor_count} vendors
  • Read more about these purposes
View preferences
  • {title}
  • {title}
  • {title}