The ‘Creativity’ Wallpaper

The ‘Creativity’ Wallpaper

Posted by Moiz Shah

X

Hello there! If you are new here, you might want to subscribe to the RSS feed for the latest Photoshop news and Tutorials

This tutorial is possibly one of my favourites as I love the outcome, we are going to create a desktop wallpaper with a bit of a difference, we will use a range of techniques and most importantly we are going to use our imagination and creativity skills,

What We Are Going To Achieve

Step 1 – New Document

Create a new document that corresponds to the size of your desktop, mine being 1440 x 900, you can check yours by right clicking on your desktop and choosing Properties from the pop up list.

Step 2 – Radial Gradient Background

To start we are going to add a radial background to the canvas, to do this pick the gradient tool and make sure it is set to radial gradient (Top toolbar option) and then set your colours to the below:

With the gradient colours set then drag the cursor from the middle of the document to one of the outer corners in order to get a evenly distributed gradient like below:

Step 3 – Write The Text

To get the effect so that the “Y” has fallen over you need to write the text seperate, so first of all write the word “Creativit” I have used the font MUSEO which can be found with a quick search in Google and then set the font spacing to “-50″ the font menu can be opened by going to Window > Character on the top toolbar then you can use the settings below:

When you have applied these settings then your text will look like that shown below:

When you have this, then you can write in the Y in a seperate layer, then simply choose the move tool and rotate the Y so that it looks similar to below:

Now that you have the basic layout, you can add some very simple blending options, to do this simply double click the desired text layer and make sure that the drop shadow is ticked and press OK, now do the same for the letter Y and you will have an outcome similar to below:

To add to the effect you can add a simple shadow as shown in the Realistic Shadows tutorial which makes it look as if it is sitting on a floor.

Step 4 – Adding The Spill

To add the spill make sure your foreground colour is set to a bright colour (I chose RED as that is the colour I wanted the final spill but you can use any colour) and then with the PEN tool selected draw a shape the same as below:

Now move this layer below the letter Y layer in the Layers tab so that it looks as if it is actually spilling out of the letter itself, now we can add the seperate splatters which are simply little shapes drawn with the pen tool, any shape can be drawn and any amount can be drawn it is up to you, also you can use the below image as a reference:

You can also add a gradient to the main spill and the little splatters to get a better effect and add more depth so you can add the Gradient below through the blending options menu:

To finish off the spill you can some highlights as shown below, these are made with the pen tool when the foreground colour is set to a lighter version of the original colour used:

When you have applied these highlights then you will have the finished spill like below:

Step 5 – Adding Broken Cables

There must be a reason why the letter “Y” has fallen over and spilt the liquid inside…? Well there is the cables that hold it up have snapped, so in this step we are going to make those cables, first of all grab the pen tool and draw a simple path on the end of the horizontal bar on the letter “T” (shown below) once this has been done create a new layer (CTRL + SHIFT + N) and then right click the path you have just made and choose “Stroke Path” and then press OK this will make the path a line created by your brush, now do the same on the top of the letter “Y” and you will have something similar to below:

Apply a simple Drop Shadow through the Blending Options menu and also make sure the cables are white, so if they are not already white, then add a Colour Overlay also through the Blending Options menu and set the colour to white.

Once the cables are done then we need to make them look as if they are frayed at the ends, so they actually look like they have broken apart, to do this zoom into the end and then choose the Smudge tool from the toolbar (shown below) and simply drag away at the edges so you have something similar to below:

Now do the same to the other part of the cable, once you have done this you will have something similar to below:

Step 6 – Adding The Hat

This step is simple as it is just a case of getting the hat image and inserting it into the document and then positioning it in the right place,

So grab the HAT picture located HERE!

And open it up in Photoshop, when this is done drag it onto your wallpaper document and position on the top left of the letter “C” that is pretty much it as I have already rotated it to the correct angle, but it can be resized/rotated accordingly, when the hat is in place you will have the same as below:

Step 7 – Adding The Liquid In The “V”

This step is very similar to Step 4 where we adding some liquid/paint to the inside of the letter “V” to do this set your foreground colour to any desired colour that you want and using the Pen Tool again draw a shape like below:

Now drag this layer below your text layer in the layers tab so it looks as though it is inside the letter, and then double click the layer and apply the below gradient (Change the colours if you want to):

With this gradient applied create some liquid drops so it looks as though something has just fallen in it and splashed it everywhere, use the below image as a reference, once done apply the same gradient to all of these drops:

Now you can add the highlights again using the same methods as in Step 4, grab the pen tool and make a shape but make sure the foreground colour is set to a slightly lighter colour than what is on the drop itself, when this is done you will have something similar to below:

When this is done we will have something similar to below and will be left with one final step:

Step 8 – Adding A Slogan/Motto

To finish we are going to add a simple slogan/motto to the bottom right of the word “Creativity” so make sure your foreground colour is set to white and type the text “It’s Amazing What You Can Do…” or something similar and then open up the blending options menu and add a simple drop shadow you are then left with the below:

With this done we are finished, feel free to add more things to it, and experiment with different shapes and words and see what you come up with, if you create something then why not upload it to the “Photoshop Tutorials Flickr Group” so others can see what you have achieved

So now we are finished you should have something that looks like the below:

And as always if you have any problems with this tutorial then don’t hesitate to leave me a comment or email me at: moizshah786@gmail.com and I will help you as much as I can…

Lightning Effects

In this tutorial, I’ll show you how to create a speed lighting photo manipulation using different Photoshop techniques, brushes, blending modes and adjustments layers to get realistic motion effect in your photo manipulation. So let’s start!

Final Image Preview

Create a new document (Ctrl+N) in Adobe Photoshop with the size 1200px by 675px (RGB color mode) at a resolution of 72 pixels/inch. Select then the Paint Bucket Tool (G) to fill the new background layer with black color.

Find a photo of a car, I used Dodge Challenger photo.

Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer.

Using the Elliptical Marquee Tool (M), make a selection of the car’s wheels:

Go to Filter menu and select Filter>Blur>Radial blur

Apply this operation for both wheels:

Click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow:

We’ve got the next shadow on the car:

Create a new layer and press CTRL button while selecting it both with the car’s layer and finally press CTRL+E to Merge Down. Make a copy of the new rasterized layer, applying on it Filter>Blur>Motion blur

We’ve got the next motion blur effect on the car:

Click on the bottom part of the Layers panel on Add a Mask icon and choose a Soft Round brush of black color from Brush Tool (B):

Clean out the car’s wheels using Soft Round brush

Find a picture with a city in the night like the next one:

Insert it on our document, place this layer under the layer containing the car. Using the Free Transform (Ctrl+T), it’s possible to resize it a little and then stretch out the picture with the nocturnal city:

Go to Filter menu and apply Filter>Blur>Motion blur for the layer of the nocturnal city

We’ve got the next motion blur effect on the nocturnal city layer:

Create a new layer and select Soft Round brush from Brush Tool (B)

Using Soft Round brush, represent the road under the wheels. The brush’s color is #1F393A

Merge Down road layer and layer containing the car (press CTRL button to select the layers and then CTRL+E). Next we’ll create a reflection of the car. Make a copy of the rasterized layer. Use then the Free Transform (Ctrl+T) option to turn around the copy, placing it as below:

Click on the bottom part of the Layers panel on Add a Mask icon and select Soft Round brush of black color (Opacity 20%)

paint on the mask using Soft Round brush to clean out the reflection on bottom part.

Next we’ll represent three new layers (Create new layer) and select Hard Round brush from Brush Tool (B)

Represent several lines with Hard Round brush of white color. Each line in a separate layer

Select Add a layer style from bottom part of the Layers panel and click on Outer Glow. Select the next Outer Glow settings on each layer containing the lines. The Outer Glow settings for first layer’s:

The Outer Glow settings for the second layer.

The Outer Glow settings for the third layer.

We’ve got the next glow on the lines:

Combine in a group all the layers containing the lightning lines (press CTRL button to select the corresponding layers and then hold on the left mouse’s button while dragging these selected layers on Create a new group icon from bottom part of the Layers panel). Put together the group into a rasterized layer (press CTRL button, select the group and finally press CTRL+E to Merge Down). Go to Filter menu and select for this layer Filter>Blur>Gaussian blur

We’ve got the next blur on the lines:

Choose the Free Transform (Ctrl+T) to re-size a little the layer containing the lines by vertical position, placing it as below:

Make a copy of the last made lightning lines’ layer and choose again the Free Transform (Ctrl+T) to re-size the copies’ layer into a thin line (by vertical position). Place it as below:

Select Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to add more contrast on image:

We’ve got the next color correction:

Click again on the bottom part of the layers’ panel on Create new fill or adjustment layer>Curves to add more brightness on image

We’ve got the next color correction on image: