Showcase: Space Scenes in Web Design + Tutorials & Resources

Since I was a little boy I have been fascinated with everything out of this world. This fascination continues and I am happy to bring you this showcase of space scenes in Web design.

There are basically two types, the more realistic looking designs that completely depend on a space scene as a background image and those that incorporate comic-like illustrations.

Check out the sites below and get inspired. Realizing spacey Web designs with the design options of the RichWP WordPress Themes is no big deal. Have a good look at how background images and color schemes have been used.

At the end of this post you will find a link to resources like PhotoShop tutorials, graphics and illustrations that are available for free to get you started creating your own space scenes and designs.

Spacy Web Design - indiqo.eu
Real Galatic Space in Web Design - bei.ro
Space Rockets in Web Design - pojeta.cz
Spacey Web Design - orangeapple.com
Space Styled Web Design - noeldesign.net
Space Ship Illustration in Web Design - loscoloresolvidados.com
Spacey Web Design - northstarwebdesign.com
Spacey Illustrations in Web Design - blackmoondev.com
Retro Space Web Design - abductionlamp.com
Spacey Design with illustrational Elements - ligne13.com
Spacey Web Design Showcase - 365daysofastronomy.org
Is a Melon a Planet? - kavoon.comNice Space Scenes in Web Design - 2advanced.com
A Real Space Enterprise - virgingalactic.com
I want to go, too - spaceportamerica.com
A Classic all time Favorite - nasa.gov
Spacy Web Design - studio7designs.com

How do you do design like this? There are always easy shortcuts to achieve effects. Click through the following list of tutorials and resources to get started creating your own space scene designs.

PhotoShop Tutorials

Create an Incredible Avatar Inspired Matte Painting of Pandora - cg.creativefan.comRealistic Space Scene Photoshop TutorialCreate a Cosmic-Inspired Dreamy Scene in Photoshop - psd.tutsplus.comSpace Explosion PhotoShop Tutorial - smashingmagazine.comDesign a Beautiful Cosmic Space Scene in Photoshop - blog.spoongraphics.co.ukQuickly Create Surreal Scenary via Combining Landscape Images in Photoshop - psdvault.com

Tutorial Collections

Out of this World Tutorials
70 Tutorials for Learning and Mastering Light Effects inPhotoshop
31 Breathtaking Planet Space Tutorials for Photoshop
50 Photoshop Tutorials for Sky and Space Effects

Photoshop Brushes

100 Brilliant Space Photoshop Brushes

Spacey Background Patterns

Tileable Classic Nebula Space Patterns

Other

Showcase of Rockets in Web Design + A bunch of Cool Rocket and Spaceship Graphics Available for FREE

Do you know other great examples of “Space Scenes in Web Design”? Have you found great tutorials and resources that are not listed here? Leave a comment below.

About Felix

Felix Krusch - I founded RichWP in early 2009. I design, program and blog to streamline your WordPress based web development efforts.

2 Responses to Showcase: Space Scenes in Web Design + Tutorials & Resources

  1. Dob says:

    Nice and unique list for Inspiration.

  2. One thing we sought to do in our design was to make it easy to switch background images out and have a different feel in a fast and easy way. Be sure to fill out the contact form to see the launch sequence.

Leave a Reply

Please use your real name instead of you company name or keyword spam.