Astuces sous Photoshop : Comment concevoir un fond d’écran abstrait

Je reviens avec une autre Astuce sous Photoshop, en vous montrant cette fois comment concevoir un fond d’écran abstrait et dynamique.

Allons-y et créons ce fond d’écran abstrait!

Nous atteindrons notre but en profitons au cours du processus des différents outils que propose Photoshop.

Étape 1

Photoshop Quick Tip - Abstract Background Step1

Ouvrez Photoshop et créez un document aux dimensions de votre choix. Vous trouverez ci-dessous une courte mais efficace, liste des résolutions d’écran les plus largement utilisées pour différents appareils :

4:3 Aspect Ratio

  • 320×240
  • 640×480
  • 800×600
  • 1024×768
  • 1152×864
  • 1280×960
  • 1400×1050
  • 1600×1200
  • 2048×1536
  • 3200×2400
  • 4000×3000
  • 6400×4800

5:3 Aspect Ratio

  • 800×480
  • 1280×768

16:9 Aspect Ratio

  • 852×480
  • 1280×720
  • 1365×768
  • 1600×900
  • 1920×1080

16:10 Aspect Ratio

  • 320×200
  • 640×400
  • 1280×800
  • 1440×900
  • 1680×1050
  • 1920×1200
  • 2560×1600
  • 3840×2400
  • 7680×4800

Étape 2

Photoshop Quick Tip - Abstract Background Step 2

Créez un nouveau calque et remplissez le avec la couleur de votre choix. La couleur n’est pas si importante car nous allons utiliser une incrustation en dégradé. Donc, avançons et ajoutons un style de calque en incrustation de dégradé et cliquez sur la barre de dégradé pour le customiser. Dans la nouvelle fenêtre qui s’est ouverte, assurez vous que le choix Bruit dans le style de calque soit bien sélectionné. Maintenant, cliquez jusqu’à obtenir un dégradé avec le plus de contraste que vous ouvrez, les couleurs ne comptent pas vraiment, mais le nombre de couleurs si. Une fois que vous avez trouvé votre dégradé, cliquez sur OK.

Étape 3

Photoshop Quick Tip - Abstract Background Step 3

Dans la fenêtre qui est toujours ouverte, sélectionnez un angle de 45° pour le dégradé et augmentez l’échelle jusqu’à éliminer le blanc à gauche et à droite du dégradé.

Étape 4

Photoshop Quick Tip - Abstract Background Step 4

Allons-nous nous débarrasser de ces atroces couleurs ? Tout d’abord, fusionnons les calques en utilisant le raccourci très utile (Ctrl + E) ou en allant dans Calques -> Fusionner les calques. Dé-saturer maintenant le calque en utilisant le raccourci (Shift + Ctrl + U) ou en allant dans Image -> Réglages -> Désaturation.

Étape 5

Photoshop Quick Tip - Abstract Background Step 5

Voici la partie créative ! Créez un nouveau calque et sélectionnez le pinceau Soft Mechanical 300 pixels parmi la palette de pinceaux par défaut. Avec, laissez juste aller votre imagination. Il n’y a pas de bonne ou mauvaise façon de faire cette étape car vous êtes complètement libre sur la couleur, l’épaisseur du pinceau, les contrastes. Choisissez juste la couleur en fonction de l’effet global que vous voulez donner. J’ai utilisé un contraste fort entre des couleurs très chaudes et des couleurs très froides et j’ai fait quelques rayures en conséquence. La seule règle est de ne pas s’emballer avec trop de détails mais de rester simple.

Étape 6

Photoshop Quick Tip - Abstract Background Step 6

Une fois que vous êtes satisfait de votre création, vous êtes prêt pour flouter à outrance. Oui, cette étape pour bien masquer des détails fins sur lesquels vous auriez travaillé durant l’étape précédente. Pour le claque toujours sélectionné, utilisez un flou gaussien et utilisez une valeur qui atténuera les rayures pour qu’il n’y ait plus de transitions visibles dans les couleurs. Nous cherchons comme effet un dégradé fluide. Une valeur comprise entre 200 et 250 pixels devrait faire l’affaire.

Étape 7

Photoshop Quick Tip - Abstract Background Step 7

Changez l’option de fusion de calque pour la lumière crue, ainsi nous pourrons discerner les rayures dégradées sur le calque sous-jacent. Utilisez des nouveaux réglages de courbes de calque,  apportez plus de contraste dans votre composition. Ici, j’ai juste déplacé vers la gauche le point d’ancrage avec une valeur de 30, ce qui augmente ainsi les tons froids du calque sous-jacent. Les valeurs vont vraiment dépendre des couleurs que vous avez utilisé et des résultats que vous recherchez.

Étape 8

Photoshop Quick Tip - Abstract Background Step 8

 Enfin, créons un effet vignette personnalisé en utilisant les mêmes techniques que celles vues dans les étapes 5 et 6. Peignez des contours noirs personnalisés sur un nouveau claque et atténuer les comme nous avons flouté le calque coloré. Maintenant, changez l’option de fusion du calque sur incrustation.

Résultats finaux

Vous pouvez obtenir des résultats extrêmement variés, tout simplement car il y a de nombreuses variables en jeu. Les rayures sous-jacentes du dégradé, la palette de couleurs utilisée, le contraste, la surbrillance… C’est à vous de décider quel sorte de rendu final vous recherchez. Ci-dessous, voici juste quelques résultats que j’ai obtenu en alternant certaines étapes.

Photoshop Quick Tip - Abstract Background Final Preview 1

Ici, en voici un avec de multiples calques de variation de couleur et une expérimentation avec différents options de fusion.

Photoshop Quick Tip - Abstract Background Final Preview 2

J’ai utilisé l’outil de Déformation pour créer un trait personnalisé traversant la zone de travail et j’ai lié le calque de couleur au même calque de dégradé de ce trait. J’ai ensuite utilisé un simple motif continu comme arrière plan et j’ai ajouté un effet d’ombre portée.

Note finale

Comme vous pouvez le voir, les possibilités sont sans fin avec ces simples techniques. C’est vraiment simple et accessible et peut donner des résultats très intéressants en trifouillant un peu. A bientôt pour de prochaines Astuces Photoshop.

Article précédent
Comment concevoir un paysage côtier pittoresque sur Illustrator et Photoshop
Article suivant
Astuces sous Illustrator : comment créer une icône de tête de mort

Related Posts

Menu