Smashing Magazine - we smash you with the information that will make your life easier. really.
Retro Futurism At Its Best: Designs and Tutorials
Concepts of the future for the way we live our lives have been expressed in forms of art, design, movies, comics, and even cartoons. For many decades before man even landed on the Moon, people have been fascinated with space and the endless possibilities it could bring. The future is not only about being in space, though it has a major influence, it lies within your innovative minds and skills as the designer and artist. So, whether you go back into the past or here in the present, the future is all that we envision.
It wasn’t too many years ago when amazing tools such as 3ds Max, Adobe Illustrator, Photoshop, or even Corel Draw weren’t around. Illustrations were drawn by hand using chalks, colored pencils, paints, and pens. With typography, you could find artists/ designers also using fountain pens or calligraphy pens with a large variety of nibs, along with bottles of colored ink. Even today, you will still find designers and architects who use tools such as the t-square, triangular scales, triangle, french curve, and of course, your basic compass.
Times do change and so do the concepts of what to expect in the future. We would like to share with you a collection of retro futuristic designs and tutorials that will inspire you for your future creations. If you like the designs, please take the time to visit the sites of the artist/ designer by clicking on the illustration or title.
Beautiful Retro Futuristic Artworks
USS – a portfolio of probabilities
Vintage DHARMA ads
Incredible vintage Dharma Initiative posters created by Adam Campbell.
The Apple Store That Almost Was
Before there was the Apple Store that we know and love today, there was the Apple Cafe — well, almost. On November 12, 1996, Apple announced plans to open a chain of cybercafes around the globe. State-of-the-art, even by today’s standards, Apple Cafes promised health-conscious food (served up via a high-tech ordering system), video conferencing with neighboring diners, and on-demand access of movies and music videos. A screenshot from an old promo gives us a few clues as to how some of this might have worked.
“P” is for Possibilities of the Future
Exterior Double Cylinder Colony
Retro Futurism Artworks by Klaus Bürgle
Tutorials
Futuristic Athlete design and tutorial
Using multiple layers and brushes, this tutorial will show you how to create a futuristic athlete.
Creating The New Retro
Graphic designer James White shows you how to give retro-style graphics your own modern-day spin.
Speed Lightning Effect
This tutorial will show you how to manipulate natural lighting to fill a motion filled scene. Use masks to blend the effect over a car image to make the car appear to be in motion.
Design a retro futurism space scene
In this tutorial, you will learn how to design a retro-futuristic space scene, using a variety of lighting effects and photo manipulation.
How to Make Retro Futuristic Curves in 10 Steps
In this tutorial, you will learn how to achieve the space like scenery with the glowing lines. Using Illustrator and Photoshop you?ll learn how to add subtle effects using textures and different blending modes.
Futuristic Abstract Tutorial
In this tutorial, you will learn how to create a futuristic abstract poster design using layer styles, shapes and ’space’ effects.
Steampunk Style Illustration
In this tutorial, you will be using light sources, shadows, and image grading to go back in time with this design.
Further Resources
- 50 Beautiful Movie Posters
- Grunge-style in Modern Web Design
- 30 Beautiful Vintageretro Photoshop Tutorials
- 50 Stunning PhotoShop Text Effect Tutorials
- 45 Vintage Space Age Illustrations
- Retro Futurism: In The Year 2000 Flickr Pool
- Future Past: 173 Radical Retrofuturistic Directions in Design & Technology
- Retro Futurism: Russian LiveJournal Community
(No votes yet)
Loading ...- 75 Comments
- 1
- 2June 8th, 2009 3:21 pm
The best retro-futurist design I’ve seen lately was the entire Fallout 3 video game.
- 3June 8th, 2009 3:29 pm
I like many of the design. I really miss the older SciFi novel book covers.
- 4June 8th, 2009 3:30 pm
Excellent! My fav is the Dharma Initiative poster. Good one :)
- 5June 8th, 2009 4:35 pm
Very nice… rare to see a theme like this. The Fudgegraphics tutorial looks great.
- 6June 8th, 2009 5:56 pm
Awesome. all of this reminds me back when i was a kid, the transformers were supposed to arrive in the year 2005 and it seemed so far back then, i even remember having arguments with my friends about which brand of car will start selling flying cars first. Great article.
- 7June 8th, 2009 6:20 pm
As much as I love all of Scott Hansen’s work (and I definitely love it), that’s Andy Gilmore you’ve posted. Scott featured him in a blog post a few days ago.
The Dharma ads are absolutely awesome though.
- 8June 8th, 2009 6:20 pm
I agree with the above comment regarding Fallout 3. That game is simply amazing in terms of both interface design and the graphics. Well deserving of a mention.
- 9June 8th, 2009 10:52 pm
Fantastic! Really retro futurism,.. great post! Thanks!
- 10June 8th, 2009 11:00 pm
guys, this is best SM article ever! I love s-fi and retro futurism.. and this is my subject for my next school project. You read in my mind, again :)
- 11June 8th, 2009 11:05 pm
Amazing!
- 12June 8th, 2009 11:33 pm
wow…amazing !!!
- 13June 8th, 2009 11:42 pm
Very inspiring collection… :)
Thanks - 14June 9th, 2009 12:05 am
Really enjoyed this, one of my favourite features yet! Cheers!
- 15June 9th, 2009 12:15 am
Great collection. Also you could look more artworks here: http://www.splashnology.com/blog/inspiration/44.html
Thanks!
- 16June 9th, 2009 12:32 am
very nice collection!
- 17June 9th, 2009 12:44 am
+ 1 for Fallout (for all the series).
- 18June 9th, 2009 12:46 am
I remember the sexy cyber girl from the 80’s – I’m sure it was used in a computer magazine @ the time, “Amstrad Action”..
This post makes me think of the film “Gattaca” Futurism meets Art Deco.
- 19June 9th, 2009 12:58 am
Isnt it Robot Rock and not Robert Rock ;)
- 20June 9th, 2009 1:03 am
Holy smokes it’s like I’m growing up again! Nostalgia-goggles are on and they are thick and they heavily obscure my vision. :’3
- 21June 9th, 2009 1:12 am
Nice selection!
What about Bioshock ? - 22June 9th, 2009 1:18 am
thank u guys , u made my day!!! i f£$%ing love retro futurism!!!!
- 23June 9th, 2009 1:54 am
Cool stuff. I want a robot for christmas.
- 24June 9th, 2009 1:58 am
how cool is this, very~! Amazing art and emotion…Thanks very much for this article, is really inspired for me.
- 25June 9th, 2009 2:27 am
Tho I’m a big follower of Scott Hansen I have to say that his entry on this list is not his… It’s on a post about Andy Gilmore. I think you should change itl.
- 26June 9th, 2009 2:56 am
Genial!!!
- 27June 9th, 2009 3:03 am
so damn inspiring!
More plz! - 28June 9th, 2009 4:58 am
Dharma Initiative poster wins… I wonder if it’s possible to acquire a print of that! Nice post, some interesting stuff in there, thanks Smashing!
- 29June 9th, 2009 5:11 am
OH, the Jetsons :D I looooved that movie when I was a kid.
The sexy robot poster looks so familiar, but can’t remember why.
- 30June 9th, 2009 5:40 am
Soooo inspring!
- 31June 9th, 2009 6:42 am
Adore this collection. It’s a genre that I love, and it has great design potential. What’s more, it’s a genuinely fun genre to design in. I think this, along with steampunk, are my favorite kind of designs to play with (retro futuristic tends to work better in a web medium).
- 32
- 33June 9th, 2009 8:15 am
Love me some Retro Futurism! Thanks!
- 34June 9th, 2009 10:37 am
COOL STUFF MAN!
You should def check this out… Called an
electronic cigarette Tobacco companies are trying to keep it shush shush…. - 35June 9th, 2009 12:05 pm
Tigaer (author of Gates to Elysium) has some really great work on deviantArt which is similar.
- 36June 9th, 2009 12:57 pm
A very nice collection. I see quite a few Syd Mead works throughout. Every artist can learn much from this man.
- 37June 9th, 2009 2:49 pm
Wow! I love the Dharma ad. I’m a big fan of Dharma Initiative since I fell in love with LOST. Weeeeeeeee!
- 38June 9th, 2009 7:33 pm
I love retro! Good job..
- 39June 10th, 2009 3:37 am
Science meets art. What a nice walk down memory lane. I felt a sudden rush of nostalgia to see all those lovely retro posts. I remember reading that book “Future Cities” too sometime in my childhood. It came in a set of 3, the other titles being, (as far as I remember), “Robots” and “Future Travel”. I used to adore them.
- 40June 10th, 2009 4:53 am
Check this designer out! His work is stunning and pure retro futurism
http://www.myspace.com/elmorales - 41June 10th, 2009 10:43 am
I really love this post. I’m really into Retro Futurism as well right now and have been inspired greatly by James White, Chuck Anderson and the great up-and-coming Sakke Soini.
My approach is a little bit different than theres, but a combination of each. I try and kick out a new project each month, some are good, some aren’t: http://www.behance.net/peternudo
- 42June 11th, 2009 12:17 am
It’s always nice to see one of my early books onscreen!
I conceived ‘Future Cities’ as part of a ‘World of the Future’ trilogy, with my sadly late collaborator, Ken Gatland, who had been President of the renowned BIS British Interplanetary Society.
The illustrator of this cover, the talented Brian Lewis, is also gone – he painted covers for the scifi mag ‘New Worlds’ (1960s-era) for several years.
Best wishes to all you futures enthusiasts out there.
- 43June 13th, 2009 1:12 pm
The funny thing is that when those drawings were made people just knew that we’d be in flying cars and living on the moon by now. 2009 just “sounded” futuristic in the 60’s. Meanwhile one of the biggest advancements in the world is something no one saw coming: Twitter.
- 44June 30th, 2009 11:45 am
There’s plenty of designs like these here: One On One Tutorials Truly inspiring website.
- 45September 14th, 2009 9:46 am
I always love a little bit of inspiration in my day!
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- The Big Showcase Of Online T-Shirt Stores - http://bit.ly/5Tq8uA
- @ilmv oh ok then ;)
- @ilmv no, the SM Book will not be out of date :) We made sure it contains universal design, usability and marketing principles.
- Apple ad bombing Windows 7 on Google - http://bit.ly/28ctPq
- Atatonic - a fresh CSS framework - http://bit.ly/4oOV2w (via @umutm)
- @HrvojeKC yes, that's an interesting idea. Maybe when the waiting is over, we'll write a detailed post about it.
Nice Inspirational article sharon!! Now if only a lot of the older eastern block science fiction movies would become more readily available I would be happy.
Also found this link which holds more great example of Retro Futuristic Artwork. http://www.darkroastedblend.com/2007/11/retro-future-to-stars.html
DKumar M.
@instantshift