Accueil > Tutoriels pour les webdesigners > Photoshop > Dessiner des objets avec Photoshop > Art Urbain : Créer un graffiti avec photoshop

Art Urbain : Créer un graffiti avec photoshop

mercredi 11 février 2009, par Wonka

Découvrez l’art urbain dans un tutoriel haut en couleur. Composé d’une première partie présentant cet art et quelques réalisations de graffiti, vous pourrez grâce à la seconde partie réaliser votre propre graff en suivant un tutorial graphique sous Photoshop.

Le Street Art appelé également Art Urbain regroupe plusieurs disciplines de création graphique spécifique à la rue. Les artistes de ce type utilisent plusieurs supports comme l’affiche, le sticker, le pochoir ou tout simplement les murs et autres mobiliers urbains avec le graffiti et les Vandales ou Blazes.

Nous allons aujourd’hui nous intéresser plus particulièrement aux graffitis.

Le graffiti est un dessin qu’un artiste applique directement sur un mur (ou tout autre support urbain) il se compose le plus souvent d’un mot (calligraphie) et parfois d’une illustration. Le but d’un graff est la recherche artistique autour d’une lettre puis d’un mot.

Le « graffeur » utilisera divers techniques de création pour obtenir un résultat original et haut en couleur, voici quelques exemples de graffs :

JPEG - 114.9 ko
JPEG - 67 ko

++++

Histoire du graffiti

Le mouvement a été très spectaculaire dans le métro de New York dont les rames se sont subitement couvertes de noms : Taki 183, Tracy 168, Stay High 149, etc.9 En quelques années, ces « tags » (signatures) se sont sophistiqués et sont devenus de véritables typographies ; leurs auteurs ayant décliné l’écriture de leurs messages (plus souvent leur nom) afin d’en augmenter la visibilité ou d’en développer le style pour marquer ou s’affirmer par leur personnalité et ; pour faire partie de la mémoire collective ne serait-ce que dans leur milieu, parfois au moins comme simple précurseur d’un style. Le but du Graffiti étant au départ d’obtenir « the Fame », c’est à dire la célébrité, la reconnaissance des autres taggers ou graffers leur signifiant par là qu’ils existent. Tous les moyens seront bons pour cela. … lire la suite de l’histoire du graff sur Wikipedia.

JPEG - 46.7 ko

Le graff sur papier : le sketch

Pour ceux qui n’ont pas l’habitude de cet art et pourtant qui voudraient s’y essayer, sachez qu’il est possible de dessiner du graff sur papier, on appelle cela un sketch. Le sketch peut être une esquisse d’un futur graff sur mur ou graff complet et élaboré, dessiné sur une feuille.

Attention pour cet art urbain d’intérieur il vous faudra un matériel spécial : crayon à alcool, blanco, papier à couche etc…

Voici quelques exemples de sketches :

JPEG - 65.6 ko

Image vu sur : http://whatyouwrite.wordpress.com/2008/05/16/

Pour votre inspiration voici des graffs que je trouve réussis à tout point de vue : couleur, mise en scène, originalité :

JPEG - 381.9 ko
JPEG - 252.7 ko
JPEG - 289.6 ko
JPEG - 239.5 ko
JPEG - 226.3 ko
JPEG - 67 ko
JPEG - 232.8 ko
JPEG - 319.2 ko
JPEG - 291.5 ko
JPEG - 316.9 ko
JPEG - 255.6 ko
JPEG - 229.4 ko
JPEG - 155 ko
JPEG - 51.1 ko
JPEG - 179.9 ko
JPEG - 114.9 ko
JPEG - 90.1 ko
JPEG - 255.3 ko
JPEG - 149.7 ko

++++

Liens et sources externes

- http://www.creativetempest.com/category/graffiti/
- http://www.fatcap.org/
- http://www.flickr.com/photos/misphit_australia/page4/
- http://www.flickr.com/photos/maty_kot/1914732895/
- http://fr.wikipedia.org/wiki/Graffiti

Le tutoriel : créer un graff sous Photoshop

Mais ce qui nous intéresse c’est l’infographique, il devrait être possible de créer un graff simplement en utilisant sa souris sous Photoshop ! Pour commencer cet art urbain sans dépenser un centime en matériel voici une méthode pour créer des graffitis sous Photoshop.

Attention cette technique longue est plutôt conseillée à ceux qui ont déjà une maitrise des outils Photoshop.

Bien entendu je vous propose le fichier source en téléchargement en bas de cette page.

Et pour vous motiver, voici le fichier que vous obtiendrez à la fin de ce tutoriel :

JPEG - 209.1 ko

ETAPE 1

La première étape consiste à travailler chaque lettre une à une puis de les regrouper jusqu’à ce que le mot voulu soit complet.

Dans mon exemple, je vais écrire le mot SKETCHES ma première lettre à travailler sera donc un S.

La technique du graff est de modifier et de sublimer la lettre, je laisse mon imagination jouer et je dessine ma lettre grâce à l’outil plume.

JPEG - 33.5 ko

ETAPE 2

Puis je dessine ma seconde lettre ; il s’agit du K

JPEG - 37.2 ko

++++

ETAPE 3

Et une à une j’ajoute les lettres composant le mot. Normalement chaque nouvelle forme est créée sur un nouveau calque de forme.

JPEG - 50.7 ko

ETAPE 4

En utilisant toujours l’outil plume j’ajoute des formes qui permettent de positionner le mot dans son ensemble et de l’asseoir sur l’ensemble du document.

JPEG - 55.9 ko

ETAPE 5

Je vais maintenant commencer par colorier mes lettres.

Je commence par créer une archive de mes lettres : pour cela, je crée deux dossiers dans la fenêtre des calques, l’un que je nomme Archives et l’autre Lettres. Je déplace toutes les formes blanches dans le dossier Lettres. Je duplique toutes les formes et je les place dans le dossier Archives puis j’appuie sur le petit œil devant le dossier archives pour le cacher.

Maintenant je vais fusionner tous les calques présents dans le dossier Lettres, pour cela je les sélectionne puis je clique droit avec la souris et je fais « fusionner les calques ». Ensuite je récupère la sélection du mot en faisant Ctrl + Clic sur le calque.

Je crée un nouveau calque que je place au dessus du mot. Puis avec une couleur (rose par exemple) et le pinceau je colorie le bas de chaque lettre :

JPEG - 44.2 ko

Une fois chaque lettre coloriée j’obtiens un résultat comme ceci :

JPEG - 81.9 ko

ETAPE 6

Je crée un nouveau calque que je place sous les lettres, en utilisant un pinceau noir, je peins l’intérieur du graff.

JPEG - 86.2 ko

++++

ETAPE 7

Puis en utilisant l’outil plume, je vais dessiner des formes noires qui vont créer le contour de l’ensemble des formes blanches.

JPEG - 53.4 ko

Une fois le contour créé au complet, le graff ressemble à ceci :

JPEG - 106.8 ko

ETAPE 8

Puis je vais donner du relief à la forme générale, pour cela j’utilise encore l’outil plume et je crée des formes sur le bas du contour :

JPEG - 46.6 ko

Une fois l’ensemble réalisé, le graff ressemble à ceci :

JPEG - 107.7 ko

ETAPE 9

J’utilise le pot de peinture pour changer la couleur du fond, puis en utilisant encore la plume je crée un autre contour autour des formes noires, pour cela j’utilise un jaune très clair.

JPEG - 134.3 ko

ETAPE 10

Je crée un nouveau calque et avec un pinceau dur d’environ 3 px je crée des lignes noires pour identifier et séparer chacune des lettres et formes blanches.

JPEG - 141.6 ko

++++

ETAPE 11

Je crée un nouveau calque et avec le pinceau et une couleur d’avant plan bleu je colorie l’intérieur des formes blanches (seulement celles en plus des lettres).

JPEG - 145.4 ko

ETAPE 12

Sur le bas de ces formes je peins avec un bleu plus clair.

JPEG - 146.9 ko

ETAPE 13

J’utilise l’outil ligne pour créer des sortes de reflets sur les formes bleues.

JPEG - 149.9 ko

ETAPE 14

Puis des lignes oranges sur les formes blanches.

JPEG - 155 ko

ETAPE 15

Je vais maintenant attaquer la création du background, pour cela juste au dessus de l’arrière plan je crée un nouveau calque et avec un pinceau diffus (d’environ 50 pixels) je dessine sur le contour de mon graff.

JPEG - 166 ko

++++

ETAPE 16

Je fais la même manipulation avec un bleu plus clair.

JPEG - 169.4 ko

ETAPE 17

Puis avec un bleu encore plus clair, et en utilisant l’outil doigt je crée ce genre de formes diluées.

JPEG - 177.9 ko

ETAPE 18

Et pour terminer, j’utilise un Brush nuage pour créer des nuages de couleur bleu- claire tout autour du texte.

JPEG - 190.3 ko

ETAPE 19

Et pour terminer, j’ajoute un effet en utilisant le pinceau et je peaufine les couleurs et les formes sur l’ensemble du document.

JPEG - 209.1 ko

Et voila, mon graff est terminé, joli non ? N’hésitez pas à créer le votre et à le partager dans la galerie de cet article.

Merci à tous d’avoir lu ce nouvel article sur Wks.fr

Messages

Un message, un commentaire ?

Forum sur abonnement

Pour participer à ce forum, vous devez vous enregistrer au préalable. Merci d’indiquer ci-dessous l’identifiant personnel qui vous a été fourni. Si vous n’êtes pas enregistré, vous devez vous inscrire.

Connexions’inscriremot de passe oublié ?