tutorial mc efecto comic

7/28/2019 Tutorial MC Efecto Comic

1/9

Taller de Diseo Grfico

6to Semestre de Preparatoria

Mtra. Mnica Rivera Muoz

Mayo 2012

Efecto Cmic

This tutorial will show you how to give a comic book look to your photos using a couple offilters and some additional decorations.

Click on the image below to see a larger and more clear image of the final results.

Original image byRubn Colorado

Old halftone print effect

Download and open the photo that is in your mail in Photoshop. Now we are going toincrease the overall contrast of the picture by burning it a bit. Go toIMAGE >

ADJUSTMENTS > LEVELSWith this image we are going to set theINPUT LEVELSto

60 / 1.00 / 220. But this is only for this example. Choose the best settings for each photo.
http://www.morguefile.com/archive/?display=176242&http://www.morguefile.com/archive/?display=176242&http://www.morguefile.com/archive/?display=176242&http://www.photoshoproadmap.com/imagenes/blog/comicbook/example1.htmlhttp://www.photoshoproadmap.com/imagenes/blog/comicbook/example1.htmlhttp://www.morguefile.com/archive/?display=176242&


2/9

In this step 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 toFILTERS > ARTISTIC >FILM GRAIN. In this case we are going to use: GRAIN: 4, HIGHLIGHT AREA: 0,

INTENSITY: 10. Try different settings for different photos.


3/9

Duplicate the layer and name the new layerHALFTONE

In this step we are going apply a halftone pattern to the image to give the final old comic

book printing effect. Go toFILTER > PIXELATE > COLOR HALFTONE. SetMAX

RADIUS: 4 and leave the rest with the default values. Press OK and then go to theLAYERS

PALETTEand set theBLENDING MODEtoDARKEN.


4/9

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 uniqueelements that are very popular on comic books and stripsSelect theHALFTONElayer and set a STROKE LAYER STYLEofWIDTH: 20px,

POSITION: Inside and COLOR: #F5ECE1.


5/9

Add a new layer and draw a small rectangle at the top left of the frame of the image. Give it

a STROKEof3 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 aSTROKEof3 pixels and paint it white. The final result should be like the one below:


6/9

Lets add a border to the image: Add a new empty layer above the layer containing the

rectangles we created in the previous step. Select theRECTANGLE SELECTION TOOL

from the TOOLS PALETTE. Draw a selection from the top left (right inside the frame) tothe bottom right border of the image.


7/9

Go toEDIT > STROKE, set WIDTH: 4px, COLOR: BLACK, LOCATION CENTER and

press OK.

DESELECTthe current selection and go toFILTER > BLUR > BLUR MORE. Then apply a

small distortion usingFILTER > DISTORT > RIPPLE (Amount20%, Size Medium).

Now, lets sharpen the stroke a bit with FILTER > SHARPEN MOREand there you have anice simulated hand drawn border.


8/9

Adding captions using a comic book font

To add captions to the photo you can use any font you like, but only using fonts specially

designed for comic books you will be able to achieve the desired look. Download the freefontDigital Stripand install it. At the end of this article you will find a lot of free andcommercial comic book fonts and resources.

Using theDigital Strip fontyouve just downloaded, type a date on the top orangerectangle. Play with the first letter of the text by adding a stroke, a shadow and a bright

contrasting color.

Then write a caption for the photo at the bottom white rectangle. Highlighting some words

in bold also looks good.

And thats all. Your image should look similar to the one below:
http://www.blambot.com/font_digitalstrip.shtmlhttp://www.blambot.com/font_digitalstrip.shtmlhttp://www.blambot.com/font_digitalstrip.shtmlhttp://www.blambot.com/font_digitalstrip.shtml


9/9
http://www.photoshoproadmap.com/imagenes/blog/comicbook/example1.html

tutorial mc efecto comic

Documents