Un nouveau tuto dans Tutsps, dans celui-là nous allons créer une superbe affiche futuriste en utilisant des brushes, textures, images et quelques astuces.

Design La vision du futur avec Photoshop

 

Voilà un aperçu du résultat final

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Dans ce tutoriel vous pouvez aussi le faire avec Photoshop cs6 disponible ici mais dans ce dernier je vais utiliser la version Extended cs5.

Avant de commencer le travail vous devez télécharger le pack suivant puis ouvrez un nouveau document de 1000×1300 pixels , résolution 72Dpi couleurs RVB8bits.

Ensuite allez dans Menu > Filtres > Correction de l’objectif.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Ouvrez l’image suivante et importez-la dans un autre document

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Prenez l’outil Sélection rapide (W) et détourez-la

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Importez la sélection dans votre document avec un simple copie/collez

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Précédemment dans Tutsps nous avons vue des dizaines de tuto sur la création des éclaboussures, dans celui-là nous allons les mélangés pour obtenir un très beau résultat.

Pour réaliser les effets de dispersion, vous aurez besoin des Brushes représentant des tâches de peinture, des éclaboussures et des nuages.

Effacez certaines parties, au niveau de la tête et du coup. Faites bien attention d’utiliser l’outil gomme (E) avec les brushes cités, vous pouvez également faire varier l’opacité de la gomme.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Créez un nouveau calque ( Ctrl+Shift+N ), toujours avec des formes de pinceaux, échantillonnez-les couleurs du visage avec l’outil Pipette (I), puis peignez les formes sur la tête et le coup. Essayez de mieux les intégrez. N’hésitez pas à en mettre.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Créez un nouveau calque et déplacez-le derrière celui de notre model puis toujours avec les brushes cité en haut, peignez les formes suivante.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Essayez d’en mettre le plus possible mais pas trop, utilisez d’autre brushes styles Fumée ou bien des débris…

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Créez un autre calque et dessinez dessus des nuages au niveau du coup de notre model.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Importez les éclaboussures de peinture suivantes dans votre document et ajustez-les comme ceci.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Créez un nouveau calque, prenez l’outil pinceau (B) , la couleur #23487a , une opacité de 40% et peignez au niveau des yeux.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Changez son mode de fusion en densité linéaire – (Ajout).

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Faites la même chose au niveau des lèvres avec la couleur suivante #fc0260 .

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Changez son mode de fusion en couleur

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Ensuite créez un nouveau calque ( Ctrl+Shift+N ) et remplissez-le avec la couleur suivante #909090 en utilisant l’outil pot de peinture (G).

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Changez son mode de fusion en Incrustation

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Maintenant nous allons utiliser l’outil de densité + et – pour donner un effet spécial à cette image, mettez-vous sur le calque que vous avez remplis avec le gris et jouez avec ces deux outils sur votre image comme ceci, en assombrissant les zone sombre et en éclaircissant les zones clairs.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Faites la même chose avec les yeux.

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Prenez l ‘outil texte (T) et tapez des textes comme ceci

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Ajoutez encore plus de texte en variant leurs tailles et position

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Prenez l’outil rectangle (U) et dessinez un rectangle jaune #fada2b comme ceci

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Puis rendez-vous dans les options de fusion

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Ce qui vous donne

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Prenez l’outil texte et ajoutez un peu de lettres et chiffres au niveau du rectangle

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Maintenant fusionnez ces deux derniers ( Ctrl+E ), et ajustez-la comme ceci

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Dupliquez-la plusieurs fois ( Ctrl+J ) pour obtenir ceci

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Ensuite importez la texture suivante dans votre document

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Pour finir changez son mode de fusion en superposition

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

Et voilà le résultat final

Design La vision du future avec Photoshop cs5 ou Photoshop cs6

20 COMMENTAIRES

  1. Salut Grapholog. Tout d’abord, merci pour ton tutoriel assez explicite. Je n’ai non pas voulu recopier étape par étape ton tuto mais plutôt m’en inspirer et utiliser tes techniques pour en arriver à des résultats différents. Etant un nouveau de photoshop ( 17 travail au total dans ma vie sur PS ) je voudrais savoir ce que tu penses de mon travail, et si je pourrais avoir un conseil pour progresser ? Voilà de quoi je suis partit : https://fbcdn-sphotos-g-a.akamaihd….

    Pour en arriver à ce résultat ci : https://fbcdn-sphotos-c-a.akamaihd….

    Je te remercie encore pour ce tutoriel (ainsi que tout les autres d’ailleurs, dont certain m’ont aidé pour cette image) et te remercie d’avance si jamais tu trouve le temps de me répondre.
    Bonne Photoshopisation à toi.

    A bientôt !