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

Victorian Steampunk Text Effect in Photoshop with GIF Animation
Tutorials Text Effects 1655 Views September 4th, 2017

Learn how to create a steampunk text effect in Photoshop using textures and backgrounds. We are going to create a retro futuristic Victorian background with animation effect.

You can save the Photoshop result as animated GIF and display it online on your blog, social media post, etc.


How to Create a Steampunk Text Effect in Photoshop

Learn how to create an animated Photoshop GIF background in just a few simple steps from this quick tutorial for beginners. But before we go to the animation part we first have to create the background. I will use the Victorian Steampunk theme for this Photoshop tutorial.

So create a new layer and add this Steampunk texture as background for our animation.

Now we are going to prepare the layers that will be animated in the next steps. Use the Elliptical Marquee Tool and make a selection around the steampunk clock.

Rotating Objects in Photoshop Animation

Press Control-J to make a new layer from the selection. Copying a selection to a new layer in Photoshop can also be done by going to Layer > New > Layer via copy. Call this new layer Clock 1.

Keep the Control key pressed and click on the Clock 1 layer thumbnail to make the selection again. Go to the Steampunk Background layer and fill the selection with color #23181c ; press Control-D to deselect.

Make a copy of the Clock 1 layer by pressing Control-J. Call this new layer Clock 2. Press Control-T to transform and set the Rotate to 50.

Repeat the process by making a copy of the Clock 2 layer. Call this new layer Clock 3. Press Control-T to transform and set the Rotate to 50.

Repeat until you get to the Clock 7 layer. We are going to use these layers to create a rotating animation effect in Photoshop.

Create a new layer and call it Rectangles. Use the Rectangle Marquee Tool to make two selections like in the preview. Keep the Shift key pressed to make multiple selections.

Press Shift-F5 to fill the selections with color black. Press Control-D to deselect.

Add Lightning Effect In Photoshop

Create a new layer called Electricity Effect 1. Paste this Lightning texture in this layer and set the blend mode to Screen.

Add a Hue/Saturation and a Brightness/Contrast adjustment only for the Electricity Effect 1; right click and choose Create Clipping Mask.

Add a Layer Mask to the Electricity Effect 1 layer and press Control-I to invert the mask from white to black.

Use the Brush Tool and color white to paint inside the mask to reveal some lightnings like shown in the screenshot.

Part 1Part 2Part 3

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

No comment(s) for "Victorian Steampunk Text Effect in Photoshop with GIF Animation"

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
Over 30 free empty room backgrounds for Photoshop that you can download right now! This collection i...
Learn how to create a lace embroidery text effect in Photoshop using lace texture, sequins brushes a...
Learn how to create perler beads art in Photoshop from this quick tutorial. The perler beads are sma...
Learn how to create graffiti effect in Photoshop from these cool tutorials. To make a graffiti stree...

      Torn Photo Effect Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
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...
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...
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

      Metal Tag Photoshop Creator