How to create typographic illustration with Photoshop and Illustrator and discover what Object > Envelope Distort > Make whit Mesh

The hand-lettering and typographic illustrations are really eye-catching, but it takes a lot of skill to create authentic works that are done by hand with pencil and pen. Typically this type of art is done by illustrators of a certain caliber, but I found a completely digital technique that allows us mere mortals to create works of this genre without leaving crazy!

23-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

We obviously need a silhouette, we can draw and draw us from any public domain image as that of the fish below

1-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab2-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

Open the image of illustrator and set the opacity to about 50%

3-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

At this point with the pen tool to-trace the outlines. If you do not want to waste time instead of many sites offer an extensive collection of images and templates ready, if you want to know someone looks at our post on the best sites to download vector, I took this from one of them

4-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab5-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

The dolphin shape is the one that I liked the most so I deleted the other. Now think of a sentence to be inserted into our template and choose a Handwriting type font, you can download many of these fonts for free from many sites, in our article you can find a collection of the these sites

6-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

we write the sentence and divide each word on a separate layer

7-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

we position the word on the template to get an idea of how they will be deformed and arranged to fill the entire space by changing the color with one appropriate to see as well as fix

8-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

Now comes the fun part, we must deform each word so that it engages well with the other and does not come out of shape then go to Object> Envelope Distort> Make whit Mesh, this function will allow us to create a grid on the level of that given word

9-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

then we set the number of parts in which you have to divide the frame, a row and 4 columns for long words is more than good enough to be articulated and deformable and fit any shape.

10-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

As you can see before the selection frame was unique now is divided into four compartments to which the Vedic has spots. Through the White arrow (in the pallet of tools) we can move these points independently of the other, going to fix the word chosen in the position that interests us. This method works similarly to alter the phothoshop puppet. But this tool allows much more flexibility because we are working in a vector field and not in pixels.

11-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab 12-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab 13-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

For the words shorter set Object> Envelope Distort> Make with Mesh on one row and two columns, and proceed with the arrangement of the words in the pattern. If you select all the points of the box containing the keyword, using the black arrow (from the tools palette) you can turn rovesciala tilt like any level. To facilitate the task leave straight words before using Object> Envelope Distort> Make whit Mesh and then subsequently inclinatele and move the points. otherwise the box that will be formed will be straight but the word inside it will be tilted, which makes the written arrangement on the most dificoltosa shape, you’ll have to do a lot more work in short.

14-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

Continue to enter words as you like, leaving a bit of space from the edge and between them

15-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab 16-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

Now, we’re done we invert the colors and we import all about photshop. I have always taken this Navy image from a website of free images, in joint Unsplash if you want to know more read our post at the link

17-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

you can directly import from Illustrator file without saving it first, then select what you need and simply drag it between the two screens. I only took the dolphin and the words without the background. Photoshop creates a new layer called special object avanzato.Una once resized the image to your liking, click the right level on a Dolphin and click rasterizes level, because we do not need to remain a vector image (some color adjustments and method It is possible on Smart objects so you rasterizarli before).

18-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

we set the blending mode as photos and even the opacity

19-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

Now apply a texture to the entire image to give the air of a crumpled sheet

20-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

We burn the image with tonal values, as shown below. Image> Adjustments> tonal values

24-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

and apply the blending mode and opacity as photos

21-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

to give our dolphin look more printing we go with a black brush to give it a worn look, as if some parties had not got ink on paper during the printing press. It takes a special brush, but on the internet we can find a lot of this kind, read our post The best sites where to download photoshop brushes for and find your perfect brush, or create one of your own by following our instructions in the tutorial we did at this link. In any case it needs one made up of many small dots, as you can easily see from the image below

22-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

Here is the finished image

23-applicazionigrafiche.blogspot.it - Come fare un'illustrazione tipografica facilmente grafica design poster Art A4 phothoshop flame creations lab

 

How to create typographic illustration with Photoshop and Illustrator and discover what Object > Envelope Distort > Make whit Mesh
Tagged on:         

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *