Créer un effet Bokeh sur Photoshop

Lydia Provin

Description

Tutoriel pour apprendre à créer un effet Bokeh avec des bulles, carrés, papillons, étoiles. Comment créer une brush ou forme personnalisée sous Photoshop ? Créer un background original sous Photoshop.

Sujets

• Adobe Photoshop

Informations

• Publié par: Votreassistante
• Publié le: 08 avril 2022
• Nombre de lectures: 65
• Licence : Tous droits réservés
• Langue: Français
• Poids de l'ouvrage: 1 Mo

Extrait

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Créer un effet Bokeh sur Photoshop

Il vous est surement déjà arrivé de voir des arrière-plans de ce type : •En forme de bulle :•En forme de cœur:

•

Ou même de toute autre forme :

•

En forme d’étoile :

Vous pouvez même en voir un exemple sur lacouverture de ma fanpagemais il est assez léger. Cet effet s’appelle l’Effet Bokehet c’est ce que nous allons réaliser dans ce tutoriel.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

1

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Création du document Pour commencer, nous allons choisir comme couleur d’arrière-plan du noir. Pour simplifier, on

réinitialise les couleurs avec latouche Dou en cliquant sur

(si vous avez autre chose que du noir

sur blanc), puis on inverse avec latouche Xou en cliquant sur . On ouvre maintenant un nouveau document de1 366 x 768 pixelsavec uneRésolution de 72 dpien Mode Couleurs RGBet unContenu de l’arrière-plan Couleur d’arrière-plan:

Déverrouillez le calque par un double-clic dessus et nommez-leArrière-plan.

Pour réaliser un effet Bokeh, il y a2 possibilités de choix de base: •Choisir une photo colorée ; •Créer un dégradé de couleurs. Nous allons utiliser la deuxième option, mais je reviendrai rapidement sur la première à la fin de ce tutoriel. Création du dégradé

Je crée un nouveau calque en cliquant surCréer un calque

et je choisis l’outilDégradé

.

Dans les paramètres de dégradés, je sélectionne un dégradéLinéaire, en modeNormal, avec une opacité de100 %et je laisse cochéSimuleretTransparence. Je clique ensuite sur la flèche à côté du

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

2

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

dégradépour choisir un dégradé de couleurs (vous pouvez en trouver en téléchargement gratuit sur internet) :

Je peux aussi créer directement mon dégradé en cliquant sur le dégradé :

Une fois mon dégradé sélectionné, mon curseur est représenté par une croix et je trace un trait en horizontal, en vertical ou en diagonal suivant le sens que je souhaite attribuer à mon dégradé. Vous pouvez retracer votre dégradé autant de fois que vous le souhaitez afin d’obtenir le dégradé souhaité.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

3

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Application d’un flou gaussien Pour la suite du tutoriel, je vais renommer ce calque enImage colorée. Pour cela je fais un double-clic surCalque 1dans la palette des calques en cliquant bien sur le nom et non à côté sinon j’aurais la boîte de dialogue desStyles de calquequi s’ouvrira.

Sur cette image, je vais appliquer un flou gaussien. Je vais donc dansFiltre >Flou >Flou gaussien…. Dans la fenêtre qui apparaît, je choisis un rayon de58 pixelset je clique surOk.

Le résultat sera plus ou moins important selon le dégradé choisi, mais il sera beaucoup plus visible lorsque l’on utilisera une image. Je baisse ensuite l’opacité du calque à55 % dans la palette des calques.

Création de la forme prédéfinie

Je masque ensuite mes deux calques en cliquant sur l’œil à côté de chacun d’eux

. Je choisis

ensuite une couleur noire en appuyant sur la toucheXouDet sélectionne l’outilEllipse

(caché

derrière l’outilRectangle). En me positionnant sur mon calqueArrière-plan, je trace un cercle parfait d’environ500 pixelsen maintenant la toucheMajenfoncée. Je peux également faire un simple

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

4

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

clic sur mon fond (plutôt vers le centre) et, dans la boîte de dialogue qui apparaît, choisir500 pxen largeur et en hauteur :

Maintenant, mon ellipse est dans un nouveau calque :

Je clique sur ce calque pour faire apparaître la fenêtre deStyle de calque. DansOptions de fusion : Par défautet dans la partieFusion avancée, je baisse l’opacité du fond à50 %.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

5

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Je vais ensuite dansContouroù j’augmente la taille à10 pixelset choisis une positionIntérieuret un Mode de fusionNormal. Je clique surOk.

Mon ellipse a changé d’aspect :

Allez dansÉdition>Définir une forme prédéfinie…et, dans la boîte de dialogue qui s’affiche, nommez votre formeBokehet cliquez surOk.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

6

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Supprimez le calque avec l’ellipse et faites réapparaître les autres calques en cliquant sur la case noire remplaçant l’œil. Puis, créez un groupe en cliquant surCréer un groupenommez-le et Bulles. Placez-le en haut de la pile de calques en le faisant glisser.

Utilisation de la forme prédéfinie

Cliquez sur l’outilPinceau

, puis appuyez sur la toucheF5 ou cliquez surFormes

prédéfinieset placez-vous sur l’ongletForme. Vous pouvez retrouver ce panneau en allant dans Fenêtre>Formes prédéfinies. Dans la partieForme de la pointe, recherchez votre brush nommée Bokehcréée précédemment. Si vous aviez créé une ellipse de 500 px exactement, laissez la taille à 500 pixelssinon modifiez-la afin d’obtenir cette taille et modifiez le pas à117 %.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

7

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

CochezDynamique de formeet appliquez uneVariation de la taille de 100 %, unDiamètre minimal de 100 %, uneVariation de l’angle de 0 %et uneVariation de l’arrondi à 0 %.

CochezDiffusionet appliquez uneDiffusion de 250 %, unNombre de 2et uneVariation numérique de 50 %.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

8

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

CochezTransfertet appliquez uneVariation de l’opacité de 50 %et uneVariation du flux de 50 %.

Enfin, laissez cochée la caseLissage. Refermez le panneau en cliquant sur la double flèche en haut à droite du panneau . Inversez les couleurs de fond et d’arrière-plan en appuyant sur la toucheXafin d’avoir du blanc sur noir. Dans les paramètres du pinceau, sous la barre de menus, assurez-vous d’avoir uneOpacité de 100 %et unFlux de 100 %. En étant placé sur le groupeBullesdans la palette des calques, créez un nouveau calque en cliquant

surCréer un calque bulles.

. De cette manière, celui-doit se placer dans le groupe. Nommez-leGrosses

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

9

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Faites glisser votre souris sur votre document, sans la relâcher, et vos grosses bulles vont se diffuser.

Allez dansFiltres>Convertir pour les filtres dynamiques. Retournez dansFiltres>Flou>Flou gaussien…et indiquez un rayon de25 pixels.

Renouvellement des opérations Nous allons réitérer cette opération pour les 2 autres tailles de bulle à partir de la création du calque.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

10

Votre Assistante :https://www.votreassistante.net- le 26/03/2013

Créez un nouveau calque en cliquant surCréer un calqueCe dernier doit se placer dans le . groupeBulleset être au-dessus du calqueGrosses bulles. Nommez-leMoyennes bulles.

Cliquez droit sur votre document toujours avec l’outilPinceau

et réglez l’épaisseur à250 pixels.

Vous pouvez faire de même en retournant dans le panneau deFormeet, dansForme de la pointe, réglez la taille à250 pixels. Puis, faites de nouveau glisser votre souris sur votre document, sans la relâcher.

Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net

11