Page d'accueil » comment » Comment créer votre propre fond d'écran personnalisé Bokeh dans Photoshop

    Comment créer votre propre fond d'écran personnalisé Bokeh dans Photoshop

    Nous vous avons appris ce qu'est le bokeh et comment le créer à l'aide d'une caméra physique. Voyons maintenant comment créer la superbe douceur du bokeh en tant que fond d'écran coloré et coloré pour votre ordinateur et vos appareils mobiles..

    Pourquoi je veux faire ça?

    Il y a deux gros tirages au sort du tutoriel photo d'aujourd'hui. Tout d’abord, vous aurez la possibilité de créer un papier peint bokeh (qui est un compagnon vraiment amusant et coloré des photographies de bokeh analogiques que nous vous avons précédemment montré comment créer)..

    Deuxièmement, vous apprendrez également les bases du moteur de pinceau Photoshop, un outil très puissant dans l'arsenal de Photoshop (et plutôt sous-utilisé)..

    Enfin, c’est juste du plaisir au montage numérique. Au lieu de rechercher dans Google Images ou dans d'autres sources un fond d'écran de style bokeh parfait pour votre téléphone ou votre ordinateur, vous pouvez le créer vous-même avec les couleurs et la composition exactes que vous désirez..

    De quoi ai-je besoin?

    Pour ce tutoriel, vous n’avez besoin que d’une chose:

    • Adobe Photoshop

    Nous utilisons Adobe Photoshop CS6, mais les techniques décrites dans le didacticiel devraient parfaitement fonctionner avec les anciennes éditions de Photoshop..

    Au-delà de Photoshop, aucun outil ni entrée de fichier supplémentaire n'est nécessaire. nous allons créer l'image entière dans l'application.

    Quels concepts utilisons-nous??

    Pour ce tutoriel, nous voulons garder à l’esprit quelques éléments de conception clés. Sur une photographie réelle, l’effet bokeh est créé par des points de lumière situés en dehors du plan focal de l’objectif, la lumière non focalisée des hautes lumières prenant la forme de l’ouverture de l’objectif..

    Pour créer cet effet, nous ne pouvons pas simplement créer un groupe de cercles et nous proclamer que le projet est terminé, nous voulons recréer l'illusion de profondeur qu'une photo réelle aurait (car les points de lumière existeraient sur des points de lumière légèrement différents). le plan focal). Nous voulons également recréer la variabilité de la taille de la lumière que vous trouverez dans le monde réel. En d'autres termes, nous ne voulons pas d'une image plate avec une taille de cercle uniforme.

    Pour ce faire, nous allons faire deux choses: afin de réduire l’ennui lié au dessin manuel de centaines de cercles de taille variable, nous allons créer un pinceau personnalisé spécialement pour cette tâche. Nous allons ensuite combiner plusieurs couches de ces cercles de tailles variables pour créer l’illusion de profondeur..

    Configuration et création de votre pinceau Bokeh

    La première tâche à accomplir consiste à créer notre espace de travail, puis à créer notre pinceau en faux-bokeh. Créez une nouvelle image dans Photoshop qui correspond à la taille du papier peint que vous souhaitez créer. Nous travaillons avec la résolution d'écran standard de 1920 × 1080 pixels. Définissez votre arrière-plan sur transparent.

    Une fois que vous avez créé votre nouveau canevas, cliquez sur la palette et sélectionnez une couleur de premier plan extrêmement gris foncé sans noir, nous avons utilisé les valeurs RVB 30-30-30:

    Une fois que vous avez sélectionné un gris très foncé, sélectionnez l'outil Forme (U) et basculez-le sur Ellipses. Maintenez la touche Maj enfoncée pour verrouiller les proportions de la forme que vous êtes sur le point de dessiner, puis tracez un cercle au centre de votre toile. Il n'est pas nécessaire que ce soit particulièrement volumineux. sur notre toile 1920 × 1080, nous avons dessiné un cercle d'environ 300 pixels de large. La seule partie critique est que le cercle est assez grand pour que vous puissiez voir et modifier facilement; la taille réelle du cercle sera ajustée à la volée à un moment ultérieur du didacticiel.

    À ce stade, vous aurez un cercle presque noir au centre de la toile. Double-cliquez sur l'entrée du calque dans le panneau latéral Calques et effectuez deux ajustements. Commencez par réduire l'opacité de remplissage à 50% (assurez-vous d'ajuster l'opacité de remplissage et non la catégorie d'opacité plus large). Deuxièmement, ajoutez un calque Stroke noir pur de 10 pixels de large avec une opacité de 100%, comme suit:

    Le résultat devrait être assez similaire à l'image ci-dessus: un cercle parfait avec une bordure noire et un centre enfumé qui ressemble à un filtre à objectif d'appareil photo.

    Ce cercle pas si excitant encore va servir de graine à notre brosse. C'est là que la vraie magie se produit dans le tutoriel d'aujourd'hui. Une fois que vous avez créé le cercle teinté simple ci-dessus, accédez à Edition -> Définir le préréglage du pinceau. Nommez votre nouveau pinceau prédéfini; nous avons appelé le nôtre «Bokeh Brush 1».

    Après avoir nommé votre nouveau pinceau, vous remarquerez que le panneau Pinceau / Paramètres de pinceau est maintenant ouvert sur le côté droit de l'écran. Tout d'abord, sélectionnez l'outil Pinceau en appuyant sur la touche B du clavier ou en le sélectionnant manuellement dans la palette des outils. Cliquez ensuite sur l'onglet Paramètres prédéfinis. Localisez et sélectionnez votre nouvelle brosse:

    Une fois sélectionné, cliquez sur l'onglet Pinceau pour afficher et modifier les propriétés du pinceau. En bas, sous toutes les variables de pinceau, se trouve un exemple de ce à quoi ressemble un coup de pinceau de votre pinceau. Avec les paramètres par défaut, cela ressemble à ceci:

    Vous savez à quoi ça ne ressemble pas? Bokeh doux, naturel et tacheté. Nous sommes sur le point de changer cela. Dans l'entrée Forme de pointe de pinceau du panneau Pinceau. Au bas du panneau, changez l’espacement de 25% à 100%. Notez le changement dans la fenêtre d'aperçu du pinceau:

    Ensuite, nous devons créer un placement aléatoire des cercles en augmentant la variable de dispersion. Cliquez sur l'entrée Diffusion et réglez la diffusion sur 10 000%, le compte sur 5 et le compte de gigue sur 1%. (Après avoir créé notre pinceau initial, n'hésitez pas à jouer avec ces valeurs avec Bokeh Brush 2, en modifiant les valeurs ici et dans les variables qui suivent, vous obtiendrez des effets nets). Votre fenêtre d’échantillon de pinceau devrait ressembler à ceci:

    Maintenant, nous allons quelque part; cet échantillon commence à ressembler aux points de lumière aléatoires et se chevauchant que nous pourrions attendre d’une photographie riche en bokeh.

    Faisons quelque chose à propos de l'uniformité du dimensionnement en allant dans l'entrée Dynamique de forme. Modifiez les préréglages à Gigue de taille 100%, Contrôle: Pression de la plume, Diamètre minimum 50%, puis laissez le reste à 0% et désactivez / désactivez comme suit:

    Mieux encore, l'ajout de la taille Jitter a vraiment introduit une belle variation. La touche finale de notre pinceau consiste à ajuster l’opacité et l’instabilité du flux dans la catégorie Transfert. Cliquez sur Transférer et réglez la gigue d'opacité sur 50% et la gigue de débit sur 50%. Modifiez le contrôle de la gigue de débit en pression de plume. Laissez tout le reste hors tension ou à 0% comme ceci:

    Voilà un bel aperçu. il suffit de regarder-vous pouvez pratiquement voir le papier peint prenant forme juste dans la petite boîte de prévisualisation.

    Avec notre pinceau défini, il est temps de passer au processus de création du papier peint.

    Création des dégradés de fond et des couches de Bokeh

    Allez-y et créez un nouveau calque dans votre espace de travail (et, si vous le souhaitez, décochez ou supprimez le calque que vous avez utilisé pour créer le pinceau à base d'ellipse). Nommez ce calque «Arrière-plan». Vous pouvez mettre une couleur unie ou un dégradé à l'arrière-plan de votre papier peint sur ce nouveau calque, mais les dégradés sont bien plus jolis dans le produit fini..

    Sélectionnez l'outil de dégradé (G), puis choisissez l'un des dégradés prédéfinis ou créez le vôtre. Les préréglages ne produisant pas l'effet arc-en-ciel hyper brillant que nous recherchions, nous avons créé un nouveau dégradé à l'aide des valeurs de germe pour les positions de dégradé 0%, 50% et 100% de 255-0-252, 0- 252-255 et 240-255-0, respectivement:

    Appliqué à un angle d'environ 35 degrés du coin inférieur gauche au coin supérieur droit de la toile, le dégradé ressemble à ceci:

    Avec la toile peinte, il est temps de commencer avec la première couche de bokeh. Créez un nouveau calque appelé «Arrière-plan Bokeh». Sélectionnez l'outil Pinceau (B). Changez la couleur du pinceau en blanc pur. Sélectionnez une taille de pinceau d'environ un tiers à la moitié de la taille verticale de votre toile (dans le cas de notre toile 1920 x 1080, cela signifie une brosse d'environ 300-500 pixels). Nous jouons gros aujourd'hui, donc 500 pixels c'est.

    La prochaine étape (et ses répétitions suivantes) est entièrement une question de goût. Allez au pinceau au début, puis un peu plus lourd si vous le souhaitez. Rappelez-vous que ce n’est pas comme si vous utilisiez un pinceau standard dans lequel vous pouvez cliquer sur le point X et obtenir un retour immédiat sur ce point. Nous avons créé un pinceau qui crée efficacement un trait très large et très variable.

    Commencez par un passage du pinceau d'un côté à l'autre de la toile, puis appuyez ici ou là pour ajouter plus de cercles. Nous avons constaté que deux passes solides de gauche à droite et de droite à gauche font du bon travail. Voici à quoi devrait ressembler votre toile, à quelques cercles près:

    Comme il s’agit de la couche d’arrière-plan, nous devons la flouter pour commencer à créer cette impression de profondeur. Tout en restant sur le calque Bokeh Background, accédez à Filtre -> Flou -> Flou gaussien. Une valeur de 20-30 donne un joli flou d'arrière-plan agréable:

    Nous devons maintenant répéter le processus avec quelques petites modifications. Créez un nouveau calque appelé «Bokeh Midground». Réduisez la taille du pinceau à une valeur plus petite (nous l'avons passée de 500 pixels à 300 pixels). Encore une fois, faites un passage sur la toile avec l'outil Pinceau jusqu'à ce que vous soyez satisfait du nombre de cercles. Appliquez à nouveau le flou gaussien, mais cette fois, réglez le flou entre 5 et 10 pixels: 

    Nous pouvons voir que le papier peint prend vraiment forme avec l'ajout de la seconde couche. Il est maintenant temps de passer à une couche supplémentaire. Créez un nouveau calque appelé «Bokeh Foreground». Modifiez la taille du pinceau pour qu’elle soit encore plus petite (nous l’avons laissée passer de 300 à 150 pixels). Répétez le passage du pinceau sur la toile. Répéter le flou gaussien, mais laisser tomber la valeur à 1-5 pixels.

    Il s’agit de la dernière étape du didacticiel. Une fois le calque «Bokeh Foreground» flou, vous obtiendrez le produit final:

    La chose amusante à propos du flux de travail est qu’il est extrêmement facile, une fois que vous l’avez parcouru, de le fouetter encore et encore, en créant de nouveaux fonds d’écran avec des cercles très denses (ou rares), des gradients clairs ou sombres et d’autres variations.

    En fait, sans même répéter tout le processus, vous pouvez créer un nouveau calque par-dessus votre ancien calque d'arrière-plan, rabattre un nouveau dégradé et créer un fond d'écran avec une toute nouvelle ambiance:

    Avec de tels projets, la variabilité et le caractère aléatoire du résultat final font partie du plaisir. N'hésitez pas à expérimenter des tailles de pinceaux, des paramètres et d'autres variables pour obtenir des résultats amusants et uniques. Encore mieux, partagez-les dans les commentaires ci-dessous avec vos collègues lecteurs..