Saturday, January 23, 2010

How to Create a Fuel Game Cover in Photoshop ? tutorial

In this tutorial, I’ll show you how to create cover art for a favorite video or computer game, using several Photoshop tools such as Brush Tool, different blending modes, and more. Let’s get started!

Final Image Preview

Create a Fuel Game Cover in Photoshop CS4



Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Then download a set of brushes for Adobe Photoshop, entitled: grunge procedural, pureanodyne - tribals2 and bloodbrushes2_invaynestock. Create a new layer, select the next brushes from grunge procedural set.
Create a Fuel Game Cover in Photoshop CS4
Make some brushstroke using grunge procedural brush as shown. The brush’s color is #F3F8EF
Create a Fuel Game Cover in Photoshop CS4
Next we’ll apply the same brush, only changing its color on #F4F2E3 and set Fill to 49%.
Create a Fuel Game Cover in Photoshop CS4
We’ll put some color of #E9F3F5 on the left side and on the right one.
Create a Fuel Game Cover in Photoshop CS4
… and then the brush of the color #D4DAD6
Create a Fuel Game Cover in Photoshop CS4
Next we’ll write the word FUEL and select the Free Transform (CTRL+T) command to turn it over by vertical position.
Create a Fuel Game Cover in Photoshop CS4
Create a Fuel Game Cover in Photoshop CS4
Let’s rasterize the text’s layer by clicking on the right mouse button on the layer in Layers panel and choose Rasterize Type. Click on the bottom part of the Layers panel on Add layer mask icon, click on mask to make it active and use a brush from grunge procedural set to clean out the letters’ edges. The brushes’ color is black.
Create a Fuel Game Cover in Photoshop CS4
On the next new layer (Create new layer) we’ll apply the brush out of the same set of the color #D7D8C8.
Create a Fuel Game Cover in Photoshop CS4
This layer needs to be placed lower than the layer containing the word FUEL.
Create a Fuel Game Cover in Photoshop CS4
Create a new layer again, using here the brushes out of the set, named pureanodyne - tribals2.
Create a Fuel Game Cover in Photoshop CS4
The brushes’ color is black. Choose after that the Free Transform (Ctrl+T) command to incline a little the ornament. This layer needs to be situated lower than the layer containing the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
Next we’ll apply on a new layer the earlier used brush out of the grunge procedural set, having this time the color #A6B1AF. This layer will be placed also lower than the FUEL word’s layer.
Create a Fuel Game Cover in Photoshop CS4
Create a new layer, select the Soft Round brush from Brush Tool (B)
Create a Fuel Game Cover in Photoshop CS4
paint the background around the word FUEL with the color #ECEFDA. Place it lower than the layer containing the word FUEL.
Create a Fuel Game Cover in Photoshop CS4
Set for this layer the Blending mode to Color
Create a Fuel Game Cover in Photoshop CS4
Find a photo with a muscle car represented on it, I used this photo from Flickr. I would like to thank the author of this photo:
Create a Fuel Game Cover in Photoshop CS4
Desaturate the photo by pressing (CTRL+SHIFT+U).
Create a Fuel Game Cover in Photoshop CS4
Select Create new fill or adjustment layer icon from bottom part of the Layers panel and click to Curves (Ctrl+M) to adjust the curve shape as shown. Select Sample in image to set white point and click on an area in the image that represents the white point and drag the white point slider along the axis as shown:
Create a Fuel Game Cover in Photoshop CS4
Press OK and one more time CTRL+M. Select Sample in image to set black point and click on an area in the image that represents the black point and drag the black point slider along the axis as shown:
Create a Fuel Game Cover in Photoshop CS4
Select for the photo also Filter>Filter Gallery>Cutout
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next effect:
Create a Fuel Game Cover in Photoshop CS4
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract. Insert it on a new layer and place it under the layer containing the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
On the next new layer (Create new layer) select the Hard Round brush of black color
Create a Fuel Game Cover in Photoshop CS4
paint very accurately the auto’s windshield.
Create a Fuel Game Cover in Photoshop CS4
Create a new layer again and select here a Soft Round brush (Opacity 20%) with color - #F6DB86


Create a Fuel Game Cover in Photoshop CS4
Paint with Soft Round brush under car to add some color. Place its layer under the layer with the FUEL word on it.
Create a Fuel Game Cover in Photoshop CS4
Set for this layer Blending mode to Color
Create a Fuel Game Cover in Photoshop CS4
Find a photo of a motorcycle racer, I used this photo from Flickr. I would like to thank the author of this photo:
Create a Fuel Game Cover in Photoshop CS4
Using the Rectangular Marquee Tool (M), try to make a selection on the racer’s head and press CTRL+SHIFT+U to Desaturate.
Create a Fuel Game Cover in Photoshop CS4
Make a right click inside the selection and select Layer via Copy and insert it to our document. Incline a little the racer’s head, applying Free Transform (Ctrl+T) command. This layer needs to be placed under the car’s layer.
Create a Fuel Game Cover in Photoshop CS4
Set for this layer Blending mode to Darken
Create a Fuel Game Cover in Photoshop CS4
Create a new layer and select the Soft Round brush to paint out the racer’s head the same way we did when make some tonal correction on the car. The brush’s color and the brush itself are the same.
Create a Fuel Game Cover in Photoshop CS4
Set the Blending Mode for this layer to Color
Create a Fuel Game Cover in Photoshop CS4
Find photos with different motorcycle racers, I used these photo1, photo2, photo3 from Flickr. I would like to thank the author of this photos:
Create a Fuel Game Cover in Photoshop CS4
Create a Fuel Game Cover in Photoshop CS4
Create a Fuel Game Cover in Photoshop CS4
Start working with them by turn. The photo with a quadrocycle. Apply the same operations we did earlier with the car. Transform firstly the picture in black & white colors (CTRL+SHIFT+U). Then select Create new fill or adjustment layer > Curves (CTRL+M) the same way we did when applying it for the car.
Create a Fuel Game Cover in Photoshop CS4
Cut out the racer and insert him on our document. Place the layer under the layer containing the FUEL word. Apply on this layer the earlier used filter - Filter>Filter Gallery>Cutout
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next result:
Create a Fuel Game Cover in Photoshop CS4
Set the Blending mode to Darker Color
Create a Fuel Game Cover in Photoshop CS4
On the next new layer (Create new layer) we’ll paint the racer on the quadrocycle. Using the Soft Round brush with #F7D366 color.
Create a Fuel Game Cover in Photoshop CS4


Place this layer under the layer containing the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
Then we’ll prepare the next photo of the racer the same way we did with the car’s photo.
Create a Fuel Game Cover in Photoshop CS4
Cut out the racer and insert him on our document. Place the layer under the layer containing the word FUEL.
Create a Fuel Game Cover in Photoshop CS4
Set for this layer the Blending mode to Linear Burn
Create a Fuel Game Cover in Photoshop CS4
Next we need to Create a new layer and select for it the Hard Round brush to paint the motorcycle and the racer. The color of the brush is #E0B647.
Create a Fuel Game Cover in Photoshop CS4
This layer will be situated lower than the layer with the motorcycle racer.
Create a Fuel Game Cover in Photoshop CS4
Set the Blending mode to Saturation
Create a Fuel Game Cover in Photoshop CS4
Next we’ll prepare the photo with the last racer. Transform for the beginning the photo in black & white colors (CTRL+SHIFT+U).
Create a Fuel Game Cover in Photoshop CS4
Then apply two times the Create new fill or adjustment layer > Curves (CTRL+M) for white and then for the black points, the same way we did with the car’s photo. Cut out the racer and insert him our main document. Turn him around with Free Transform (Ctrl+T) command. Place the layer under the layer containing the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
Set the Blending mode to Linear Burn


Create a Fuel Game Cover in Photoshop

Create a new layer and select on it the Soft Round brush to paint the racer. Create a Fuel Game Cover in Photoshop CS4
The brush’s color is #D7A517
Create a Fuel Game Cover in Photoshop CS4
Set the Blending mode to Color.
Create a Fuel Game Cover in Photoshop CS4
Create a new layer and use a Soft Round brush to paint in black the zone around the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
This layer should be situated under the layer with the FUEL word on it.
Create a Fuel Game Cover in Photoshop CS4
Now we’ll create a new layer and use here the Soft Mechanical brush of white color to outline the letters in the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
It’s time for the brushes from the set bloodbrushes2_invaynestock that will be helpful to represent the splashes around the letters of white color.
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next result:
Create a Fuel Game Cover in Photoshop CS4
Next we’ll represent another new layer and apply on it the brushes out of the same set, the brushes having black color. Place this layer under the layer with the FUEL word on it.
Create a Fuel Game Cover in Photoshop CS4
Next we need to find a photo with the night sky.
Create a Fuel Game Cover in Photoshop CS4
.. and the photo of a highway.
Create a Fuel Game Cover in Photoshop CS4
Put both found pictures on our main document. Use the Free Transform (Ctrl+T) command to place them the same way shown on the picture and incline them a little. The layer containing the highway needs to be cleaned out a little, using the Eraser Tool (E).
Create a Fuel Game Cover in Photoshop CS4
Put together both layers into a rasterized one (press CTRL button to select the layers and then press CTRL+E to Merge Down). Press Alt button, click between the rasterized layer of the sky & highway and the rasterized layer with the FUEL word on it (on the Layers panel) to create clipping mask.
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next result:
Create a Fuel Game Cover in Photoshop CS4
Create a new layer, using here a Soft Round brush of white color (Opacity 10%)
Create a Fuel Game Cover in Photoshop CS4
Make lighter the highway.
Create a Fuel Game Cover in Photoshop CS4
Press Alt button and click between the layer with the white brush and the previous layer on the Layers panel to create clipping mask.
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next effect:
Create a Fuel Game Cover in Photoshop CS4
Create a new layer again and select on it the same Soft Round brush of the previous layer to paint the FUEL word as shown:
Create a Fuel Game Cover in Photoshop CS4
Then press Alt button and click between the layers on the Layers Panel to create clipping mask:
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next result:
Create a Fuel Game Cover in Photoshop CS4
Set the Blending mode to Soft Light
Create a Fuel Game Cover in Photoshop CS4
Create a new layer again and select the Soft Round brush mentioned above to paint the top part on the FUEL word.
Create a Fuel Game Cover in Photoshop CS4
It’s time to choose the Smudge Tool (R) to blur out smoothly the colors.
Create a Fuel Game Cover in Photoshop CS4
Press Alt button and click between the layers (on the Layers panel) to create clipping mask.
Create a Fuel Game Cover in Photoshop CS4
We’ve got the next result:
Create a Fuel Game Cover in Photoshop CS4
Select Create new fill or adjustment layer icon from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown:
Create a Fuel Game Cover in Photoshop CS4
Create a Fuel Game Cover in Photoshop CS4
Finished!

and here the final view (full size) ( click over the picture to enlarge)


If you like this article share it with your friends and leave us a comment.