+

8

Jan, 2010

Create a Retro-Futuristic 2010 Poster in Photoshop

By: | Tags: , , , , , , , , , , , , , , , , , , , | Comments: 27


Introduction:

To start off 2010 I wanted to create a slightly grungy, retro futuristic sci-fi poster. I basically wanted an image that could represent the feeling 2010 seems like the future to some of us. If you know what I mean, good, I’m sure this poster will be plenty of fun.

To create an image like this I like to look through some stock and brainstorm. A really excellent place to help with this is a site called Compfight. It’s a search engine for flickr photos that allows you to search for creative commons images.

Once I have a few images in Photoshop Ill come back to the project 2 or three times with new ideas and get them down. If I’m stuck for ideas looking through the art magazines and websites which usually gets the creative juices flowing again.

As usual the PSD file is available for download free at the end.

Time to complete 2 hrs .

Note:

Create the doc according to the dimensions of your screen if you want to use this as desktop wallpaper.

Resources used   :Sea by  visualpanic /Moon by luc.viatour/ Infinity font

Thank you to the artists who provided the materials ,please remember to follow these artists rules and credit them where appropriate.

Step 1

Create a document at 800 x 950 at 72 DPI Then bring in this image of the sea , press C do get the crop tool and select only the sea portion ignoring the people.

Step 2

Select the gradient tool, choose the radial gradient (second from the top) Draw a radial gradient using this red colour ff0000 halfway down the left hand side. Then change the blend mode to multiply and reduce the opacity to 79%.

Step 3

With the background setup we can bring in this image of the moon resize and position the moon like this image, and then reduce the layer’s opacity to 76%.

Step 4

Choose this purple colour 271642 for the foreground colour and black for the background colour. Then in a new layer go to filter render clouds. Drop the layers opacity to 73 %. Usually to create stars we can use the noise filter but this time well we’ll use a different technique. Create a new layer above the clouds and fill it with white, change its blend mode to dissolve and reduce its opacity to 1 to 2 %. Finally do a gaussian blur at around 0.7 and voila very quick stars.

Step 5

White rectangle: Now well create the white rectangle shapes that make up the background. Create a rectangle like in the following image and fill it with white, then reduce the opacity to 10 %.

Step 6

Now well add a layer mask by clicking the circle in a square at the bottom of the layers palette. With the gradient on linear and set to black to white click and drag a gradient. Make sure you are on the layer mask and hold shift to get a good fade.

Step 7

Now duplicate this layer with CTRL + J and rotate it with Ctrl + T to free transform. You should end up with something like this.

Step 8

Keep duplicating the layer and rotating it until you have this kind of effect.

Step 9

Your layers palette should look like this:

Step 10

Now using shift select all the rectangles in the layers palette and merge them Ctrl + E. (To work non – destructively you can duplicate the layers ). Then add a layer mask and using a black to white gradient on the layer mask fade the bottom part of the rectangles.

This is what you should end up with :

Step 11

Now find a quote you like or a group of words you think will work well in this graphic. Go to Wordle paste in your favourite quote and select go. This is a brilliant little website that puts the words you enter into a new layout font and colour. After hitting randomise play around with the font layout and colour. Once you are happy with the image if on windows: hold down Alt and then the print screen (Prt Sc) button, hit Ctrl + V to paste into Photoshop. On a Mac press command and shift then press 3 to capture to your desktop.

Step 12

Once the image you like is in Photoshop crop any extra bits away then resize and position the text like in the following image. I set the image to screen which gets rid of the dark area. Depending on the colour of your background and text you may need to choose overlay or multiply, just have a scroll through the blend modes until your happy.

Step 13

Download these brilliant cloud brushes .After loading them create a new layer then brush some clouds in like the following image.

Step 14

Duplicate the cloud layer add a colour overly layer style with colour set to 83b2e7. Then lower the opacity to 83%.

Step 15

Download the infinity font from here and once installed type out the words ‘TWENTY TEN’. Now position this at the top use the align buttons to get it in the middle.

Step 16

Rasterize the type and add a gradient overlay layer style, with default settings from black to white.

Step 17

Download these Kinetic brushes and brush with white behind the Twenty ten letters ( so in a layer below them ) . When done we’ll add a gradient overlay from7fe0f8 to cef8ff. Finally lower the opacity to 39 %.

Step 18

Finally create a layer below the cloud brushes and Wordle letters but above the white rectangle shapes. Then fill it with white and go to filter, render lighting effects and choose ‘RGB lights’, leave all the other settings as default. 

Then use a Gaussian blur at 31.7 image.

For the final steps change the blend mode to soft light and reduce the opacity to 60 %

Conclusion

That’s a wrap for now having gone through the tutorial you will now know how to use layer masks a neat little way of putting words together with different layouts and how to create a rounded retro futuristic poster . Hopefully you had fun and learnt something new.

Become expert in photoshop with our testking 350-030 online training. Our testking 646-204 graphic tutorials and testking 70-649 study guides are best source to learn the amazing art of photography and photoshop.

Free PSD

The PSD file is available for download free from here.

Mediafire Download (6.49 mb Zip File)

Become expert in photoshop with our <a href=”http://www.testking.org/350-030.htm”>testking 350-030</a> online training. Our <a href=”http://www.testking.org/646-204.htm”>testking 646-204</a> graphic tutorials and <a href=”http://www.testking.org/70-649.htm”>testking 70-649</a> study guides are best source to learn the amazing art of photography and photoshop.


Comments

27 thoughts on “Create a Retro-Futuristic 2010 Poster in Photoshop

  1. Pingback: You are now listed on FAQPAL

  2. Pingback: Tweets that mention Create a Retro-Futuristic 2010 Poster in Photoshop | Digital Art Empire -- Topsy.com

  3. Pingback: Photoshop Create an Awesome Retro Futuristic 2010 Poster in Photoshop Tutorial @ photoshoptutorialtour.com

  4. theseoworkdelhi@gmail.com'
    seo outsourcing

    Great morning, I wish to say thank you for an exciting web site about a subject I have had an curiosity in for some time now. I have been looking in and reading the commentary and only wanted to voice my many thanks for giving me some pretty exciting reading material. I look forward to reading more, and getting a more active part in the talks here, whilst picking up some knowledge as well

    Reply

  5. destinypj@gmail.com'
    Movietag

    There are certainly a lot of details like that to take into consideration. That is a great point to bring up. I offer the thoughts above as general inspiration but clearly there are questions like the one you bring up where the most important thing will be working in honest good faith. I don?t know if best practices have emerged around things like that, but I am sure that your job is clearly identified as a fair game. I asked him if it was something that he was sure he wanted to do, because I could tell that he was having a lot of difficulty with some of the aspects of the job.

    Reply

  6. destinypj@gmail.com'
    outlook pst repair

    I loved what youve done here. The design is elegant, your stuff classy. Yet, youve got an edginess to what youre offering here. Ill definitely come back for more if you keep this up. Dont lose hope if not too many folks see your vision, know youve got a fan right here who values what youve got to say and the way youve presented yourself. nice on you!

    Reply

  7. mikesonu@gmail.com'
    outlook pst repair

    Pretty awesome articles. I just stumbled upon your website and wanted to say that I have really enyed reading your site websites. Any way I’ll be subscribing to your feed and I hope you article again soon…

    Reply

  8. kaxilnaik@gmail.com'
    Free Download

    This blog post was absolutely fantastic. When I used to work in electroplating they sometimes encouraged us to write, but I could never come up with something as well written as that.

    Reply

  9. eleanoremcgehee@t-online.de'
    football news

    I have been browsing online more than 4 hours today, yet I never found
    any interesting article like yours. It’s pretty worth enough for me.
    In my view, if all web owners and bloggers made good content as you did, the net will be much more useful than ever before.

    Reply

  10. linbaskerville@zoho.com'
    youtube convert

    Hello there! This post couldn’t be written any better!
    Reading through ths article reminds me of my previous roommate!
    He constantly kept talking about this. I most certainly will send this article to him.
    Pretty sure he will hasve a great read. Thanks for sharing!

    Reply

  11. kraiggrantham@gmx.net'
    Kraig

    I got this web page from my pal who informed me regarding this website and now this time I am browsing
    this website and reading very informative articles at this place.

    Reply

  12. zsrzxwewg@gmail.com'
    Isabel marant bobby

    Wow that was odd. I just wrote an really long comment but after I clicked submit my comment didn’t show up. Grrrr… well I’m not writing all that over again. Anyway, just wanted to say superb blog!

    Reply

Leave a Reply