Créer une composition chronos colorée

Voici un tutoriel pour expliquer un effet design coloré se basant sur les rotations dans Photoshop. Après avoir réalisé ce cours vous serezt le pro de la transformation de formes ;)

Pratique, vous pouvez créer l’élément de base et ensuite laisser libre cour à votre imagination pour créer une composition compléte et originale.

Et comme d’habitude pour les curieux, vous pouvez télécharger le fichier Photoshop utilisé dans ce tutoriel, dans ce tutoriel deux fichiers puisque il y a deux compositions différentes.

Photoshop - 3.7 Mo
Photoshop - 6 Mo

ETAPE 1

Pour commencer j’ouvre Photoshop et je remplis l’arrière plan de mon image en gris très foncé, puis avec l’outil des formes personnalisées (rectangle arrondi) radius 50 au moins je crée une sorte de gélule comme ci-dessous, que je remplis d’une première couleur.

ETAPE 2

Je duplique mon calque et avec l’outil déplacement je décale la forme tout à gauche et je lui donne une seconde couleur.

ETAPE 3

Je duplique mes deux calques, puis je les sélectionne et j’applique une rotation de 90 degrés horaire (menu calque > transformation > rotation 90 degrés horaire) puis je change la couleur de mes deux nouvelles formes.

ETAPE 4

Avec la même technique de rotation, je duplique toute mes formes et j’y applique une rotation de 45 degrés (pour cela je sélectionne les quatre calques (nouvellement dupliqués) puis je fais Ctrl + T et enfin je tape 45 degrés dans la barre d’outil en haut de votre écran (voir le screen ci-dessous).

JPG - 46.4 ko

Et ensuite je change la couleur de chaque forme.

Voici un récapitulatif des couleurs utilisées dans mon exemple :

ETAPE 5

Je place les calques de toutes mes formes dans un dossier et je duplique ce dossier, je sélectionne le dossier et je fais Ctrl + T et j’applique une rotation de 7 degrés pour que cela donne l’effet ci-dessous.

Enfin je diminue l’opacité du dossier de 20% (voir la case opacité dans la fenêtre des calques).

ETAPE 6

Je fais la même chose qu’à l’étape 5.

ETAPE 7

En diminuant l’opacité de 20 à chaque fois je ferme le rond et obtiens un joli panel de couleurs, n’est ce pas très beau en l’état ?

ETAPE 8

Oui mais ce n’est pas terminé, je vais allonger les toutes premières formes, pour cela rien de bien compliqué, je duplique ma premier forme que je decale par coup de dix pixels, Maj + déplacement avec les flêches du clavier. Je fais la manipulation autant de fois que necessaire pour arriver a un véritable allongement de la barre.

ETAPE 9

Même chose pour une seconde barre.

ETAPE 10

Et ainsi de suite pour chaque barre.

ETAPE 11

Je crée un rond noir que je place exactement en dessous des formes. Je peux utiliser pour cela l’outil des formes personnalisées ellipse.

ETAPE 12

Je duplique le rond noir et j’en cache un (pour cela je clique sur le petit œil dans la fenêtre des calques).

Je remplis le rond de bleu et avec l’outil sélection polygonal je coupe mon rond en part de tarte comme ci-dessous.

JPG - 71.8 ko

J’ajoute un masque de fusion : menu calque > masque de fusion > tout faire apparaître et je crée un dégradé noir 100% vers noir 0% comme ci-dessous.

ETAPE 13

Et je fais la même chose pour toutes les couleurs.

ETAPE 14

Je fusionne tous les calques, j’ajoute un masque de fusion et je camoufle légèrement le centre de mon image avec un énorme pinceau diffus (dans mon exemple j’ai du utiliser un pinceau de 800px).

ETAPE 15

Sur un nouveau document je place mon rond de couleur.

ETAPE 16

Je duplique le rond et je le réduis.

ETAPE 17

Je duplique plusieurs fois le rond et je les place de façon alétoire sur la totalité de mon document pour créer une ambiance abstract colorée !

Et voila votre image est terminée, pas mal non ?

Pour ceux qui auraient rencontrés un problème, merci d’utiliser le forum ci-dessous.

Merci à tous de m’avoir lu et si vous avez réussis ce tutorial jusqu’au bout faites nous partager votre œuvre en le publiant dans la galerie se trouvant en haut de cette page.

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 4 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 12 novembre 2008 12:51

    salut wonka, super le tutos Jusque la 15ème étape ça fait beau mais après je n’aime pas. Mais bon c’est mon opinion après ... Mais super tutos quand même

    Répondre
    • 12 novembre 2008 13:23, par Panpan

      Moi aussi j’aime pas trop la fin :/. Au fait tu est passer au CS4 sur photoshop ou tu reste sous CS3 ? Perso je suis sur CS4, mon ancien marche plus mais je trouve pas vraiment de différance.

      Répondre
      • 12 novembre 2008 14:48, par Monk’

        J’ai pu faire tout les tutos de Wonka avec la version 7, alors je pense que c’est vraiment disponible à tous. Sinon moi j’aime l’effet final, mais j’aurais choisis d’autres couleurs (Un gamme de vert « nucléaires » ou des mauves sur fond bleu ou noir). Désolé de mon absence légère, j’avais du boulot =)

        Répondre
        • 12 novembre 2008 16:05, par Wonka

          Oui les avis sont partagés sur la fin, il faut dire que c’est une composition qui sort de l’ordinaire avec des mélanges de couleurs hors normes :) Mais le but est de réussir la rosace ensuite il est possible de faire un peu ce que l’on veux au niveau de la composition. Merci pour vos premières impressions.

          Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.