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.
É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 😉
É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.
É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).
É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.
Étape 7
Aller à Filtre> Flou> Flou Gaussien. Pour cette première couche, utilisez 20 pixels pour le Rayon.
É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.
É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.
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.
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