Crystal Craze in Photoshop

There seems to be this huge craze on crystals going around the design world. Originally the crystals were created in a 3D program and imported to Photoshop where all kinds of coolness is added. In this tutorial I will show you an easy way to create these crystals in Photoshop. We are using Version 7 but it works the same for all versions including CS.

image 1

image 2

Create a new document.Mine was 300X200 pixels. You would probably want something larger. Modify all the settings for a larger image size. Experiment.

Create a new layer

With the Polygon lasso tool, draw your rough shape. Notice that in Photoshop 6 you can draw off the canvas. When you get to the start/finish point you will see a little circle. As soon as you click on the start point, the entire shape will b loaded as a selection.

image 3

Fill with a dark color. Here I chose blue.

Don't deselect.

image 4

image 5

Now we want to add a gradient, use this method:

Select>modify>contract

I entered 6 pixels. If you are using a larger image size, consider 10 or even 15

image 6

image 7

Now we want to soften the selection.

Select>Feather: I chose 5, you may want to choose 10

image 8

image 9

Choose a lighter shade of the same color as the crystals and fill. I chose light blue.

image 10

Duplicate the layer and add a gaussian blur to the copy.

Move the blurred layer beneath the original layer.

image 11

Here I changed the background to black.

Notice the original layer and the blurred layers.

image 12

image 13

Here is where the crystals take on their 3D look:

Add a layer style to the shape. (Click the little "f" at the bottom of the layers pallette)

Choose bevel and emboss.

Technique:Chisel soft

Increase the depth and size until you are happy with the result.

Change the gloss contour , uncheck global light and change the altitude to 7

image 14

image 15

To get the translucent crystal like opacity:

Still in the layer style box. go to Blending options

lower the fill opacity to 42.

Press ok

In the layers pallette, change the blending mode to screen.

image 16

Duplicate the crystal layer.

Press Ctrl/Cmd+T for free transform.

Rotate the new layer, you will see it interact with the other crystal layer.

image 17

This is the result so far.

image 18

image 19

Time to spruce up the background a bit. I added a linear gradient.

You could do anything you wanted really.

Crystal Craze in Photoshop Tutorial: Final Result

Here is an optional step:

Copy the layer style to the blurred layer. It adds an interesting feel.

If you want you can keep coping layers and rotating them. Experiment and come up with some of your own results.


Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > Special Effect > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction