fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Write in Sand Summer Beach Photoshop Tutorial

www.psd-dude.com
Tutorials Text Effects 32389 Views August 3rd, 2015

From this tutorial you will learn how to create a write in sand text style using just some basic layer styles. The result is fully editable so it is really easy to change the design adding another text message, other shapes, etc. For more interesting effects on this subject you can check out our summer beach Photoshop tutorials and resources collection.

Advertisment

Learn how to create a realistic write in sand effect in Photoshop from this easy lesson. For this tutorial I will use non-destructive smart objects so you will be able to edit the text at any time.

Let's start our Photoshop tutorial with this summer beach background that will be the sandy texture for the text effect. You can of course create your own sandy background or you can choose one of these free sand textures it's up to you. Just remember that a simple texture is better so no sand dunes.

Content-Aware Fill

To clean the background and keep only the bikini top, I will use the Content-Aware Fill, that is a relatively new Photoshop feature (the feature was added on Photoshop CS5 version). So make a selection of the area that you want to hide. Go to Edit>Fill and choose Content-Aware from the drop-down list. The smart content-aware fill is an easy way to fill gaps.

Repeat the process again, with making a selection and using the Content Aware Fill to hide the bikini and the seashell.

If you don't have a new Photoshop version that has the Content Aware feature, you can use the Clone Stamp Tool to hide the unwanted areas.

In this step I will change the color of the sand, the saturation, the brightness and contrast. For that I will use non-destructive adjustment layers with the following settings:

Use the Brush Tool and color white to paint inside the layer mask of the Hue/Saturation and Color Balance adjustments. I do that because we only want to change the color and the saturation of the sand.

Sand Writing Photoshop Style

Now comes the part in which we create the sand writing text using layer styles and smart filters. So let's add a text layer. I will use the Biffe's Calligraphy which is a free font that you can download and install in Photoshop. Learn how to install new font in Photoshop from this tutorial for beginners.

Right click on the text layer and choose Convert to Smart Object to keep the text editable after adding layer styles and filters. Name this layer "sand text 1"; duplicate the layer and call it "sand text 2".

Hide the "sand text 2" layer and add the following layer styles to the "sand text 1" layer: Drop Shadow(#939090), Inner Shadow(#4f471b), Outer Glow(#fff0d8), Inner Glow(dccfad) and Bevel and Emboss.

For the Bevel and Emboss(#dccfad and dccfad) I used a sand pattern. You have to download the pattern and load it in Photoshop - download here

Unhide the "sand text 2" layer and add these layer styles to create the write in sand effect: set the Fill to 0% , add Outer Glow(#a89f86), add Bevel and Emboss(#ffe8c3 and #3a2e0d).

Our Photoshop sand writing style should now look like this, or similar depending on the font type you choose and of course the size of the font.

Now you have a fully editable write in sand text style that you can modify with 1-click. You can change the text, you can add other elements like shapes or even cutout images. For example I will add a seastar inside the smart object. Double click on the "sand text 2" thumbnail to open the smart object. Inside simply paste the seastar image. Cut only the seastar and remove the background. Reduce the Fill of the Starsea layer to 0% and add a Stroke of 3px. To see the result you have to save the smart object and close it. You can also use this seastar 1 or this seastar 2 or yo can use any other image shape that you like.

To make the picture more interesting you can add the seastar image over the sand outline like shown in the preview. Add a Drop Shadow(#2c1709) and Bevel and Emboss(#ffffff and #1e1806 effect to make the star more realistic.

The sandy beach photo manipulation should now look something like this:

For the final touches let's add some sea foam on the beach sand. First you have to cutout the foam and remove the background. Second you have to adjust the color and brightness to match with our sandy texture. For that you have to add a Hue/Saturation and Brightness/Contrast adjustments only for the Sea Foam Layer. For that you have to right click on the layers and choose Create Clipping Mask or to press the Clip to Layer button.

For the final touches add these layer styles to the Sea Foam Layer: Drop Shadow(#0e0e0e) and Bevel and Emboss(#ffffff and #121212).

Here is the final result for the write in sand Photoshop tutorial. You can use this effect to create summer beach party flyers or greeting cards for example.

Write in Sand Photoshop Action

For more sand text realistic results you can try our premium Photoshop action. With just one click you can create great looking effects. It woorks for any type of layer: text, vector shape, raster, smart objects.

Draw in Sand Photoshop Action

Draw in Sand Photoshop Action turns your images into sand drawing in just a few seconds. Fully customizable draw in sand effect with layer styles intact. It woorks for any type of image.

Underwater Photoshop Action

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

8 comment(s) for "Write in Sand Summer Beach Photoshop Tutorial"

Tina
Tina
4:02 AM Tuesday, August 04, 2015
Thank you for this great Photoshop tutorial. I did not know that sand text can be so easy to create.
I made some small adjustments to the layer styles to match with the sand texture. I also used the Perspective Tool and here is my result for write in sand. Hope you like it :) reply
Amalia
Amalia
4:07 AM Wednesday, August 05, 2015
Cool tutorial ... here is my sand writing in Photoshop :) pretty pleased with the result! reply
Sonny
Sonny
8:33 AM Thursday, August 06, 2015
The most realistic sand effect made in Photoshop is this one from textuts:
http://design.tutsplus.com/tutorials/how-to-write-in-the-sand-in-adobe-photoshop--cms-21550

Nevertheless, your tutorial is useful and the sand text effect is quite ok. reply
PSDDude
8:37 AM Thursday, August 06, 2015
It's true that this is a more realistic sand text effect. It is a more complicated tutorial. You have to use brushes, stroke paths, etc.

My sand text is made out of non-destructive smart objects with layer styles so you can replace the text really easy :) reply
Theo
Theo
3:50 AM Sunday, December 20, 2015
great stuff- any suggestions on parameters to change for writing in black sand? reply
PSDDude
3:52 AM Sunday, December 20, 2015
Simply you have to modify all the parameters, reducing the color/opacity to obtain a good result. I did not try it so I can not give you the exact parameters for the layer style. reply
PSDDude
2:15 AM Saturday, January 23, 2016
Sand Text on the Beach created in Photoshop - fan art made by Halet_NS reply
PSDDude
3:28 AM Saturday, March 19, 2016
You can also try this 1-click sand writing generator. The sandy beach scene is included.

Download Link:
https://creativemarket.com/kimmo242/390953-Sand-Photoshop-Action?u=psddude reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      Painted Wood Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top