Tuesday, 17 June 2014

How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5

In this tutorial, we will show you how to create a cool vintage collage, in Photoshop CS5, and apply it to a stock image. Layered PSD file included. Let’s get started!

Final Image Preview

How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1000px by 1500px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #9A9A9A color the new background layer.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Find a stock photo with a model represented on it, I used this Retro portrait from Shutterstock. I would like to thank the author of this photo, or if you prefer, you can substitute similar image of your own.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Remove the background using your favorite tools like Pen Tool (P)Magic Wand Tool (W)Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and select Hard Round brush from Brush Tool (B).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Use this brush to paint the canvas as shown. The brush’s color is black.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set Fill to 21% for this layer and change the Blending mode to Overlay.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Hold down Alt (Windows) or Option (Mac OS) and between the portrait’s layer and the brush’s one on the Layers panel to create a clipping mask.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and choose the Soft Round brush from Brush Tool (B).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Use this brush to paint in black the hair edges and the cigarette itself.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Hold down Alt (Windows) or Option (Mac OS) and click between layers in the Layers panel to create a clipping mask.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and select the Ellipse Tool (U) to represent a small black ellipse, placing the layer under the model’s one:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set Fill to 73% for this layer.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Make a copy of the last made layer and apply the Free Transform (Ctrl+T) command to change the copy’s sizes, placing it as below. Apply different value for Fill parameter on the copy on your wish.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Next step we’ll use set of Grunge Brushes from Deviantart. I would like to thank the author of these brushes. Load the brushes from the downloaded set.
Insert after that the mask on each layer containing the circles by choosing Add layer mask on the bottom part of the Layers panel and choose the next brush from Grunge Brushes set.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Use this brush to paint smoothly in each masks of the circles’ layers:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We must represent now the same way one more circle, placing it under the model’s layer. Set Fill to 80% for this layer. The circle’s color is black.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Hard Light.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Next we’ll represent a triangle, select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Triangle at the bottom of the menu, and then double-click a shape thumbnail to select it.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Click and drag to draw the triangle. Firstly we’ll represent one of bigger size and then hold Alt button while drawing the next triangle to cut the middle part, applying a triangle of smaller size. Place the layer under the model’s one.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set Fill to 45% for this layer.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Make several copies if the layer with the triangle and then apply the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as it is demonstrated next image. Change the Opacity value on the copies’ layers. On the layer containing the turned around triangle we’ll change the Blending mode to Vivid Light.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Make four more copies of the layer with the triangle, composing a figure like it is shown below on the picture. Place the copies’ layers, using the Free Transform (Ctrl+T). The triangles’ layers will be placed under the model’s layer.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Combine in a group all the layers composing those four triangles (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel).
The Opacity for the made group is 92%.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and apply here the next brush from downloaded brushes.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Brush color is #3D322F, set Opacity to 70% in Options bar. Place the layer under the model’s one:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Next we’ll make a copy of the group containing the four triangles and apply Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as it is demonstrated on the picture. The layer will be placed under the model’s one:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Insert the mask on the copy with the triangles’ group by choosing Add layer mask on the bottom part of the Layers panel and choose the next brush from Grunge Brushes set of black color (set Opacity to 40% in Options bar). Paint smoothly in the mask using this brush.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Hard Light.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Make a copy of the group with the four triangles and use again the Free Transform (Ctrl+T) to change the copy’s sizes as it is demonstrated below. Place the layer under the model’s one. Set Opacity to 64% for this group.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Make one more copy of the triangles’ group and place it the same way from below. Preliminary we’ll make it smaller and turn it around, using the Free Transform (Ctrl+T). Set Opacity to 80% for this group.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Change on the group’s copy the Blending mode to Linear Burn.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer now and apply here the Paint Bucket Tool (G) to fill it with #9A9A9A color. Put the layer under the model’s one:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Apply on this layer the next filter Filter > Noise > Add Noise:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Hard Light.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and select the Round Blunt Medium Stiff brush from Brush Tool (B).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Use this brush to apply some brushstrokes as shown on the model’s hair, using the Eyedropper Tool (I), to take preliminary the samples of the color out of the model’s hair. The layer will be situated under the model’s one.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
On the next new layer we’ll apply the same brush mentioned above of black color with a different Opacity value and represent the same strokes as on the next picture. Place the layer under the model’s one.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Insert the mask on the same layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 30% in Options bar).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Paint in the mask using this brush to change the visibility of the layer as shown.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer again and apply the Round Blunt Medium Stiff brush of black and white nuances to represent more strokes.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Apply the brushes of different diameters and Opacity value. Place the layer under the model’s one.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and apply the next brush from Grunge Brushes set.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
The brush’s color is white (set Opacity to 20% in Options bar). Place the layer under the model’s layer.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Overlay.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
On the next new layer we’ll apply the next brush from the mentioned set and put the strokes around the model’s face.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
The brush’s color is black (Opacity – 40%). This layer and next ones will be inserted above the model’s layer.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and select the Round Blunt Medium Stiff brush to represent the next strokes on the model’s hand zone.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
The brush’s color is #100701.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Overlay.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and apply the next brush from Grunge Brushes set of black color and Opacity – 80%.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and select the Paint Bucket Tool (G) to fill it with #EDE3DC color.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Insert the mask on the same layer by choosing Add layer mask on the bottom part of the Layers panel and choose the next brush from Grunge Brushes set of black color (set Opacity to 20% in Options bar).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Paint in the mask to get the next result as shown:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Saturation.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Levels to adjust tonal range.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Adjusting black and white points with Output Levels sliders. Output slider must be in the next position (0 and 241).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown with #070300 color.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set Fill to 54% for this layer and change the Blending mode to Overlay.
Blending mode-Overlay
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and select the next brush from Grunge Brushes set.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Use this brush to paint on the canvas’s surface with the #FFF5EF color (brush Opacity – 20%).
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set the Blending mode for this layer to Soft Light.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
On the last stage we have to draw several shapes, applying the Pen Tool (P) draw the next shape.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and go to Blending Options, find Advanced Blending and choose Layer Mask Hides Effects.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Insert the mask on the same layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Hard Round brush of black color.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Paint in the mask using this brush to hide out the top edge.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
This way we have to draw two more zigzag shapes, using the same tools.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Create a new layer and choose again the Hard Round brush of black color to represent the next dots.
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
We’ve got the next result:
How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5
Our Cool Vintage Collage is finished!

Posted By: Designer

How to Create a Cool Vintage Collage Design in Adobe Photoshop CS5

Share:

Post a Comment

Facebook
Blogger

No comments:

Post a Comment

Advertisment

Like Us

© PHOTOSHOP DESIGNER All rights reserved | Theme Designed by Seo Blogger Templates