Effet bokeh hexagonal dans Photoshop

Effet bokeh hexagonal dans Photoshop

En 2008, j’ai mis au point une technique utilisant l’outil Pinceau de Photoshop pour créer un effet bokeh numérique. Ensuite, je l’ai mélangé avec des couleurs dégradées mélangées ensemble. L’effet est devenu très populaire, j’ai donc décidé d’améliorer un peu l’effet.

Donc, dans ce tutoriel, je vais vous montrer comment créer un effet bokeh numérique avec des hexagones. Nous utiliserons le moteur de pinceaux, les motifs, les modes de fusion et les filtres de base pour obtenir cet effet.

Étape 1

Ouvrez Photoshop et créez un nouveau document, j’utilise 2560×1440 pixels pour que je puisse l’utiliser comme fond d’écran. Remplissez le calque d’arrière-plan avec un gris très foncé (#181818).

Étape 2

Ajoutez un autre calque et remplissez-le avec un dégradé en utilisant du jaune foncé, du rouge et du bleu pour les couleurs. Utilisation 30º pour l’angle. Après cela, changez le Mode de fusion à superposer.

Effet bokeh hexagonal dans Photoshop

Étape 3

Ajoutez un nouveau calque et accédez à Filtre>Rendu>Nuages. Assurez-vous d’avoir du noir et blanc pour les couleurs d’arrière-plan et de premier plan. Après cela allez à Filtre> Flou> Flou gaussien. Utilisation 70 à 100 pour le Montantpuis changez le Mode de fusion à Color Dodge.

Effet bokeh hexagonal dans Photoshop

Étape 4

Créons maintenant une forme hexagonale à utiliser comme pinceau. Sélectionnez le Outil Polygone (U) et créez un hexagone avec du noir. Après cela allez à Calque>Styles de calque>Traits. Utilisation 7 pixels pour la Taille et À l’intérieur pour le poste. Après cela allez à Options de fusion : personnalisées et changer le Opacité de remplissage à 50 %.

Pour créer le pinceau, sélectionnez simplement l’hexagone en maintenant Commande(mac)/Contrôle(pc) et en cliquant sur le pouce du calque, puis allez à Edition>Définir le pinceau. Nommez votre pinceau et revenez au document avec le design.

Effet bokeh hexagonal dans Photoshop

Étape 5

Aller à Fenêtre > Pinceaux. Sélectionnez Shape Dynamics et utilisez 40% pour le Jitter. Gardez les autres valeurs identiques. Sélectionnez ensuite Diffusion, sélectionnez Les deux axes pour la dispersion et utilisez 700 % pour la valeur. La dernière chose ici est Transférer. Utilisez 40 % pour la gigue d’opacité et conservez les autres valeurs à 0 %.

Effet bokeh hexagonal dans Photoshop

Étape 6

Ajoutez un nouveau calque et regroupez ce nouveau calque, il se trouvera dans un dossier. Changer la Mode de fusion du dossier à Esquive de couleur. Avec le Outil Pinceau (B)sélectionnez le pinceau à hexagones que nous avons créé à l’étape précédente, puis en utilisant du blanc, peignez le calque avec des hexagones.

Effet bokeh hexagonal dans Photoshop

Étape 7

Aller à Filtre>Flou>Flou gaussien. Utilisation 2,0 pixels pour le Rayon.

Effet bokeh hexagonal dans Photoshop

Étape 8

Dupliquer le calque puis aller à Filtre>Flou>Flou gaussien encore une fois, cette fois cependant utiliser 5 pixels pour le Rayon. Changer la Opacité de remplissage à 60 %. Aussi avec le Outil Gomme(E) supprimez certaines zones qui pourraient devenir trop lumineuses.

Effet bokeh hexagonal dans Photoshop

Étape 9

Sélectionnez le dossier dans la palette de calques et accédez à Calque> Ajouter un masque de calque> Révéler tout. Sélectionnez le pouce du masque de calque et accédez à Filtre>Rendu>Nuages. Après cela allez à Filtre> Flou> Flou gaussien. Utilisation 20 pixels pour le Rayon. L’application du filtre nuages ​​avec le masque masquera certaines zones en fonction des couleurs des nuages.

Effet bokeh hexagonal dans Photoshop

Étape 10

Ajoutez un nouveau calque au-dessus des autres et sélectionnez le Outil pot de peinture (G), changez le type en Motif et sélectionnez un motif rayé, celui que j’ai utilisé, vous pouvez le télécharger ici. Après ça faites-le pivoter de 30º. Vous devrez dupliquer le calque et le déplacer vers la nouvelle copie pour remplir tout l’écran. Sélectionnez les deux calques et accédez à Calque>Fusionner les calques.

Changer la Mode de fusion à superposer et encore une fois ajoutez un masque de calque et appliquez le filtre nuages ​​avec flou dans le masque de calque comme nous l’avons fait à l’étape précédente.

Effet bokeh hexagonal dans Photoshop

Étape 11

Ajoutez un nouveau calque, puis regroupez ce nouveau calque dans un dossier. Changer la Mode de fusion du dossier à Esquive de couleur puis sélectionnez le Outil Pinceau (B). Avec une brosse arrondie et très douce; utilisez du blanc pour la couleur et peignez quelques reflets lumineux.

Effet bokeh hexagonal dans Photoshop

Étape 12

Ajoutez un nouveau calque toujours à l’intérieur de ce dossier. Obtenir le Outil Dégradé (G) puis cliquez sur le dégradé pour ouvrir le Éditeur de dégradé. Changer la Tapez au bruit, la rugosité à 100 % et sélectionnez les deux Options : Restreindre les couleurs et Ajouter de la transparence. Remplissez le calque en utilisant ce dégradé mais en utilisant un Type de dégradé d’angle.

Effet bokeh hexagonal dans Photoshop

Étape 13

Avec le calque avec le dégradé d’angle sélectionné, accédez à Filtre> Flou> Flou Gaussien. Utilisation 10 pixels pour le Rayon. Après cela, avec l’outil pinceau, ajoutez un autre point lumineux exactement au milieu du dégradé d’angle.

Effet bokeh hexagonal dans Photoshop

Étape 14

Ajoutez un calque au-dessus des autres, puis remplissez ce calque de noir. avec le Outil Gomme(E) et un gros pinceau doux et arrondi, supprimez le centre plusieurs fois jusqu’à ce que vous ayez créé un effet de vignette. L’idée ici est d’assombrir les bords du dessin.

Effet bokeh hexagonal dans Photoshop

Étape 15

Sélectionnez tous les calques et dupliquez-les, après cela, avec tous les calques dupliqués sélectionnés, allez à Calque>Fusionner les calques. La prochaine chose à faire est d’aller à Filtre>Flou>Flou gaussien. Utilisation 15 pixels pour le Rayon .

Effet bokeh hexagonal dans Photoshop

Étape 16

Dupliquez ce calque flou pour avoir 2 calques. Pour le premier, changez le Mode de fusion à superposer et le Opacité à 40%. Pour le second, celui qui sera au-dessus des autres, utilisez Filtrer pour le Mode de fusion et 30% pour l’opacité.

Effet bokeh hexagonal dans Photoshop

Conclusion

Il s’agit d’un effet très simple à créer dans Photoshop, et comme vous pouvez le voir, nous n’avons utilisé aucun plug-in spécial ni stock de photos, nous avons simplement utilisé des filtres de base, le moteur de pinceaux et certains modes de fusion. Il y a beaucoup de choses que nous pouvons créer dans Photoshop et ces types d’effets abstraits sont mes préférés. Maintenant, c’est à vous de créer le vôtre !

Effet bokeh hexagonal dans Photoshop
Cliquez sur l’image pour un aperçu complet.

Télécharger le fichier Photoshop

Télécharger le fichier source