15 unknown users

 Word :   Username :  
 
Bottom
Author
 Thread :

[Photoshop tutorial] Give Your Photos a Retro Comic Book Effect

 
n°2797
God Of Mana
Profil: Penguin
Avatar
profil
Posted on 05-13-2008 at 10:49:35 PM  
 

LINK TO ORIGINAL TUTORIAL

 


_________________________________

 


Heres our final result :wink:

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/final1.jpg

 

______________________________________________
Lets begin:

EDITING THE PICTURE

 

[1]We are going to increase the overall contrast of the picture by burning it a bit. Go to IMAGE > ADJUSTMENTS > LEVELS…With this image we are going to set the INPUT LEVELS to 60 / 1.00 / 220. But this is only for this example. Choose the best settings for each photo.

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/levelss.jpg

 

[2]We are going to give the photo an illustrated look with some graininess to give the illusion of an old and bad quality paper. It is not a realistic effect, it is just some distortion to the image to help us achieve the final look. Go to  FILTERS > ARTISTIC > FILM GRAIN. In this case we are going to use:  GRAIN: 4, HIGHLIGHT AREA: 0, INTENSITY: 10. TTry different settings for different photos.

 


http://www.photoshoproadmap.com/imagenes/blog/comicbook/film-grain.jpg

 

Duplicate the layer.

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/step2.gif

 

[3] We are going apply a halftone pattern to the image to give the final old comic book printing effect. Go to FILTER > PIXELATE > COLOR HALFTONE. Set MAX RADIUS: 4 and leave the rest with the default values. Press OK and then go to the LAYERS PALETTE and set the BLENDING MODE  to  DARKEN.

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/halftone.jpg

 


Adding comic book elements to the picture

 

The effect looks nice so far. It is not a realistic old comic book effect, it simple resembles that look. To make it more real, now comes the fun part. We are going to add some unique elements that are very popular on comic books and strips
Select the HALFTONE layer and set a STROKE LAYER STYLE of WIDTH: 20px, POSITION: Inside and COLOR: #F5ECE1.

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/frame.jpg

 

Add a new layer and draw a small rectangle at the top left of the frame of the image. Give it a STROKE of 3 pixels and paint it orange. An orange to yellow gradient looks better. Draw another rectangle, a bit larger this time, on the lower left corner of the frame. Give it a STROKE of 3 pixels and paint it white. The final result should be like the one below:

 


http://www.photoshoproadmap.com/imagenes/blog/comicbook/rectangles.jpg

 

ets add a border to the image: Add a new empty layer above the layer containing the rectangles we created in the previous step. Select the RECTANGLE SELECTION TOOL from the TOOLS PALETTE. Draw a selection from the top left (right inside the frame) to the bottom right border of the image.

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/border1.jpg

 

Go to EDIT > STROKE, set WIDTH: 4px, COLOR: BLACK, LOCATION CENTER and press OK.

 

DESELECT the current selection and go to FILTER > BLUR > BLUR MORE. Then apply a small distortion using FILTER > DISTORT > RIPPLE… (Amount 20%, Size Medium). Now, lets sharpen the stroke a bit with FILTER > SHARPEN MORE and there you have a nice simulated hand drawn border.

 

http://www.photoshoproadmap.com/imagenes/blog/comicbook/border2.jpg

 

Put in your text and...
http://www.photoshoproadmap.com/imagenes/blog/comicbook/final1.jpg

 

Done!
 

answer
mood
GoogleAds
profil
Posted on 05-13-2008 at 10:49:35 PM  
 

answer
n°2798
God Of Mana
Profil: Penguin
Avatar
profil
Posted on 05-13-2008 at 10:56:07 PM  
 

Phew, I think 2 tutorials for today is enough...more to come later... :wink:

answer
n°2800
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-14-2008 at 04:25:45 PM  
 

At the moment the images do not show. :frown: Thanks for your input though. :oui: Can't really say anything about the quality of the tutorial as you might understand. :wink:

answer
n°2803
x3lumin8x
Profil: Penguin
Avatar
profil
Posted on 05-14-2008 at 05:52:08 PM  
 

Please include images with tutorials, makes learning easier. Thank you  :wink:

answer
n°2804
God Of Mana
Profil: Penguin
Avatar
profil
Posted on 05-14-2008 at 08:49:45 PM  
 

Do they show now?

answer
n°2807
darklady
Just remember, art saves lives.
Profil: Big Penguin
Avatar
profil
Posted on 05-14-2008 at 09:25:13 PM  
 

I do not see them :frown:

answer
n°2809
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-14-2008 at 09:31:07 PM  
 

I went into your post and fixed the image links. :angel: It makes me wonder if you have made this tutorial yourself though. :neutral: You're linking directly to this website.

answer
n°2810
God Of Mana
Profil: Penguin
Avatar
profil
Posted on 05-14-2008 at 09:42:02 PM  
 

nope its not mine :redface: But I thought it was good, so i put it here.

 

The pics don't show on my pc now

answer
n°2811
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-14-2008 at 09:44:55 PM  
 

Strange.. they do show on my computer. Hmm.. about tutorials that are not yours, you are not able to just copy them and put them up here. All tutorials here are hand written by the users themselves. :oui: Your tutorial topics will be moved to the Graphic Novice Center. :oui: Would you mind putting a link to the original tutorial in the first post on forehand please?

answer
n°2812
God Of Mana
Profil: Penguin
Avatar
profil
Posted on 05-14-2008 at 09:46:58 PM  
 

okii.

answer

Go to:
Add a reply