In this tutorial, we will learn how to design cosmic advertisement for a laptop. This techniques can be applied for various products..

Tools Used:

  • Photoshop
  • Stock Images

Open up Photoshop and set up a document; the size of the document something around 1475*2100,
Once you have your document open fill it with black and create a new layer. Fill the new layer with black just as we did the first layer.

Next we need to add our noise in. To do this go to “Filter”>”Noise”>”Add Noise” and set yours up as mine is in the below screen shot.

Your star field should look something like the above screen shot now.

Our next step is to edit the levels for our star field. Doing this will get rid of the Grey stars and help open up some negative space so they don’t look so clustered and awful. So go ahead and press “CTRL L” on your keyboard to open up your level editor and set yours up as mine is in the below screen shot. The three triangles are in order of right to left, black level, gray level and the white level. I have moved the Grey level over closer to the black level. This will result in the grays becoming whiter. The white level was then moved to closer to the Grey level which means the white spots have become even whiter.

So now we have two options

  1. Create a layer mask to bust the stars orientation up a bit
  2. Use blending modes to break the stars apart.

We will be doing the first option since it’s simpler and won’t cause us to have an excess of layers. So go ahead and click the layer mask button on your layer tab, it should look like a square with a circle in the middle.

Now we can apply another filter, this time one called “Difference clouds”. Basically it will render some cloud like blobs in black and white causing our stars to only be seen where the white clouds are on the layer mask. To apply this filter click “Filter”>”Render”>”Difference clouds”. Your results should look something like the below screenshot, however keep in mind that the difference cloud filter is randomly generated.

Keep in mind that you can apply this filter as many times as you like to get a result you are satisfied with. You can even apply other filters like the twirl filter or Gaussian blur until you’re satisfied with how your stars turned out. If your stars aren’t bright enough for you though go ahead and duplicate the layer and change the blending mode to screen or linear dodge, depending on how bright you want them.

OK so now we need a stock image to build upon. Download a picture of Laptop as your own choice from net. I am using this image.

Now grab your magic wand tool and click all around the laptop. Make sure your tolerance is at a decent amount (I used 28) and that you get that shadow at the bottom, if you would rather use the pen tool then by all means do.

Now apply a layer mask as we have done before and tada! You have isolated the laptop. But we aren’t done with it yet, I think it looks a little too bright. So go ahead and open up your level editor again and set yours up like mine in the below screen shot.

Now we need to add in our lighting effects. There are a few ways to do this pen tool, shear filter, use your brush etc… but we will be doing something different, light painting stocks.
Light painting is “Light painting, also known as light drawing or light graffiti is a photographic technique in which exposures are made usually at night or in a darkened room by moving a hand-held light source or by moving the camera. In many cases the light source itself does not have to appear in the image. The term light painting also encompasses images lit from outside the frame with hand-held light sources. The first known photographer to use this technique was Man Ray in his series “Space Writing”.”
So to start off we will grab the below stock link and drop it into our document. Since it’s quite ‘fuzzy’ apply a diffuse filter (filter >stylize>diffuse>anti strophic) and then free transform it so it fits in the document

http://jeemasaurus.files.wordpress.com/2009/05/dsc01193.jpg

Now since the stocks so dark we can change our blending mode to screen which will cause the black parts of the layer to become transparent. That way isolation wont be an issue.

Now just size this layer down and place it around the side of the laptop. Once you have done that go ahead and grab your marquee tool and select a few of the lines, once you have them selected use your hue adjuster to change the colors so you have different colored strokes. The color choices really don’t matter at this point, however try and vary these lines as much as you can and remember we are trying to create a rainbow colored effect.

Now just continue duplicating the layer and changing the hues until you are satisfied with the lines. If you’re having trouble with them all looking the same try applying a twirl filter. I used the twirl filter on a few of my lines; however there are some things to keep in mind when doing this:

  1. Twirl them at the larger size before they have been diffused or sized down, this will help any decrease in quality you may have when you apply the twirl filter.
  2. Try and stray away from twirls above 100 or -100. Anything above 100 can cause a huge decrease in quality and that’s something we just don’t want.
  3. Experiment! Try applying the filter when the lines are at different angles, the results WILL be different.

At this point mine looks like the below screen shot.

Now we need to create a gradient fill layer. The option to create a fill layer is located at “Layers>New fill layer>Gradient…”. Go ahead and create a new gradient layer, when you do a dialog box should appear asking you to choose your gradient. Set yours up as mine is in the below screen shots.

Once that is done right click the layer and select “Rasterize layer”. This will turn our gradient layer into a normal editable layer. Once you have clicked that apply a Gaussian blur with the same settings as the below screen shot.

After you apply the Gaussian blur position it where our color lines have been and apply it as an overlay layer. If too much of the gradient is going off into other areas of the laptop go ahead and use the soft 300px eraser to clean it up. Mine looks like the below screenshot, however if yours looks slightly different it’s no big issue at this point.

Now repeat these above steps to the bottom and left hand side of the monitor and anywhere else you would like to. Remember to vary your colors as often as possible and that you can manipulate the light streaks if the uniformity is getting to you.

Once you have done the above go ahead and grab a single light streak and place it at the tip of the tablets pen, making sure that your light streak and pen tip are the same color is essential here though!

To paint sparks you need to start off by grabbing your standard 3px hard brush. Once you have done that you need to decide what color your spark is going to be. I will be creating a blue spark so I have selected a dark blue and a light blue; the dark blue will be for the outside of the spark while the light blue is for the inside of the spark.

Regardless of what colors you choose go ahead and start painting with the darker of the two. Start off by making a small ball and then just draw some slightly curved lines coming off it as I have in the below screenshot.

Once you have done that go ahead and switch it over to your brighter color and pain in the inside of your spark. Keep in mind if you overlap your colors a tad it’s not the end of the world and it’s a good idea to have some curved lines in the lighter color as well.

Now we will create another style of spark, this time I will be using red and yellow.  Start off by making a spike shape and then just add on additional little spikes as I have done in the below screen shot.

Then just fill it with the lighter color as we did before!

The second spark I didn’t use very much and when I did it was mainly on top of the light streaks, however you can place them wherever you like.

Once you have started drawing up a few it’s time to start placing them, I choose to place them primarily where the light streaks started and ended but you can place them where ever you like. Just keep in mind that if you’re placing them close together the tails should be in a similar direction otherwise it looks odd.

Next just color the white spots on the monitor’s buttons. Also if you like color the text that appears on the monitor.

Finally just choose a few colors and color over the two matches. I did different colors for each one but you can use the same if you like.

And it is done!!

Credit: http://design.creativefan.com/design-an-out-of-this-world-laptop-advertisement/comment-page-1/#comment-900