Friday, 29 January 2016

Create a Film Strip Photo Collage Portrait effect in Photoshop


In this Tutorial you will learn how to create a film strip collage photo or portrait in photoshop

WATCH VIDEO TUTORIAL HERE... 

How to make a 3d photo cube in photoshop


Here is a fun tutorial. I’m going to show you how to wrap your photographs onto a 3D cube. Don’t worry if you have never done 3D before, this is really easy.

WATCH VIDEO TUTORIAL HERE... 

Best Way to Colorize Black and White Photos in Photoshop


In this Photoshop tutorial by Blue Lightning TV you will learn how to colorize and hand-tint black and white photos.

WATCH VIDEO TUTORIAL HERE... 

 


Age Progression - Photoshop Tutorial

We are going to show how aging occurs in a woman’s face via Photoshop. For this tutorial we are going to use celebrity star Katie Holmes picture.


Step 1: Choosing an Appropriate Photo


Choose some close up candid photos which doesn’t have much make up and shows all detailing of the face. In Katie’s picture, we can see some slight horizontal lines on her forehead, eyes and near her mouth.


In Katie’s case, we can see very faint horizontal lines on her forehead, fairly obvious lines under her eyes and lines bracketing her mouth. 

Step 2: Collect reference material as it’s the key to the method of aging. 

 

Keeping Katie’s face in mind, I scoured the Web, looking for faces of old women who either resemble Katie and/or share the same facial expression. Here, Katie is smiling with her face positioned at a 3/4 angle so I tried to gather as many pictures of old women who are smiling in the same manner or close to that. I then opened up the picture of Katie in Photoshop and pasted the found images around her face on a separate layer, spread out to provide easy visual access.


Another kind of reference I like to use but is usually hard to find, is pictures of the subject’s parents. I managed to find a couple of reference pictures of Katie’s mother online and they really helped me to decide whether or not to give Katie a double chin. Since her mom has quite a bit of mass under her chin, I decided I would apply that to Katie too.

Step 3: Thinning Brows Now the fun begins!

 

The first thing I like to do is to thin out the subject’s eyebrows and eyelashes. The older people get, the thinner their hair gets - either because hair falls out and/or because it dries out as it greys.


So to achieve this, I like to use the Clone Stamp tool at 100% with a relatively small brush size depending on the size and resolution of the image. I sampled the surrounding skin to thin and reduce the number of hairs.

 

Step 4: Mold the Face Next, I like to add the basic sags to the skin.

 

I do this in the Liquify mode. I tried to create sagging effects to the cheeks, jowls and the cliff just above the eyes by using the Push tool. For the eyes, I tried to be subtle; otherwise she may end up looking somewhat ghoulish.


From what I’ve learned about the aging process, I know that while bones cease to grow, and in fact shrink, cartilage does continue to grow. As a result, the end of a nose may appear larger as a person grows older. So while I was still in the Liquify mode, I used the Push tool to extend the length of the nose slightly. Then I used the Bloat tool to also enlarge it slightly, being careful not lose the essential quality or character of the nose. Go too far and it may not look like Katie anymore.

Step 5: The Aforementioned Double Chin

 


Based on her mother’s pictures, I then added a fairly massive double chin. I initially used the Airbrush tool with some fairly broad strokes, sampling the colors that were already in the area of her neck. I then worked in the details with a finer brush size. Also, keep in mind that I was also using the other reference photos of older women to guide me.

Step 6: Wrinkle Up the Eyes 

 

For me, the most important parts to get right are the eyes. They can make or break the project. Done wrong and the picture may no longer be identifiable as one of Katie Holmes anymore. I sought out the fine lines around the eyes and I tried to imagine how they would progress into wrinkles. I then extended them in length and width accordingly. Referencing the pictures of old women helped a lot with this step.


I used a combination of the Stamp tool and Brush tool. I wish I could explain my technique at this point in a more clinical manner but mostly I relied on my artistic instincts. I emphasized the wrinkles around the eyes by widening and deepening the lines slightly and increasing the contrast by darkening the recesses and lightening the edges. Also, I extended wrinkles to the cheekbone areas. I then applied the same technique to the wrinkles around the mouth and to the forehead. 

Step 6: Reducing the Lips In this step, I work on the lips.

 

As people grow older, the outline of the lips tends to recede. Using the Stamp tool, I sampled the skin surrounding the lips and thinned them out.


While I was at it, I also added a few vertical wrinkles above the lips to give her a bit of a "prune" effect. We just want a hint of that, so don’t carve out deep lines; deep lines would only be necessary if she was puckering her lips.

Step 7: Planning Out More Wrinkles 

 


Here, on a separate layer, I faintly outlined or sketched, with a relatively thin brush size, areas that I may or may not add more lines and wrinkles to. It’s easy to get carried away with the addition of wrinkles. So, I stopped, took a step back and assessed where to take to image. For me, it's essential and a great test to see what best works.

Step 8: Touching Up the Wrinkles Based on the previous step, I added wrinkles where I thought they were needed most. 

 


Overall, I found that the wrinkles and lines seemed a little flat in comparison to the rest of Katie’s features. They needed more definition so that they could pop out more. So, I highlighted the raised edges of the individual lines with the Brush tool and with a lighter skin tone.

 

Step 9: Hairy Lips Facial hair becomes an issue with most women as they age. 

 

For some strange reason they lose it in the brow area and grow it back around the mouth area. I didn’t want Katie to be the exception so with a very fine brush size and the Brush tool, I added hairs to her upper lip.


I tried to make it as subtle as possible. Hairs too thick or dark would draw the viewer’s attention straight to her mustache and I didn’t want that. I also added more wrinkles to the area below the corners of her mouth.

Step 10: Refining the Neck

 


I decided that the neck was too smooth for a woman of 75 years of age. So I added finer wrinkles to that area. Also, I added more mass and weight to her jowls with the airbrush by increasing the value of the tones in those areas thus creating more contrast between surface planes. 
 

Step 11: Adding Age Spots A key component to effective aging of a face is the addition of age spots.

 


So at this point, I sampled one of the darker skin tones on her face, and on a separate layer that was set to Multiply and 30% opacity, I brushed them in and tried to create irregular shapes (there IS no perfect age spot). You can add as many as you like; the amount varies from person to person. I decided to be conservative with Katie.

 

Step 12: More Refinements

 

I took a little break from it and came back to it later to possibly get a better perspective on it. When I looked at it, at this point, I decided that certain areas needed refining and added detail. This is the beauty of working with a high-resolution file; I can zoom in real close and deal with a wrinkle up-close and personal.


Unless their teeth were subjected to regular whitening, most people’s teeth yellow with age. Gums also recede, showing less gum and more bone. And so with that in mind, I sampled a yellowish-brown color and on a new layer that was set to Multiply and 30% opacity and painted that color to the teeth with the Brush tool. Her gums didn’t show to begin with, so receding the gums here wasn’t necessary.

 

Step 13: Preparing the Hair

 


The finishing touch here is greying the hair. I began by creating a mask defining the area of the hair. I used the brush for this and tried my best to define as many loose strands of hair that I could.


With this mask as a selection, I then created a Hue/Saturation adjustment layer and reduced the saturation to –63.


 I then created a new adjustment layer based on the same mask and adjusted the Brightness/Contrast to brightness +9 and contrast –36. As a result, I found that the darker areas were too pale and caused a loss of depth and so to adjust that, I then selected the mask and scratched out the darker areas with a 5px brush size at 50% opacity so that they could show through from the original image.

Step 14: Hair Raising 

 

The next step was to raise the hairline and thin out the hair. Hair loss is common with both sexes.


I sampled the area at the top of the forehead and extended the skin area above the original hairline.

Step 15: Greying the Hair 

 

A lot of details of the hair were lost in the previous step so with a thin brush size at 80 percent opacity I drew in fine grey hairs, sparsely laid out.


 Patiently, slowly, stroke by stroke I added more and more hairs until I was happy with the amount of grey I had added.

Step 16: Finishing Touches 

 

Finally, I took a step back, refined a few wrinkles here and there ET VOILA!

Saturday, 16 January 2016

Create a 3D Text Scene Using Photoshop

In this tutorial we’ll create a realistic 3D text scene using Photoshop with a little help from Illustrator for the 3D text.

You need to have medium to advanced knowledge of Photoshop in order to complete this tutorial.

To get started, go ahead and download all the images used from the Sxh.hu website. All images are free to download and here are the links: 1, 2, 3, 4

Let’s get started and create a truly awesome 3D effect in just a few short steps. Try it out and feel free to post links to your own variations, we’d love to see what you come up with.

 Here’s a quick preview of the image that we will be creating:


Step 1

On a blank document type the text in Illustrator. I’m using the Impact typeface and this foreground color: #CCCCCC. Then go to Effect > 3D > Extrude & Bevel, and set the values as shown below. Then copy (Ctrl or Command + C) the 3D text.


Step 2

Let’s open Photoshop, create a new document (1280 x 1024 px) and put this image as a background. Then paste the 3D text (created on Step 1) as a Smart Object.


Step 3

Next, go to Filter > Render > Lighting Effects and set the values as shown below. This way the text will match the scene lightening.


Step 4

Select the Smart object layer, right click on the layer and select Duplicate Layer > Destination: New, and Name: Map. Then go to Layer > Rasterize > Smart object.  Save the document as Map.psd somewhere in your Desktop.


Step 5

Now, let’s save the previous document as “Displace texture”, delete the raster 3D text and paste this image on a new layer. This will be our first texture.
Go To Filter > Distort > Displace, search for “map.psd” and set both the Horizontal and Vertical values to 50. Then, Select all (Ctrl + A or Command + A) and copy the selection.


Step 6

Paste the “Rock Texture” into a new layer above the 3D smart object. Change the Blending mode to Overlay.
Ctrl (Command) + Click on Smart Object miniature to select the text shape, then Ctrl (Command) + Shift + I to invert the selection, then hit DEL to delete the extra texture (on the “Rock Texture” layer).
Then use the Magic Wand tool to select the front face of the 3D text on the Smart Object layer and delete the selection on the “Rock Texture” layer.


Step 7

Using the Burn Tool, burn some shadows on the “Rock Texture” layer.


Step 8

Select the “Sand dunes” layer, select the Clone Stamp tool and holding the Option (Alt) key, click somewhere on the sand. Then create a new layer above “Rock texture”, name it “More Sand” and clone the sand on that layer.


Step 9

To improve the texture effect, delete some areas of  the “Rock Texture” layer.


Step 10

Now we’re going to add some ‘dirt’. Open the “Displace texture” file one more time. Paste this image into a new layer. Go To Filter > Distort > Displace, search for “map.psd” and set both the horizontal and vertical values to 50. Then, select all (Ctrl + A or Command + A) and copy the selection.


Step 11

Paste the “Dirt texture” into a new layer. Ctrl (Command) + Click on the “3D text” layer miniature to select the text shape, then Ctrl (Command) + Shift + I to invert the selection, then hit DEL to delete the extra texture (on the “Dirt texture” layer).
Using a soft eraser, delete the bottom of the “Dirt texture” layer, then improve the result by using an irregular eraser.


Step 12

Change the “Dirt texture” blending mode to Multiply and add a small Drop Shadow.


Step 13

To add the grass, go to the “Displace texture” file and  paste this image. Apply a Displacement map, just like the other textures and finally copy the grass.


Step 14

Paste the grass on the main document, delete  the bottom part and using an irregular Eraser delete some areas on the borders.


Step 15

Burn some shadows on the “Grass texture” layer.


Step 16

Add a small drop shadow to  the “Grass texture” layer. Using the Sponge tool, desaturate some of the areas of the grass.


Step 17

Paste the grass texture into a new layer on a plane on Vanishing Point filter window (go to Filter > Vanishing Point) to match the perspective of the landscape.


Step 18

Erase some random areas of the “Grass” layer, and using an irregular brush delete some random areas here and there.


Step 19

Select a part of the grass, feather the selection and adjust the hue value to -30.


Step 20

Finally add a soft drop shadow to the “Grass” layer.


Step 21

Let’s add more details. Paste this image into a new layer and adjust the Hue/Saturation values to match the existing colors. You can call the new layer “Hanging plant” or something like that.


Step 22

Using an irregular eraser, delete everything with the exception of the hanging plant, and place them next to
3D text’s corners.


Step 23

Duplicate the “Hanging plant” layer and go to Edit > Transform > Flip Horizontal. Then distort the copy a little bit. Follow this with the use of the burn tool to make the copy darker according to the the scene lighting.


Step 24

Add as many details as you want. I added a few more hanging plants and a bush.


Step 25

Just to create a more dramatic effect apply these two adjustment layers to the entire design: a Photo Filter and a Gradient Map (Opacity 35%).


Final result

Now you’ve got a nice 3D text inside a photograph. Click on the image for a larger preview.  Try it on your own and come up with your own variations.