Pages

Pages

Monday, September 30, 2013

Photoshop Tutorials: How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop

Photoshop Tutorials: How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop

Link to Photoshop Tutorials

How to Create an Apocalyptic Sci-Fi Photo Manipulation in Photoshop

Posted: 30 Sep 2013 02:37 AM PDT

Preview of Final Results

image002


Tutorial Resources


Step 1 – Creating Background

Create new document in Photoshop. Download photo of the sky listed in the beginning of the tutorial and drag it into your new Photoshop document. Name this new layer SKY. It’s a great habit to name all your layers because once you create something more complicated it saves you lot of time finding some layer you want to adjust.

Grab the Marquee Tool (M) and select down part of the sky without the rooftops. Press Ctrl+C to copy the selection and then Ctrl+V to paste it.

image003

Place this new layer under SKY and name it BACKGROUND. Go to Edit > Free Transform or press Ctrl+T on your keyboard to activate the Free Transform Tool. Drag the bottom part of BACKGROUND to the bottom part of the image. On the photo below you can see what I mean.

image004

It’s just a base over which you put the skyscrapers so you don’t need to worry that it looks weird. Add new empty layer  on the top of all layers and name it RETOUCH. Grab the Stamp Tool (S) and clone out the rooftops. After this step your image should look similar like the one below.

image005


Step 2 – Adding City

In this step I’ll show you little trick how to add photo of a city to this photo manipulation very easily and seamlessly without some complicated and time consuming masking.  Download picture of the city listed in the beginning of the tutorial and drag it into your photo manipulation. Place it on the top of all layers and name it CITY 1.  Right click on this layer and select option Duplicate layer. Name this new layer CITY 2 and place it on the top of all layers. Now let’s move on blending. You created two layers of the city because each one of them you’ll blend bit differently to achieve the best effect.  Make CITY 2 invisible to be able to see only CITY 1 (click on the eye icon left to the layer name).

image006

Click on the layer CITY 1 and lower its Opacity on 50%. You can find this option in top right corner of Layers palette.

image007

As you can see there is harsh transition between CITY 1 and rest of the image. To blend it better add layer mask to CITY 1. You can find the button Add layer mask on the bottom part of the Layers palette.

image008

Grab the Brush Tool (B), select some soft round brush and lower its Opacity on about 70%. Pick black color. Make sure the layer mask is activated (click on it) and paint over the upper part of CITY 1 to create smooth transition between this layer and the rest of the image.

image009

You should blend the layer similarly as on the following picture.

image010

As you can see the city is barely visible right now. Here comes the second layer with city in play. Make CITY 2 visible again and change its Blending Mode on Overlay. Below you can see how this additional layer affects the photo manipulation.

image011

There is the harsh transition between CITY 2 and the rest of the layers. Add new layer mask to CITY 2, grab the Brush Tool (B) with the same settings as before and blend it properly.


Step 3 – Darkening City

In this quick step you’ll make city little bit darker. Add new adjustment layer Curves above the layer CITY 1 and set it as on the following image.

image012

To affect only CITY 1 and not all layers under this adjustment you need to create Clipping Mask from it. Right click on the adjustment layer you’ve just created and simply select the option Create Clipping Mask. You can see result of this step on the following image.

image013


Step 4 – Adding Meteors

Download Meteor brushes listed in the beginning of the tutorial and install them into Photoshop. Create a new layer on the top of all layers and name it METEORS. Grab the Brush Tool (B) and pick meteor brush from the set of brushes you've just installed. Let me give you three tips to make the meteors realistic looking:

  1. All meteors should be in the same or very similar direction.
  2. Make some meteors bigger and some smaller to create an illusion of space.
  3. Don’t use white color. Pick some light cyanish color instead to get more realistic result.

On the following picture you can get the inspiration where you should paint the meteors.

image014


Step 5 – Adding Lights and Shadows

In this step you’ll start creating more interesting lights and shadows to create more dramatic atmosphere. You’ll continue with this process in some of the following steps. Add new empty layer on the top of all layers and name it e.g. LIGHTS 1. Grab the Paint Bucket Tool (G). Pick mid grey color (#808080) and fill the layer with it. To blend it well with the rest of the image change its Blending Mode from Normal to Overlay.

image015

Grab the Brush Tool (B), select some soft round brush and lower its Opacity on 15%. Pick white color and start painting over the areas which should be lighter:

  • clouds around meteors,
  • clouds from the side where the sun shines,
  • parts of building which are facing to sun.

After you’re done pick black color and darken bottom part of the image and top left corner to make the image more balanced looking.  If you’re not sure where to paint look at the picture below for inspiration.

image016


Step 6 – Adding Vignette

In this and some of the following steps you’ll focus on color adjustments. Let’s start with adding gentle vignette. I really like adding vignette to my pictures because it’s a great way how you can lead viewer’s eye in the center of the image. Grab the Elliptical Marquee Tool (M) and select center of the image.

image017

Now you want to make the selection smoother. To do that you need to feather it. Go to Select > Modify > Feather… (path may differ in different versions of Photoshop, this one is for CS6) or press Shift+F6 to activate the Feather Selection window. As Feather Radius set about 40pixels and press OK.

image018

Go to Selection > Inverse or press Ctrl+Shift+I to invert the selection you created. With the mask active add new adjustment layer Curves on the top of all layers and set it as on the following picture.

image019

Because of the active mask the adjustment layer makes only the edges of the picture darker and the center remains same as before.


Saturday, September 28, 2013

Photoshop Tutorials: Free Download: 4×6 Photo Mockup PSDs

Photoshop Tutorials: Free Download: 4×6 Photo Mockup PSDs

Link to Photoshop Tutorials

Free Download: 4×6 Photo Mockup PSDs

Posted: 27 Sep 2013 01:24 PM PDT

4×6 Photo Mockups

This free download contains three high-res mockups at You'll need Photoshop CS5.5 or newer to use these mockups. If you're a SparkleStock member, you get access to all 12 mockups at a staggering 20 megapixel of resolution each!

Rollover the images below to see the before and after effect.

11[3]
image
1[3]
image
4[3]
image

Download the 4×6 Photo Mockup PSDs

3 4x6 Photo Mockups (1000x667 pixels)

12 4x6 Photo Mockups (5472x3648 pixels)

Thursday, September 26, 2013

Site Updates

Site Updates


20 best Photoshop painting tutorials on the web

Posted: 24 Sep 2013 11:13 PM PDT

Tutorials
20 best Photoshop painting tutorials on the web

Tuesday, September 24, 2013

Photoshop Tutorials: Create a Mystic Lady Photo Manipulation

Photoshop Tutorials: Create a Mystic Lady Photo Manipulation

Link to Photoshop Tutorials

Create a Mystic Lady Photo Manipulation

Posted: 23 Sep 2013 03:11 PM PDT

Preview of Final Results

final result


Tutorial Resources


Step 1

Open the model image in photoshop and duplicate (Ctrl+J) the image two times. We can name the duplicates as we want. I, myself, named the duplicates as background copy and inverted background copy 2. NOTE: the original model image is quite large with size of 2304 x 3456 at 300 pxls/inch. We can reduce the the image size to 768 x 1152 at 100 pxls/inch. The psd file of this tutorial that we can download here is the one with the reduced size as mentioned above. There will be some different setting for certain filters used because of the reduction as we can see in the psd file.

step1a


Step 2

Select the inverted background copy 2 layer in the layer panel and hit Ctrl+I to invert the layer.

step2aa

With the layer still selected, go to Layer > Smart Objects > Convert to Smart Object. This will change the layer into a smart object later indicated by a small smart object thumbnail at lower left corner..

step2ab

Then, change this smart object layer's blending option from normal to overlay at 100% opacity.

step2b

The result should look like this:

step2c


Step 3

In this step, we will give some high pass filter for the smart object layer by going to Filter > Others > High Pass.

step3a

Here is the setting of the high pass filter. After applying this filter, it will be a smart filter shown below the smart layer with a white mask thumbnail. Note: the amount of the high pass filter shown in the screenshot is the one for the image with original size (2304 x3456 pxl at 300 resolution). If we reduce the resolution to 100 pxls/inchs (a third of 300), we should set the amount of the filter to 11,5 pxl (a third of 34,5). This will give the same result.

step3b

Give this layer a layer mask by clicking the layer mask icon in the bottom of the layer panel.

step3c

Then, mask the areas around the eyes, nose, lips and upper hair as shown in the selection in the screenshot. Use a very soft round brush at 20% opacity for this purpose.

step3d

Next, select the mask thumbnail of the high pass smart filter and mask some areas on the model's face and hair.

step3e

Here is the result we should have:

step3f