articles on

Reader Tutorial: Flaming Car in Photoshop by Lincoln Soares

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 designsoares@hotmail.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 This tutorial was written by Lincoln Soares, an art director from São Paulo, Brazil. Lincoln has been working for over 5 years and you can check out more of his works at http://behance.com/lincolnsoares. You can also follow him on Twitter at http://twitter.com/lincolnsoares.

Fantastic Bergen Fire station

Special-purpose buildings require special attention when being planned, as is the case with this fire station in Norway. In addition to an architecture with great aesthetic appeal, the building was designed to meet all needs of the daily life in the firehouse. The project considered three important factors for building this station: Site qualities - shoreline and magnificent views of the city’s mountains; Dominant and negative appearance of the traffic; The building as a part of a future settlement and urban development in the area. With these guidelines, the building started to create one concept. Designed by architects STEIN HALVORSEN AS sivilarkitekt MNAL shaped curve in order to seize the largest possible space of land, the station is a 4-storey building, each one with a particular function, they are called: the base, the screen, the tower and the bridge. In each area, specific forms, structures and materials are reflected in the architecture, from the use of concrete in the base to the copper cladding of the tower. © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller © Kim Müller

Logo Design: Fire

The Logo Design series is up and running! We're thinking ahead and we want to find new ways to sort these listings. Last week we had a great post on religious logos... today it's all about logos with fire! As usual, we'll search for logos in these galleries: Logopond, Logo Faves, Logo Moose, Logo from Dreams, Logo Gala, WS Logos, The Logo Mix and Wolda. We hope you all enjoy our selection! Cheers. ;) PS.: Got cool ideas for sorting? Tell us! ;)

Hell of a Tutorial in Pixelmator

In this tutorial I will show you how to create a really cool effect. First, we will use basic filters to create a 3D text effect; then, we will blend some stock photos and textures to produce one hell of a wallpaper. Step 1 Open Pixelmator and create a new document. I’m using, as usual, 1440×900 pixels. Then with the Gradient Tool (G), fill the background layer with a radial gradient. To create the radial gradient, go to View>Show Gradient. Add a new gradient and use black and brown (#3b251c) for the colors. ? Step 2 Using the Type Tool (T), add some text to the document. I typed “ HELL.” The font I used is MOD, and you can download it for free at this Website: http://abduzeedo.com/friday-fresh-free-fonts-1. Step 3 Change the font color to a dark grey, and then go to Layer>Rasterize Type Layer. After that, go to Edit>Transform>Distort. Then move the points to apply a perspective to the text. The idea is that the text will then appear to be holes on the floor either going to or coming straight from hell.? Step 4 It is quite simple to create this perspective. Select the Lasso Tool (L) and start creating selections in the portions of the text that will be the walls. First, let’s select the ones that are facing the same direction. Step 5 Add a new layer on top of the HELL layer and go to Layer>Create Clipping Mask. This step will restrict the render area to the area within the HELL text. Fill the selection with a very dark grey. Step 6 Then repeat the same process for the other parts of the text that have these kind of walls. Use different shades of grey to create the 3D effect. Step 7 Holding Command, click on the thumb of the HELL layer, which will create a marquee selection in the area of that layer. Add a new layer on top of the other layers used to create the 3D effect; then go back to Layer>Create Clipping Mask. Fill the selection with orange and, with the marquee selection still active, go to Filter>Blur>Gaussian Blur. Use 30 pixels for the radius. After that, change the opacity to 60 percent. Step 8 Add a new layer on top of the previous one (the orange one); then go again to Layer>Create Clipping Mask. After that, go to Filter>Generate>Clouds. Use black and white for the colors. Then just change the b lending to Color Dodge and the opacity to 40 percent. Step 9 Once again, add another layer and transform it to Clipping Mask. Then fill the layer with black, using the Paint Bucket Tool (N). Because it’s a clipping mask, you will only see the area within HELL. Select the Brush Tool (B) and use white for the color. Then paint some areas in white as shown in the image below. After that, just change the blending to Color Dodge.? Step 10 At this stage, we will add some realism to the scene. To do that, let’s use some stock images of fire. The one I used was courtesy of Shutterstock images, and you can download it from this Website: (http://www.shutterstock.com/pic-2933444/stock-photo-fire.html). Copy a part of the flame and paste it into the document. Use the image below for reference. Step 11 Now add more flames. You can use different stock photos, but just try to get a fire image with a black background, because it’s easier to hide the blacks using Screen for the blending. Also use the Transform tools to create variations of the same flame. You will have to use the Lasso Tool (L) to delete parts of the flames to make it look like they are coming from the hole. Step 12 Add another layer on top of the other layers and go to Filter>Generate>Clouds. Use black and white for the colors. Then using the Eraser Tool (E), delete most parts of the layer, leaving just the area over the effect. Also you can go to Image>Levels and increase the black inputs. Use the image below for reference. Step 13 Change the blending of the clouds to Color Dodge. Step 14 Import a concrete texture and put it behind the other layers. I obtained the one below from Shutterstock images, and it can be found at this Website: (http://www.shutterstock.com/pic-16751947/stock-photo-large-concrete-wall-texture-background.html). To apply the perspective, go to Edit>Transform>Distort. Step 15 Change the blending to Multiply and the opacity to 40 percent. Step 16 Now let’s add some cracks to the floor. To do that, we will simply repeat the same thing we did in the previous step. Select a stock photo to illustrate your purpose. The image I used is from Shutterstock images and can be located at this Website: http://www.shutterstock.com/pic-44864269/stock-photo-cracked-ground.html. Apply the perspective through Edit>Transform>Distort. Then desaturate the image by going to (Image>Desaturate). After that, change the blending to Multiply. Then use the Eraser Tool (E) to delete the areas that are far from the center. Step 17 Duplicate the layer with the cracks from the previous step; then go to Image>Invert. After that, change the blending to Color Dodge and move the layer 1 pixel down. This will create a really nice effect, making it look as if lava were flowing from the cracks. Step 18 Select the layers you used to create the fire effect and duplicate them. After that, merge all the copied layers and go to Filter>Blur>Gaussian Blur. Use 20 pixels for the radius. Finally, change the blending setting to Screen. This step is optional, but it adds a nice glow to the effect. Conclusion Select all layers and duplicate them. After that, merge all the copies once more so that you will have the image in one layer only. You can then go to Image>Brightness and Contrast and just slightly increase the contrast, raising it to +3. That should be sufficient to add that dramatic dimension to the image. As you can see, the creation of the fire part is quite simple–pretty much just using blending and some blurs. But the most important part of this tutorial, in my opinion, is the beginning, where the Lasso Tool and Clipping Mask Layers were used to create a nice 3D effect. ? Download the Pixelmator File Click here to download the Pixelmator file used for this tutorial.

Fiery Fireballs in Pixelmator 1.4

Last year I created some images using fireballs, explosion, fire and smoke. Basically I only used brushes to create that in Photoshop. Now with the release of the new Pixelmator 1.4 and its brand new Brush Engine I decided to try it and create the same image in Pixelmator. So, in this tutorial I will show you how to create fire and smoke using Pixelmator. We will play with the Brush Engine, colors and Blendings. Also visit the Pixelmator site for more information at http://pixelmator.com Step 1 Open the new Pixelmator 1.4 and place import an image to your document. I used an old image I had and I really don't know where I found it. If you know please let me know and I will credit the author. Step 2 Duplicate the image layer and change the Blending to Overlay. Step 3 Now it's the coolest feature in this new version of Pixelmator, the Brush Engine. Go to View>Show Brushes. Then select the brush I selected in the image below. Just double click to edit it. You will have pretty much the same settings as in Photoshop. Change the Spacing to 40%, Scatter to 0%, Flow to 100%, Angle to 100% and Opacity to 50%. Use the image below for reference. With this brush we will create all the smoke and fire effects. Step 4 Create a new layer, select black for the color and pick the Brush Tool (b). Start painting the first fireball, to do that go pressing the button and not holding the button, that way you can change a bit the direction and it will produce a less uniform effect. Also use the "[" and "]" to resize the brush. So you can make it bigger and smaller just to create a more realistic effect. Step 5 Add another layer on top of the fireball layer and select grey for the color. Paint a smoke over the end of the fireball, exactly like the image below. Step 6 Now create another layer and select orange for the color. Change the Blending of this layer to Multiply and paint over the fireball and grey smoke. Step 7 Let's add another layer, keep the orange for the color and paint over the other smokes again. This time however, change the Blending of the layer to Color Dodge. Step 8 Let's add another layer and, now, select white for the color. We'll create the highlights of the fire. Still using the same brush, reduce its size a bit and paint over. The Blending of this layer will be Color Dodge too. Step 9 Add another layer, now let's create the shadows. Select black for the color and paint another smoke cloud, this time use Overlay for the Blending. Step 10 Select the Lasso Tool (L) and create a marquee selection on the areas of the photo that are in front of the effects. After that select the fireball layer and go to Layer>Add Layer Mask. Step 11 Select the all the layers used to create the fireball and fires and duplicate them. Then go to Layer>Merge Layer. Reduce its size going to Edit>Transform>Scale. Then change the Blending to 86%. Also use the mask feature to hide the areas that are supposed to be behind the plane. Step 12 Using black and a new layer create more smoke. Change the size of the brush to make the smoke more realist so close to the ground make it much smaller. After that duplicate the layer and change the Blending to Multiply, that way the smoke will be much stronger. Remember, always use Mask to hide the areas behind the aircraft and the dude. Step 13 Duplicate the big smoke layer you have just created and use the Perspective tool to create the shadow. Just go to Edit>Transform>Perspective and start distorting the new layer. Use the soldier's shadows for reference. Step 14 Also create another smoke column using the brush tool. Step 15 Here I used an image I created for the Flying Girl, it's an explosion I did using Cinema 4d. So basically I just imported the image and selected a part of it. Then I changed the size and used the Zoom Blur to create a nice explosion effect. After that just change the Blending to Multiply. Step 16 Let's add another smoke column. Again with the brush tool create the smoke but make it a little curved to the right. Use Hard Light for the Blending. Step 17 Add another layer and create smaller smokes close to the ground using black for the color. Step 18 Now create another layer and paint some orange smokes. Use Color Dodge for the Blending. Step 19 Finally, add another layer and paint more smoke this time use Multiply for the Blending. Step 20 Create a new layer, behind all the smokes, just on over the Image layer and fill it with black. Select the Elliptical Marquee Tool (Y) and create an ellipse. Fill the ellipse with white and go to Filter>Blur>Gaussian Blur. Change the Blending to Color Dodge and you will have a sort of blast effect. Step 21 Add another layer, this time in front of all the other layers. With the Gradient Tool (G) fill the layer with a gradient from Yellow to Black. Then just change the Blending to Overlay. Conclusion Now just add your logo and you will have a very nice apocalyptic image full of fireballs and smoke. We basicaly used only one brush and just played with colors and blend modes. It's really nice to see the guys over at Pixelmator working hard to improve this great image editor. The Brush Engine and the Clouds filter are great, I did this image last year in Photoshop and now in Pixelmator and I have to say, Pixelmator is much faster in terms of Filters like blurs. The Zoom blur is a greate example, it's in real time, while in Photoshop it's always a surprise the effect wil you will get. Click on the Image for Full Preview Download the Pixelmator File Click here to download the Pixelmator file used for this tutorial