PSD to HTML Zip
Now Pay After Work Done
Order Now

NEED PSD CONVERT TO HTML / XHTML / HTML5/ CSS

Valid W3C XHTML Strict 1.0 & Cross Browser Compatibility

Send us your PSD and we'll return semantic, optimized, documented, and Section 508/WAI compliant HTML/CSS.
View Our Work Example or any question Contact US

Order

Step 1

Upload Design

Step 2

We Code It

Step 3

Delivery in 8 Hours

Photoshop Tutorial: Create Your Own Galaxy

Bookmark and Share

There are galaxies of various forms, sizes and colors, and we’ll create our own, the one we like.

Create Your Own Galaxy Photoshop Tutorial

Let’s begin with creating a new document 1920×1200, and fill it with black color (#000000).

Create Your Own Galaxy Photoshop Tutorial

Then we create a new layer above the black one and fill it with pure white color (#ffffff).

Create Your Own Galaxy Photoshop Tutorial

Thus we have two layers: the black one and the white above it. For the layer with white color we change the Layer Blending Mode to Dissolve, layer opacity 1% (no more than this amount) and get something resembling space.

Create Your Own Galaxy Photoshop Tutorial

Now we select the Brush Tool, with a soft-edged brush, opacity 100%, 125 pixels in diameter, white color (#ffffff) and simply apply several brush strokes on the new layer as shown in the screenshot:

Create Your Own Galaxy Photoshop Tutorial

It doesn’t look like a galaxy, so we keep on working. Apply the Filter > Distort > Twirl:

Create Your Own Galaxy Photoshop Tutorial

We get such a result:

Create Your Own Galaxy Photoshop Tutorial

And deform the result a bit with the help of Edit > Transform > Perspective:

Create Your Own Galaxy Photoshop Tutorial

Further on we apply Edit > Transform > Scale:

Create Your Own Galaxy Photoshop Tutorial

Then we apply Edit > Transform > Rotate:

Create Your Own Galaxy Photoshop Tutorial

This shape suits to the galaxy, but we’ll give it more interesting outline. Apply Filter > Blur > Motion Blur:

Create Your Own Galaxy Photoshop Tutorial

After applying the filter we get the following result:

Create Your Own Galaxy Photoshop Tutorial

And apply the Twirl filter once again Filter > Distort > Twirl:

Create Your Own Galaxy Photoshop Tutorial

Now we get the following effect:

Create Your Own Galaxy Photoshop Tutorial

We deform the galaxy again using Edit > Transform > Perspective:

Create Your Own Galaxy Photoshop Tutorial

Then scale the galaxy to the desired size using Edit > Transform > Scale:

Create Your Own Galaxy Photoshop Tutorial

Rotate it a bit with the help of Edit > Transform > Rotate:

Create Your Own Galaxy Photoshop Tutorial

Then we copy the layer with the galaxy by pressing Ctl+J.

Create Your Own Galaxy Photoshop Tutorial

One of the layers with the galaxy should be blurred with the help of Filter > Blur > Gaussian Blur (blur about 35 pixels)

Create Your Own Galaxy Photoshop Tutorial

It’s important for the layer with the blurred galaxy to be under the layer with the primary one. Now let’s switch off the layer with the primary galaxy and begin working with the blurred one.

Create Your Own Galaxy Photoshop Tutorial

Any galaxy contains nebula, so let’s create one. Choose the Smudge Tool (Strength: 31%) and brush Spatter 59 (it’s a standard Photoshop brush), set diameter to 150 and begin stretching the nebula out a bit in the galaxy direction, at the same time we can change the brush diameter sometimes, for the galaxy not to be uniform.

Create Your Own Galaxy Photoshop Tutorial

Create Your Own Galaxy Photoshop Tutorial

We switch on visibility of the layer with the galaxy.

Create Your Own Galaxy Photoshop Tutorial

Keep on changing the layer with the nebula, apply Filter > Distort > Wave:

Create Your Own Galaxy Photoshop Tutorial

The result should be similar to this one:

Create Your Own Galaxy Photoshop Tutorial

Now we copy the layer with the nebula by pressing Ctrl+J.

Create Your Own Galaxy Photoshop Tutorial

We merge the two layers with the nebula into one using Ctrl+E. We have made the nebula more opaque to adjust its shape and transparency with the help of Eraser Tool. The edge of the nebula is more transparent, but on the borders of the galaxy quite the contrary, though it depends on somebody’s taste, it’s advisable to use the brush with 500 pixels in diameter and opacity 45. Also we should slightly adjust opacity on the layer with the galaxy, especially on the edges.

Create Your Own Galaxy Photoshop Tutorial

Now we can merge the layer with the galaxy and the nebula into one, as a result we have three layers: black, white, and the one with the galaxy. It’s worth noticing that space is very beautiful, all colors can be found in it, so let’s add them into our galaxy. Create a new layer, change the Layer Blending Mode to Color, select a soft-edged Brush Tool, opacity 10%, 300 pixels in diameter, color #5?78?? and paint it arbitrarily.

Create Your Own Galaxy Photoshop Tutorial

Further let’s add red color #ff0000.

Create Your Own Galaxy Photoshop Tutorial

And some yellow one #fff000.

Create Your Own Galaxy Photoshop Tutorial

We create the centre of the galaxy on a new layer; select a soft-edged brush, 500 pixels in diameter, color #ffffb7, opacity 100%.

Create Your Own Galaxy Photoshop Tutorial

Change the brush diameter to 300, white color #ffffff.

Create Your Own Galaxy Photoshop Tutorial

Shape the shining to the galaxy outline with the help of Edit > Transform > Scale:

Create Your Own Galaxy Photoshop Tutorial

Rotate using Edit > Transform > Rotate:

Create Your Own Galaxy Photoshop Tutorial

Any galaxy needs stars; our galaxy is not an exception. We select a soft-edged Brush Tool, opacity 100%, white color (#ffffff), press F5 and adjust settings.

Create Your Own Galaxy Photoshop Tutorial

In the Brush Tip Shape menu we change the parameter Spacing

Create Your Own Galaxy Photoshop Tutorial

Then we change the settings in the Shape Dynamics menu

Create Your Own Galaxy Photoshop Tutorial

Further in Scattering menu

Create Your Own Galaxy Photoshop Tutorial

And Other Dynamics menu

Create Your Own Galaxy Photoshop Tutorial

With the help of this brush, changing its diameter according to the situation and your taste, we create stars along the outline of the galaxy and slightly beyond its bounds.

Create Your Own Galaxy Photoshop Tutorial

It’s worth remembering, that the closer the stars the bigger they appear to be on the picture.

Create Your Own Galaxy Photoshop Tutorial

There is also its own nebula around the stars. We copy the layer with the stars and blur the layer that is below using Filter > Blur > Gaussian Blur:

Create Your Own Galaxy Photoshop Tutorial

Create Your Own Galaxy Photoshop Tutorial

Stars have color, too. Select the Gradient Tool and set up following presets:

Create Your Own Galaxy Photoshop Tutorial

We select the layer with the stars and apply the gradient on a new layer.

Create Your Own Galaxy Photoshop Tutorial

Apply Soft Light Blending Mode for the layer with the gradient.

Create Your Own Galaxy Photoshop Tutorial

To be more realistic our galaxy lacks dust. To create dust we select standard Dry Brush, opacity 100%, black color (#000000), change the diameter according to the situation. We apply strokes along the galaxy shape on a new layer.

Create Your Own Galaxy Photoshop Tutorial

Now we adjust the dust outline using the Eraser Tool, select a soft-edged brush, opacity 50%, diameter according to the situation.

Create Your Own Galaxy Photoshop Tutorial

Then we remove hard edges of brush strokes and get realistic dust.

Create Your Own Galaxy Photoshop Tutorial

Further we treat the dust in the same way as the stars, select the layer with the dust and apply the same gradient.

Create Your Own Galaxy Photoshop Tutorial

Apply the Multiply Blending Mode for the layer with colored dust.

Create Your Own Galaxy Photoshop Tutorial

It remains only to add volume to our image, we select a soft-edged brush, 900 pixels in diameter, opacity 30%, black color (#000000) and darken the image above and slightly on the edges on a new layer.

Create Your Own Galaxy Photoshop Tutorial

We can say the galaxy is ready, and it’s possible to add some details. Let it be very big stars or constellations. Select the Brush Tool and brush with 70 pixels in diameter, opacity 100%, color #6191dc.

Create Your Own Galaxy Photoshop Tutorial

Let’s change brush color to white (#ffffff)

Create Your Own Galaxy Photoshop Tutorial

And deform slightly using Edit > Transform > Scale and Edit > Transform > Rotate.

Create Your Own Galaxy Photoshop Tutorial

It’s possible not to deform - it depends on your taste. Add a few stars on the same principle.

Create Your Own Galaxy Photoshop Tutorial

Thereon our tutorial is over. I hope you’ve got the same result as I do. Wish you good luck in carrying out this tutorial!

Bookmark and Share

One Response to “Photoshop Tutorial: Create Your Own Galaxy”

Leave a Reply

psd to xhtml conversion