Bokeh numérique dans Photoshop

Superbe effet bokeh numérique dans Photoshop

Notre dernier fond d’écran de la semaine était une image que j’avais créée à l’aide de Pixelmator, et j’ai vraiment aimé le résultat. La meilleure partie était que c’était assez facile à réaliser dans Pixelmator, mais j’ai décidé, par souci de perspective, de créer le même effet dans Photoshop. Le processus est également simple, mais avec quelques étapes supplémentaires.

Comme dans le tutoriel précédent, je vais vous montrer comment créer un effet bokeh numérique, mais cette fois dans Photoshop. Le processus est très simple et nous utiliserons le moteur de pinceaux super puissant, l’une des choses les plus cool de Photoshop.

Étape 1

Créez un nouveau document dans Photoshop. Comme d’habitude, j’utiliserai une belle résolution d’écran, 1920×1200 pixels. Remplissez le calque d’arrière-plan avec un gris très foncé, pas noir. Si vous le remplissez de noir, l’effet ne fonctionnera pas. La couleur que j’ai utilisée était #262626.

Étape 2

Sélectionnez le Outil Ellipse (U), et créez un cercle. Utilisez le noir pour la couleur et allez à Calque> Style de calque> Options de fusion. Changer la Opacité de remplissage à 50 %. Après cela, sélectionnez Accident vasculaire cérébral. Utilisation 10 pixels pour la taille, Intérieur pour la Position et Noir pour la couleur.

Bokeh numérique dans Photoshop

Étape 3

Sélectionnez l’ellipse et accédez à Edition>Définir le pinceau. Nommez votre pinceau et c’est fait. Maintenant, nous avons un nouveau pinceau 😉

Bokeh numérique dans Photoshop

Étape 4

Aller à Fenêtre>Pinceaux (F5). La première chose à faire dans le Moteur de brosse est de sélectionner notre nouveau pinceau. La taille n’aura pas d’importance car vous la changerez lorsque vous l’utiliserez. La Espacement, est cependant très important. Modifiez la valeur à 100%. Après cela, sélectionnez le Forme dynamique, puis diffusion et autres dynamiques. Pour les valeurs, utilisez l’image ci-dessous.

Bokeh numérique dans Photoshop

Étape 5

Avant de commencer à peindre nos bokehs, créons un nouveau calque et remplissons-le avec un dégradé coloré. J’ai créé un nouveau calque et utilisé les styles de calque pour le faire, mais n’hésitez pas à faire comme vous en avez l’habitude. Mes paramètres de dégradé sont les suivants : Le mode de fusion est Superposition, L’opacité est de 100 %, le style est linéaire et l’angle est de 45 °. Les couleurs que j’ai utilisées sont : Jaune (#00085), Cyan (#1bdaeb), Violet (#9b3b81), Orange (#d27e34).

Bokeh numérique dans Photoshop

Étape 6

Créons un nouveau Dossier dans notre palette de calques. Renommez le dossier en Bokehs et modifiez le Mode de fusion à Color Dodge. Créez ensuite un nouveau calque, choisissez le blanc pour la couleur et sélectionnez le Outil Pinceau (B). Maintenant, peignez quelques ellipses avec notre pinceau personnalisé. Pour cette première couche, utilisez une grande taille, comme 500-600px.

Bokeh numérique dans Photoshop

Étape 7

Aller à Filtre> Flou> Flou gaussien. Pour cette première couche, utilisez 20 pixels pour le Rayon.

Bokeh numérique dans Photoshop

Étape 8

Créez un autre calque et peignez plus de pinceaux. Cette fois, utilisez cependant une taille plus petite pour le pinceau. Après cela allez à Filtre> Flou> Flou gaussien. Utilisation 4 pixels pour le Rayon.

Bokeh numérique dans Photoshop

Étape 9

Créez un autre calque et répétez l’étape précédente, mais utilisez cette fois un pinceau beaucoup plus petit. Appliquer le Flou gaussien également à cette couche, mais n’utilisez que 1 pixel pour le Rayon.

Bokeh numérique dans Photoshop

Conclusion

Maintenant, ajoutez simplement votre logo et c’est tout. Nous avons un joli fond d’écran. L’idée de ce tutoriel était encore une fois de montrer la puissance du Brush Engine. Vous pouvez essayer différentes formes pour ce même effet, comme des hexagones par exemple. Vous pouvez également jouer un peu avec les flous pour ajouter plus de profondeur au design final. Maintenant, ça ne depent que de toi.

Bokeh numérique dans Photoshop
Cliquez sur l’image pour un aperçu complet

Didacticiel vidéo

Vous trouverez ci-dessous une version vidéo rapide illustrant l’ensemble du didacticiel.


Bokeh numérique dans Photoshop de fabio sasso sur Viméo.

Télécharger le fichier Photoshop

Cliquez ici pour télécharger le fichier PSD utilisé pour ce tutoriel

Monteur : David Parrot