Reader Tutorial: Flaming Car in Photoshop by Lincoln Soares

Tags

• beginner
• fire
• photoshop
• reader tutorial
• tutorial

This week’s tutorial we will show you how to create a flaming car. We saw this effect before and it’s quite simple but it’s a good exercise and the result is quite good. You can also apply this effect on other images.

So let’s do that.

Step 1

Open Photoshop and create a new document. Make the background with a mix of black and red (#160000). Then with the image of a car with no background. For this first step the idea is get the outlines of the car for our image. To do that, it's pretty easy. Create a new layer by duplicating the car's layer. Rename it to "Base" and hide the original. Go to Image>Adjustments>Invert.
After that go to Filter>Stylize>Find Edges. Repeat the same thing again in order to have another layer but for the Blend Mode use Hard Light. After that you can merge those 2 layers into one.

Step 2

Your image will look like this:

Step 3

Now that we've gotten the cars outline we will have to apply the light effect on it so it will look like a flaming car.
In the same layer that we created in the step 1, let's apply a Gaussian Blur. Go to Filter>Blur>Gaussian Blur. The value will vary depending on the resolution you are working on. In my case I used 1.6 for the Radius. After that change the Blend Mode to Scree.
Duplicate the the layer keeping the same blend mode, however let's apply a Gaussian Blur again, go to Fitler>Blur>Gaussian Blur and use 3.6 pixels. Rename this layer to "Top". Duplicate the layer we created in the first step and merge it down with this one. Then duplicate the first layer again and rename it to Red and go to Image>Adjustments>Hue and Saturation. Select Colorize and change the Saturation to 100. The Blend Mode of this layer will be Overlay.
Let's repeat this again to create the yellow version. Go to Image>Adjustments>Hue and Saturation and use 40 for the Hue. Do the same again to create an orange version, then for the Hue and Saturation use -22.
After that change the Opacity of the yellow and orange layers to 50% and put them inside a folder. You can do that by selection both and going to Layer>Group Layers. Then with the group select go to Layer>Vector Mask and then delete the outlines on the rear part of the car.

Step 4

Our effect is pretty much done. Now let's duplicate the original layer that we hid on the step 1. Select it and go to Image>Adjustments>Hue an Saturation. Select colorize and change the Saturation to 100. Put this layer in a folder and rename it to Car.

Step 5

Add a new layer and name it "Superior Line" before starting adding flames and other light rays. With the Brush Tool (B) with Hardness 0 add a line following the tires skid marks and go to Filter>Blur>Gaussian Blur. I used 4.5 pixels for the radius. After that go again to Image>Adjustments>Hue and Saturation. Use +76 for the Hue. Tip: You will have to do that for the right side tires and the left ones as well.

Step 6

Now let's start mixing some images in our composition. Get some flame images ad start adding them in your image. Notice that the flame images I have they are all in black background, that way you can use Screen for the Blend Mode and the black will be transparent.

Step 7

Keep adding more flames.

Step 8

Here I added another flame image. You can change the perspective of the image by going to Edit>Transform>Perspective. Once again use Screen for the Blend Mode, and if you wan the effect to be stronger, just duplicate the layer.
Img8

Step 9

Select one of the flames that you used for the skid mark and move it so it is underneath the car. Do that for the front and rear part of the car.

Step 10

Almost done. Let's add a few more details. Add a new layer and then with the Brush Tool (B), use a rounded brush with 0% Hardness to create some little spots of fire following the skid marks. Make sure you use different sizes for the spots like the image below.

Step 11

Duplicate the layer and go to Image>Adjustment>Hue and Saturation. Select Colorize and change the Saturation to 100 and the Lightness to -50. After that change the Blend Mode to Overlay. Duplicate that layer again and go to Image>Adjustments>Hue and Saturation. Change the Hue to 76.
The next thing here is add an image of smoke like the image below.

Conclusion

That's it, our image is done. It takes a little time and work but the technique is quite simple. The end result is quite nice as well. I also hope you liked my first tutorial here at Abduzeedo. If you have any questions or want any asset I use here you can reach me at mr.jons60@yahoo.com
I am very happy to contribute with Abduzeedo, a blog that has helped me quite a lot.

Download Photoshop File

Click here to download the Photoshop file used for this tutorial

Beberapa jenis "Text Effects" yang menarik - Tutorial Photoshop

Ada beragam tutorial photoshop yang menarik untuk memberikan sentuhan efek pada text "Text Effects", baik itu sentuhan 3D, cahaya dan lain sebagainya.

Tutorial Photoshop "Text Effects" tersebut:

1. Web Design Trend Showcase: Letterpress Text Effect



2. How to Create a Realistic “Neon” Sign Text Effect



3. Great Gooey Photoshop Text Tutorial



4. Meat Text Effect in Photoshop



5. How to Create High Quality Metal 3D Text in Photoshop



6. How to Create a Copper Photoshop Text Effect



7. 6 Quick’n'Dirty Photoshop Text Effects From Scratch



8. Create a Spectacular Grass Text Effect in Photoshop



9. How To Create A Gold Text Effect In Photoshop



10. Shining Neon Text Effect in Photoshop



11. Text Effect Quickies: Bubble Text



12. Text Effect Quickie: Delicious Chocolate Text



13. Colorful Glowing Text Effect in Photoshop



14. Papercraft Text Effect

Great Gooey Photoshop Text Tutorial

Create great looking, 3-Dimensional, gooey looking text . This technique does require minimal drawing skills but is definitely suitable for beginners. Enjoy and stay tuned for more tutorials!

Gooey Photoshop Text Tutorial

Step 1 – Canvas
It’s important for this tutorial that you set up the same size canvas as the effects we’ll apply will vary depending on how many pixels it’s across. To use in smaller or bigger projects you will need to tweak the settings applied throughout this tutorial. Set up a 2500 X 1500 pixel, RGB document at 300dpi.

Step 2 – Texting
Select the Horizontal Type Tool, set the colour to a lightish grey and write your word. It’s best to use a fairly uncomplicated and bold font, I’ve gone for Avant Garde in Bold. Adjust the tracking to 50 as we’ll need space in between letters to allow for gooey growth. Press CTRL+T or go to Edit > Free Transform and resize your text by holding the SHIFT key (to maintain aspect ratio) and pulling one of the corner points with the mouse.

Step 3 – Ready the Tools
Select the Pen Tool and set it Shape Layers. Set the foreground colour to 40C, 10M, 100Y, 0K. Zoom into 100% and you are now ready to draw.

Step 4 – Drawing
Draw your first point at the start of the first letter. The best way to draw a curve is to position one anchor point at the origin of the curve and one at the end point or point at which the curve changes. To split an anchor point you hold the ALT key and click on the last drawn anchor point. This will delete the outward part of the handle and allow you to draw another one in (on the same anchor point) at any angle without altering the direction of the inward handle. This splitting technique allows for sharp angles following a curve.

Step 5 – Editing your points
Continue drawing loosely around the shape, adding some drips at the bottom to mimic gravity. Use the Direct Selection Tool (Behind the Path Selection Tool if you hold the mouse button) to manipulate the anchor points and the curve handles. In order to create an elongated bulbous end at the bottom of a drip you’ll need to pull the bottom facing handles out further. At any point if you’re not happy with the position or angle of your point, you can manipulate it with the Direct Selection Tool.

Step 6 – Best foot forward
I find it’s easier to draw the drips from top to bottom (following the gravitational pull) so once you hit the bottom of the letter, use the Direct Selection Tool to click anywhere on the canvas. Then select the first point (at the top of the letter) with the Pen Tool and draw in the rest. Something I forgot to mention earlier is to set the fill at 80% so you can see the letter underneath.

Step 7 – Subtracting
To get the hole in letters such as ‘O’ or ‘A’ you’ll need to set the Pen Tool to Subtract from shape area. Draw the outer shape of the ‘O’ and close off the path. Select the path thumbnail so that it highlights the path, set the Pen Tool to Subtract from shape area and draw in where the hole should be.

Step 8 – Finishing off
Complete the rest of the letters and set the Fill for each layer at 100%.

Step 9 – Inner Shadow
Select the ‘G’ layer and go to Layer > Layer Style > Inner shadow and setup as in the screen grab.

Step 10 – Inner Glow
Working on the same layer, select the Inner Glow setting and setup as in the screen grab.

Step 11 – Bevel and Emboss
Do the same with the Bevel and Emboss…

Step 12 – Satin
…And finally Satin.

Step 13 – Copy and paste
Select the ‘G’ layer and go to Layer > Layer Style > Copy Layer Style. Select the remaining letter layers and go to Layer > Layer Style > Paste Layer Style.

Step 14 – Ol’ Drippy
Draw in more drips on top of the letters. Copy and paste the Layer Style as before and go to Layer > Layer Style > Scale Effects… scale them back to fit the size of the drip, in this case it’s 40%. Then go to Layer > Layer Style > Inner Glow and scale the opacity back to 60%.

Step 15 – Rasterize and Mask
Create a new layer directly below the new drip you just drew. Select the drip and the blank layer and merge them (Layer > Merge Layers). Add a Layer Mask (Layer > Add Layer Mask > Reveal All) and use a soft-edged paintbrush loaded with black to mask off the top of the drip. Repeat this process until you’ve covered the word.

Step 16 – Depth
To add depth, draw some more drips beneath the letter layers. Copy, paste and scale the layer effects to save time.

Step 17 – Texture
It’s a good idea to add texture to the final text to make it feel more ‘real world’. You can either overlay an easily downloadable grunge texture or try the following method: Go to Filter > Noise and add a 2 pixel noise filter. Then go to Filter > Blur Gaussian Blur and apply a 0.6 pixel blur.

How to Create a Realistic “Neon” Sign Text Effect

In this tutorial I will be teaching you how to create a realistic “Neon” sign text effect in Photoshop. In just a few steps we’ll be learning lots of tricks how to make this Neon sign look not only realistic but visibly stunning as well. The skills for being able to finish up this tutorial is just the knowledge of how to use the most basic tools in Photoshop. Everything else will be explained in detail so even if you are a beginner you are more then likely to be able to follow this tutorial through and accomplish the very same result as we have at the end of this tutorial.
It’s somewhat easy to use textures and other Masking techniques to create a truly realistic result. This time I want to take you through the process without any of those trick and really show you the true power of Photoshop. The tools and features that Photoshop packs is more then powerful so why not use them to it’s full extent.

Step 1

We will start by creating a work area that measures: Width: 500 and Height: 350. make the background Black (#000000). Create a new layer above the “Background” layer and name it “Panel“. In this layer we will create a panel for our neon sign to be attached to.
Now, create a rectangle using the “Rectangular Marquee Tool” with the measures Width: 400 and Height: 150. Fill the rectangle using the “Paint Bucket Tool” and use the color Dark Gray/Blue (#17181c).
Center the whole thing vertically and horizontally using the “Layer” -> “Align Layers To Selection” – “Vertical Centers” & “Horizontal Centers“. Later we will be adding some reflection to the surface of this panel but for now we are only going to add a little bit more detail to it.
Right click the “Panel” layer and select “Blending Options…” In the menu to your left choose “Bevel and Emboss” and insert the following settings:

Our panel is done for now. As said we are going to add a little more details to it later in the process. You should now have something looking like this:

Step 2

Alright, let’s add the text. Pick the “Type Tool” and select “Harlow Solid Italic” font and type whatever you like. Use the font size 100px. Also use the color Neon Blue (#00b4ff). Just make sure you are staying at least 20 pixel inside the panel on each side.
Position your text in the dead center of the Panel. Now, select your newly created “Text” layer and right click it. In the list select “Blending Options…” In the menu to your left again select “Bevel and Emboss” and insert the following settings:

We also need to add some other effects so go ahead and select “Drop Shadow” in the left menu and add the following settings:

We also need to add some inner shadowing to the whole thing. Pick “Inner Shadow” in the left menu and insert the following settings:

Now let’s create the little glow around the text before we continue. In the list to your left select “Outer Glow” and insert the following settings:

Ok, so our text is now complete and we can concentrate on making up the details to make it look more realistic. If all your settings are correctly setup you should now have something looking like this:

Step 3

Let’s create the attachment points for the Neon tube now. Create a new layer underneath the “Text” layer and name it “Attachments“. With the “Elliptical Marquee Tool” create circles measuring Width: 13 and Height: 13. Fill the circle using the “Paint Bucket Tool” and use the color Black (#000000).
Put the attachments where you would feel the Neon Tube would need to be attached to the “Panel“. This will require you to repeat the step several times.
When you are done positioning your attachment points select all of them and right click the “Attachments” layer at the bottom and select “Merge Visible“. All your attachment points should now reside in one single layer.
Time to add some effects to the “Attachments” layer. Right click the layer and select “Blending Options…” In the list to your left select “Bevel and Emboss” and add the following settings:

We also need to add some shadowing to these attachments. In the menu to your left go ahead and click “Drop Shadow” and insert the following settings:

Now, with all your settings in place you should now have something looking like this:

There, we are now done with the mounting of the Neon text. Time to move on to the detailing of the panel behind it.

Step 4

First thing we are going to do is to add some reflections to our panel. For this we need to go through a rather complex process. Not so much technically, just for the beginners to understand. I’ll walk you through it.
Ok, create a layer underneath the “Text” layer. No need to name it for now. Select the “Text” layer above it and choose “Layer” -> “Merge Down“. With all our effects now fixated in one layer (our new layer) select the whole work area and copy the contents of the new layer by pressing “CTRL” and “c“.
Now, we have our fixated layer all in our clipboard so we can go ahead and undo our layer merge by pressing “CTRL“, “ALT” and “z” twice. There, our “Text” layer is now back with all it’s effects intact and editable.
Now, select our newly created (now again empty) layer and press “CTRL” and “v“. Kaching! Our copied merged layer is now present in our new layer underneath the text layer. name the layer “Reflection“.
We now need to position the “Reflection” a bit underneath the real Neon text. First, move the “Reflection” layer underneath the “Attachments” layer. When you have done that choose the “Move Tool” and by using the arrow keys move the “Reflection” 6 pixels vertically underneath the real neon text.
After moving it you should have something looking like this:

We need to work a little with the “Opacity” of our “Reflection” layer so go ahead and change it to “16%“.
We also need to fix some outer glow on the reflection to simulate a nice light effect on the panel. Right click the “Reflection” layer and select “Blending Options…” In the menu to your left select “Outer Glow” and insert the following settings:

With that done we also need to make sure that the glow doesn’t exceed the outer rim of the “Panel“. So, go ahead and right click the “Reflection” layer and select “Create Clipping Mask“. This makes our reflection layer only show its content where the panel is. With all of these settings inserted and the Clipping Mask in place you should now have something looking like this:

Alright, all done with the reflection. However we also need some reflection on the actual panel and that is what we will be doing next.

Step 5

We need to fixate the “Panel” layer to be able to add a little bit more detailing to it. Create a new layer underneath the “Panel” layer. Right click the “Reflection” layer and select “Release Clipping Mask” for now (If we don’t the “Reflection” layer will be merged with the “Panel” layer). With the “Panel” layer selected choose “Layer” -> “Merge Down“. Our “Panel” layer is fixated. Go ahead and name the new layer “Panel” once again.
Now, go ahead and right click the “Reflection” layer once again and choose “Create Clipping Mask“. All back to normal again.
Select the “Panel” layer and right click it. Choose “Blending Option…” and then click “Bevel and Emboss” in the menu to your left and insert the following settings:

We also need to add some shine to the sides and bottom edges of the panel so go ahead and click the “Stroke” option in the left menu and insert the following settings:

With all the settings in place you should now have something that looks like this:

Round Up

OK, so we are done with our “Neon” sign text effect and it only took as some easy 5 steps to get it done. There is a myriad of different ways to create a believable “Neon” text and this is just one of them. However, without believable details not many of them will come through as realistic and eye catching.
Some creativity from yourself and I am sure you can come up with some clever and really interesting designs for this tutorial. Color and design is quite important in this tutorial. You don’t necessarily have to use a font to utilize this tutorial. Create a symbol or a logo with it and there you go. Something unique and interesting.
I hope you have enjoyed this tutorial as much as I did creating it. I am off to write a new one and I am hoping to see you around here often. If you have any requests for a tutorial please feel free to send them to my using the contact form here in Minervity.com
Thanks!