Cool Shiny Text

This Tutorial is From SupaDupaWebDesign.co.uk

Shiny glass logos are all the rage right now and it seems everyone these days (including us) is doing it. So here is a dead easy tutorial on how to create a shiny glass logo in Photoshop.

1. First, create a new file (File > New) with dimensions of 300x300 pixels. Select the Text Tool in your tool panel, click on the canvas and type in some text in a nice thick styled font. I'm using a font called Planet Kosmos which I picked up from dafont.com.

2. Next, in the Layers window, right-click on the text layer and select Blending Options. IN the Layer Style window click on Gradient Overlay. Create a gradient with a dark colour at the top and a lighter colour at the bottom. Here are the settings I have used:

Left Gradient Stop: #50A8E0
Right Gradient Stop: #074189

The key is for the top colour to be rather dark and the bottom to look like its almost a fluorescent colour (or lit up).

3. Now, this step is what makes the shiny glass effect work and may take a few tries before you get it right. Create a new layer above your text layer. Select the Rectangular Marquee Tool (square selection tool). and create a selection over the top half of the text.

4. Now select the paint bucket tool and fill in your selection. Don't worry about the colour, we are about to get rid of it.

5. Now, in the layers window, right-click on the filled layer and select Blending Options. Now, drag the 'Fill' slider all the way over the 0. This will make your layer appear to have no fill at all. Next, go down to Gradient Overlay and open of the gradient (click on it). Make both stops solid which (#ffffff). Then also change the opacity stoppers so the the left one is nearly 0 and the right one is 100 (see screenshot)

6. We are nearly done. If you still have a selection...selected, press (ctrl-D) to deselect. Now, we are going to select the shape of the text. To do this hold down ctrl and click on the text layer. You should then see the selection in the shap of your text.

7. Now we want to inverse the selection. Shft-Ctrl-I will do this for you. Now, make sure your still on the top layer (the one with the white faded gradient) and hit Delete. This will delete all the gradient outside the shape of the text. If you are using a white background, you won't see the different, but if your not, you will because your white gradient will be in the shape of your text. Here is what is happening on a non-white background:

8. That's it. You now have a shiny glass logo. You can go further and add a stroke and drop shadow to the text like I have done to get the finished product below. Experiment with different colours and gradient settings.

This Tutorial is From SupaDupaWebDesign.co.uk

Create a Lighning Effect

Tutorial on Creating a Lightning effect in Photoshop CS3 from Valik Rudd on Vimeo.

Create a Swan-Bride

This Tutorial is From PSDFan.com

Final Image:

This is the final image that we’ll be creating:

Step 1:

Open up a new document, 80X600px and paste in an image of a swan.

Step 2:

Cut the swan out from it’s background using the lasso tool, or whichever tool you might prefer. Position the cutout so that the bottom part of the swan is cut off, and the image is positioned in the bottom-left of your document.

Step 3:

Now do the same with an image of a bride. After cutting out the bride I went to edit>transform>flip horizontal so that she was facing away from the swan. Don’t worry about the photo’s original background showing through the semi-transparent veil, we’ll fix that later. Be sure to duplicate both your swan/bride layers and hide the originals just in case we need them later.

Step 4:

Now grab your pen tool, and make sure that ‘paths’ not ’shape layers’ is selected (see image below).

Then create a path along the top line of the swan’s wing, as shown below.

Then with a dark gray, 1px brush selected right click on your path and select ’stroke path’ with simulate pressure unchecked. Then delete your path, to leave a 1px line following the top contour of the swan’s wing.

Step 5:

Now repeat this technique of drawing and stroking paths, and be sure to leave the right edges of the wings open, don’t close them off. The images below show the paths with the photo layer visible and invisible.

Step 6:

The skin of the bride was looking a little orange so I select my ‘bride’ layer and go to adjustments>hue/saturation and reduce the saturation of my image by 30.

Step 7:

Now with your bride layer still selected click on the area surrounding her and also the space between her arm/body. Then go to select>inverse to invert the selection, leaving only the bride selected. Then select a medium sized soft brush and set the brush mode to ’saturation’, set it’s opacity to around 70%. Then carefully brush over her veil. This technique will get rid of the blueness that was previously showing through due to the sky background in the original photo. Then with your selection in place change your brush to ‘color dodge’ and reduce it’s opacity to around 30-40%. Then brush over your veil. The veil will now have less saturation and will blend nicely with the rest of your image.

Step 8:

Now create a new top layer called ‘bride pen lines’. Repeat the path/line technique on the left side of the bride, paying particular attention to her veil and the edges of her dress. Remember to make sure that you have a 1px dark gray brush selected again for stroking your paths. The images below show the paths in place with the photo layer visible and invisible.

Step 9:

Now the tricky part. We need to join the lines between the swan and the bride. Create a new top layer called ‘joining lines’. Then drag your pen line from one point to the other as shown before. But this time, don’t let go of your mouse button after clicking your second anchor point, instead move your cursor about to bend the line you’ve created, and do this until it creates a nice arch between your two photos. Repeat this until you’ve joining up most of your lines between the swan/bride. If you remember, I said it was important now to close off the lines for either image, and this step shows you why. We want the lines of each photo not to end where the photos end, but to continue to the other photo.

Step 10:

Now, as you can see there are many lines on the swan’s wing and bride’s veil that haven’t been linked up, their positions just don’t fit. What we want to do here is continue their lines, but not make them join with the other image, simply make them continue to the edge of our document. Firstly, create a new layer called ’swan lines behind bride’, making sure that this layer is positioned below your bride photo layer. Then you guessed it, create some large arching lines that bottom behind your bride right to the edge of your main image.

Step 11:

Now create a new layer above your bride photo layer called ‘bride veil lines’. Repeat the same technique, but this time drag lines from the veil of your bride right to the edge of your main image.

Step 12:

Now repeat this technique once again for the second wing of the swan, on a new layer called ’swan wing 2′. Make sure that this layer is below the swan photo layer. What you should have now is one hell of a lotta lines!

Step 13:

Now select your swan photo layer and select a large, soft eraser brush with a low opacity (around 10%). Begin erasing away the edges of your wings, creating a subtle transition between photo and path lines. Repeat the same technique for the bride, erasing away the left edge of her to create a smooth transition between photo and path lines. The end result should look something like this:

Step 14:

Now select your ’swan wing 2′ layer, and go to layer > create layer mask > reveal all. Create a gradient ranging from black to white and drag it across your image. This will fade away the lines coming out of your second swan wing, and reduce some of the busyness of the image.

Step 15:

Now repeat the same process for the ‘bride veil lines’ and ’swan lines behind bride’ layers, fading them out using layer masks. The result should be something like the image below:

Step 16:

Now paste in your original swan photo layer (it should be very large) and move this below all other layers so that it makes up your background layer. Make it so that the swans wings comprise most of your background.

Step 17:

Now go to image>adjustments>brightness/contrast and reduce the brightness to -100 and contrast to -65.

Step 18:

Now reduce all pen line layers opacities to 60%.

Step 19:

Now go to the following pen line layers

> swan wing 2
> bride veil lines
> swan lines behind bride

and duplicate them. Move the duplicate layer below the original and then apply the outer glow effects shown below. The outcome of doing this is also shown below. It’s very important to remember to duplicate each layer AND move it below the original though. Remember also to only apply this layer effect to the 3 layers listed above, and not the other 3 layers.

Step 20:

Now select the 3 layers that weren’t given an outer glow, they should be above all of your other layers:

> pen lines swan
> pen lines bride
> joining lines

up their layer opacities to 90%

Step 21:

Now I select a small smudge brush at 50% strength and select each outer glow line layer. I then smudge each glowing line into the line it joins, to create a smoother barrier between the two. Then I select a large, soft eraser brush and erase parts of my outer glow layers that are looking too bright until the image looks right.

And we’re done!

To finish things off I reduce the original photo layers opacities to around 65% and add some simply text.

This Tutorial is From PSDFan.com

Ray of Light

This Tutorial is From TutorialWiz.com


To start off, we need an image that has some gap or spaces where lights normally pass through, such as a window, clouds, or hallway. In my image to the left, I will create a ray that will pass through the hole in the cliffs.

If you want to try this tutorial on this image, you can download it HERE

First off, we need to duplicate the original layer, one of the ways to do this is right click the layer in the layers pallete and select "Duplicate Layer"





We will now work with the duplicate layer, so select the duplicate layer as the working layer in the layers pallete, then go to Image->Adjustments->Threshold

Set the Thresold level to about 100

Now go to Filter->Blur->Radial Blur

Set amount to: 100, Method: Zoom, and Quality: Best

Then move your cursor over to the "Blur Center", then click and drag its center point to the upper left corner.

Note: Where you drag this will depend on your image and depend on where you want the source of light to come from.

Now set the layer's blending mode to "Lighten" or "Screen" and change the opacity to around "60%"

Then use the eraser tool with the soft brush (size 150px soft brush) and erase out part of the layer where obviously light is not passing through.

That's it!

Here's a few before and after images. (CLICK to view larger version)

This Tutorial is From TutorialWiz.com

Create Simple Stars

This Tutorial is From TutorialWiz.com

Start a new document whatever size you want

- Create a new layer and fill it with black.
- Then go to Filter->Noise->Add Noise.
Set: Amount: 20Distribution: Gaussian Monochromatic: Checked
Note: The more "Amount" you set, the more stars where will be

Duplicate this layer and set it to: Overlay.
Thats it.

This Tutorial is From TutorialWiz.com