Create a Cosmic Sci-fi Poster Design in Photoshop
I’m a great fan of sci-fi art. Have you ever seen a Metallica cd cover? Simply amazing. This kind of design inspired me to create a cosmic sci-fi scene. Today I want to show you how to create this image in Photoshop. This tutorial is for intermediate users who know how mask and selection tools work. We will use also a bit of Illustrator and Cinema4D. Have a try!
Preview:Click on the image for a larger preview
DOWNLOAD SOURCE FILE
Since I want to print this poster, I choose a very large document size: A3 (11,693×16,535 inches) with a resolution of 300 pixels/inch. The color mode is RGB. An important step for a beginner graphic designer is to start working with large size images. It’s fundamental to achieve a full control of all your pixels, zoom often to see if the real size of your image gives the same result of a low resoultion one. Furthermore while dealing with large images you need good resources. Here you’ll understand that a vector, because of its scalability, is often better than a brush. Having said that, let’s create our document:
Starting from the background, add a radial gradient going from dark grey (#3e3e3e) to black (#000000).
We want to create some clouds. So create a new layer ad fill it with black. Make sure to have white and black as foreground and background color and go to Filter>Render>Clouds.
These clouds aren’t so nice! At first press ctrl+T to activate the transform tool and enlarge clouds layer. This will make clouds softer. Switch the layer blending mode to screen in order to eliminate black clouds. Then press ctrl+L to open level window and reduce grey level to 0,70.
Finally reduce layer opacity and use a large soft brush to erase some clouds.
Using the same technique, create other clouds layers:
Since we are going to create a space scene, we need stars. A simple way to create nice stars is to use brushes properties. Create a new layer and select a 4px radius rounded brush. Reduce hardness to 0%. Now go to Window>Brushes and let’s modify settings as shown below:Note: brush size depends by your document size. Try with different size until you are satisfied with the result
At this point you can paint over your canvas to create stars and galaxies. Once finished, select all layers, group them and title this group “background”.
Now I’ll explain a simple way to create a planet. Start with a black circle
We want to create a strong light effect behind the planet. Add an outer glow to the circle. Right-click on its layer and select blending options. Here select outer glow. Switch the color to white and the blend mode to color dodge. In this way outer glow will interact with clouds giving us a nice result.
To create planet material, paste in a grunge/concrete texture. WeGraphics members will find the texture into the source file at the end of the tutorial.With the texture layer select, ctrl+click on the circle layer (into the layer window) to select its pixels and add a layer mask.
Switch texture layer to overlay. The texture should disappear. Create a new layer below and use a soft white brush to paint on the left side of the planet/circle. Reduce the opacity untill you find a balance between texture, light and planet.
Add some clouds above the planet (always on the left side). The planet is OK. Group all its layers and title the group “PLANET”.
The image needs some color improvements. So create a map adjustment layer (Layer>New Adjustment Layer>Gradient Map) and choose the default gradient going from purple to orange. Set this layer to overlay and reduce opacity to around 50%.
Important: from now on this layer will be at the top of all the others. So create all next layers below this one.
At this point we want to play with light effect around the planet. Create a group below the planet one and switch group blend mode to color dodge. Create a new layer inside the group. Select a soft white brush and click once on the left side of the planet. Create some layers and apply the soft brush on each one of them. In this way you can control light intensity (reducing layers opacity, adding more layers or eliminating an existing one)
Create a new group but place it above the planet one. Then use the same technique to create light effects above the planet. Switch the group blend mode to color dodge and paint with soft white brushes.
It’s time to put in the text. We need a nice sci-fi styled font for this. After searched for a while a free font, I came accross Edistys. As I showed in other tutorials, I’ll use Illustrator to create text path and Cinema4D to create 3d effect. So write something in Illustrator and expand it (Object>Expand). Save this file as an Illustrator 8 .ai file.
Premium member will find 3d text in the source file, in case they haven’t Cinema4D or another 3d software. Anyway this text effect could be easily achieved using Illustrator 3d effects.
Import this file in Cinema4D (File>Merge and select the .ai file). In the object window, select all the paths inside the text object and connect them (right-click>Connect)
In this way you have created a new path. You can delete all the others since we will work only with this one.
Apply the extrude nurbs object by dragging the text object inside the extrude one.
Choose a nice angle and add a light object. Save the file and import it in Photoshop
Don’t you know how to import 3d renders from Cinema4D to Photoshop? Take a look a this tutorial I wrote a few days ago.
Paste in the text. At first apply a linear gradient going from cyan (#46daff) to white. Make sure to set blend mode to overlay.
Create a new layer and switch the foreground color to brown (#673220). Grab the rectangle marquee tool and select the bottom-half part of the text. Now select the gradient tool (G) and add a linear gradient going from brown (top) to transparent (bottom). Press ctrl+D to deselect.
With the last created layer selected, ctrl+click on the text layer and add a layer mask. With the layer mask still active use a black brush to remove some parts of the gradient effect. The screenshot below will help you to understand better this step:
Finally paste in a grunge texture that you like. Desaturate it (shift+ctrl+U) and apply again a mask to perfectly cover the text effect. Switch the layer style to overlay and reduce the opacity. To complete the text, use a soft white brush to add some light effects over the letters.
Create a new group below the text one. Create a layer inside the group and paint using cloud brushes. Use one layer for every cloud. This will help you in case you’ll need to move clouds later.
Extract the dancer (You can use the pen tool for this purpose) and paste him into the canvas.
Duplicate the dancer layer(select the layer and press ctrl+J) and apply the high pass filter (Filter>Other>High pass) to the duplicated one. Set the layer to overlay. This will enhance dude details and will add more contrast to the image.
If you zoom on the right arm of the dancer, you will certainly notice 3 bracelets. I definitely don’t like them! So we can replace them with a bandage, like the one of a fighter.
Start creating a light grey shape using the pen tool. Then apply a mask and remove unwanted pixels (ctrl+click on the dude layer and press the “add layer mask button”).
Grab the erase tool to retouch the bandage form, then select the burn tool and gently paint over the bandage to create shadows.
You can use grunge brushes to make the bandage more realistic. Then I use my tablet to draw several lines to simulate bandage borders and again the burn tool for last refinements:
We can add nice details to our composition. For example, the dude gives me a sensation to be exulting for something. Maybe gained freedom. This inspire me to create a chain tied to the dude’s wrists as if he is sort of runaway.
The chain is created in Cinema4D simply creating a torus object that is duplicated, moved and rotated several times. Our members will find the chain image (.png) in the source file.
Paste the chain into the canvas and place it around the dude’s wrists. Use a mask to remove unwanted pixels so that the dude hands seems to be inside the first ring of the chain.
The dude is almost finished because his posture indicates the presence of a floor. We have to create a sci-fi stylished floor. Create a new document (A4) in Illustrator. Create a line on the top using the line segment tool. Then duplicate the line and move the duplicated to the bottom.
Select both the lines and go to Object>Blend>Make. Now double click on the blend tool icon in the tool bar, in the new window switch spacing to “specified distance” and enter a value of 30pt.
Repeat the same process to create vertical lines. We have so created a net:
Copy and paste in Photoshop as a smart object. Place it below the dancer group of layers
Rasterize the net (right-click on the layer>Rasterize) and go to Edit>Transform>Perspective and stretch the net as shown in the screenshot below:
Again press ctrl+T to activate the transform tool and drag the top-center anchor point to the bottom thus reducing the height of the net.
Add a gradient overlay to the net going from purple (#290a59) to orange (#9f6024)
Then with a soft brush erase the end of the net to give the illusion it’s infinite:
Before start with last color refinements, we can add other details. I paste in some lightnings from our Dazzling Lightnings Vector set and I apply to them the outer glow style. Also I use smoke brushes to create a subtle light effect into the center.
Create a new layer above all the others except the gradient map layer and fill it with black. Then go to Filter>Render>Lens Flare and choose the 50-300mm zoom lens.
Set the layer to screen and place on the top-left of the text.
I want to give a canvas printed look to the image. So I download a black paper texture from our Old Paper Textures Vol1 and paste it into the the canvas. Then I simply switch the layer blend mode to screen
To complete the work we need only a few adjustment layers. At first let’s increase contrast using a curve layer (Layer>New adjustments layers>Curves)
I want to increase again a bit contrast. This time let’s use “brightness/contrast”. Increase contrast to +27 and brightness to +9. Finally Let’s modify Color Balance as shown below:
We’ve finished! Here is our result:
DOWNLOAD SOURCE FILE
We do the best to provide high-quality products that you can use in your commercial projects.