26Jun

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 avec un appareil photo physique. Voyons maintenant comment nous pouvons créer la superbe douceur du bokeh comme un joli fond d'écran coloré et léger pour votre ordinateur et vos appareils mobiles.

Pourquoi est-ce que je veux faire ceci?

Il existe deux grandes options du didacticiel photo d'aujourd'hui. Tout d'abord, vous aurez l'occasion de créer un fond d'écran bokeh( qui est un compagnon vraiment amusant et coloré pour les photos analogiques bokeh que nous vous avons déjà montré comment créer).

Deuxièmement, vous apprendrez également les bases du Photoshop Brush Engine, qui est un outil très puissant dans l'arsenal de Photoshop( et un peu sous-utilisé).

Enfin, c'est juste un bon montage numérique amusant. Au lieu de troller Google Images ou d'autres sources pour un papier peint de style bokeh juste parfait pour votre téléphone ou votre ordinateur, vous pouvez le créer vous-même avec les couleurs et la composition que vous désirez.

De quoi ai-je besoin?

Pour ce tutoriel, vous aurez seulement besoin d'une chose:

  • Adobe Photoshop

Nous utilisons Adobe Photoshop CS6, mais les techniques décrites dans le tutoriel devraient fonctionner très bien sur les anciennes éditions de Photoshop.

Au-delà de Photoshop, il n'y a pas d'outils supplémentaires ou d'entrées de fichiers nécessaires;nous allons créer l'image entière dans l'application.

Quels concepts utilisons-nous?

Pour ce tutoriel, il y a quelques éléments clés que nous voulons garder à l'esprit. Dans une photographie réelle, l'effet bokeh est créé par des points de lumière situés à l'extérieur du plan focal de la lentille, la lumière non focalisée des hautes lumières prenant la forme de l'ouverture de la lentille.

Pour créer cet effet, nous ne pouvons pas simplement créer un groupe de cercles et nous proclamer faire avec le projet, nous voulons recréer l'illusion de profondeur qu'aurait une photographie réelle( comme les points de lumière existeraient sur des points légèrement différents)du 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'image plate avec une taille de cercle uniforme.

Pour y parvenir, nous allons faire deux choses: afin de réduire l'ennui de la main qui dessine des centaines de cercles de tailles variables, nous allons créer un pinceau personnalisé juste pour cette tâche. Nous allons ensuite combiner plusieurs couches de ces cercles de taille variable pour créer l'illusion de la profondeur.

Configuration et création de votre pinceau bokeh

Le premier ordre du jour est de créer notre espace de travail, puis de créer notre pinceau faux-Bokeh. Créez une nouvelle image dans Photoshop qui correspond à la taille du fond d'écran 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 sombre sans être noire. Nous avons utilisé les valeurs RVB 30-30-30:

Une fois que vous avez sélectionné un gris très foncé, sélectionnez la formeOutil( U) et passez-le à Ellipses. Maintenez la touche Maj enfoncée pour verrouiller le rapport d'aspect de la forme que vous êtes sur le point de dessiner, puis tracez un cercle au centre de votre toile. Il ne doit pas être particulièrement grand;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 confortablement et éditer;la taille réelle du cercle sera ajustée à la volée à un moment ultérieur du tutoriel.

A ce stade, vous aurez un cercle presque noir au milieu de la toile. Double-cliquez sur l'entrée du calque dans le panneau latéral Calques et effectuez deux ajustements. D'abord, réglez l'opacité de remplissage à 50%( assurez-vous de régler l'opacité de remplissage et non la catégorie d'opacité plus large).Deuxièmement, ajoutez un stroke noir pur de 10 pixels de large avec 100% d'opacité 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.

Ce cercle pas si excitant, pourtant, va servir de graine à notre pinceau. C'est là que la vraie magie se passe dans le tutoriel d'aujourd'hui. Une fois que vous avez créé le cercle teinté simple ci-dessus, naviguez jusqu'à Édition - & gt;Définir le préréglage de pinceau. Nommez votre nouveau preset de pinceau;nous avons nommé le nôtre "Bokeh Brush 1".

Après avoir nommé votre nouveau pinceau, vous remarquerez que le panneau Pinceaux / pinceaux prédéfinis est maintenant ouvert sur le côté droit de l'écran. Tout d'abord, sélectionnez l'outil pinceau en appuyant sur B sur le clavier ou en le sélectionnant manuellement dans la palette d'outils. Puis cliquez sur l'onglet Préréglages de pinceau. Recherchez et sélectionnez votre nouveau pinceau:

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, vous trouverez un échantillon de ce à quoi ressemble un coup de pinceau de votre pinceau. Avec les paramètres par défaut, cela ressemble à ceci:

Vous savez à quoi cela ne ressemble pas? Bokeh doux, naturel et tacheté.Nous sommes sur le point de changer cela. Dans l'entrée Brush Tip Shape du panneau Brush. Au bas du panneau, modifiez l'espacement de 25% à 100%.Notez la modification 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 Scattering et réglez le Scatter à 10 000%, le Count à 5 et le Jitter à 1%.(Après avoir fait notre pinceau initial, n'hésitez pas à jouer avec ces valeurs avec Bokeh Brush 2, en changeant les valeurs ici et dans les variables qui suivent donnent des effets nets).Votre fenêtre d'exemple de brosse devrait ressembler à ceci maintenant:

Maintenant nous obtenons quelque part;cet échantillon est commencé à ressembler aux points de lumière aléatoires et se chevauchant que nous attendrions d'une photographie riche en bokeh.

Faisons quelque chose à propos de l'uniformité de la taille en naviguant vers l'entrée Shape Dynamics. Changez les préréglages à Size Jitter 100%, Control: Pen Pressure, Minimum Diameter 50%, puis laissez le reste à 0% et off / unchecked comme ceci:

Encore mieux, l'ajout de la taille Jitter a vraiment introduit quelques bellesvariation. La touche finale sur notre pinceau est d'ajuster l'opacité et la gigue de flux dans la catégorie Transfert. Cliquez sur Transférer et réglez la gigue d'opacité à 50% et la gigue de flux à 50%.Changez le contrôle de la gigue de flux en pression de stylo. Laisser tout le reste ou à 0% comme ça:

Maintenant, c'est un bel aperçu;il suffit de regarder-vous pouvez pratiquement voir le fond d'écran prenant forme juste dans la petite boîte de prévisualisation.

Avec notre brosse définie, il est temps de passer au processus de création du fond d'écran réel.

Création du dégradé d'arrière-plan 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 ellipse).Marquez ce calque "Arrière-plan".Vous pouvez mettre une couleur unie ou un dégradé en arrière-plan de votre papier peint sur ce nouveau calque, mais les dégradés sont tellement plus beaux dans le produit fini.

Sélectionnez l'outil Dégradé( G), puis choisissez l'un des dégradés prédéfinis ou créez le vôtre. Les préréglages n'ont pas eu le type d'effet arc-en-ciel hyper-brillant que nous recherchions, donc nous avons créé un nouveau gradient en utilisant les valeurs de graine pour les emplacements de gradient 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 deCommencez avec la première couche de bokeh. Créez un nouveau calque appelé "Bokeh Background".Sélectionnez l'outil Pinceau( B).Changez la couleur de la brosse 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 taille d'environ 300 à 500 pixels).Nous jouons gros aujourd'hui, donc 500 pixels c'est.

L'étape suivante( et ses répétitions subséquentes) est entièrement une question de goût. Allez d'abord avec la brosse puis un peu plus lourd si vous le souhaitez. Rappelez-vous, ce n'est pas comme utiliser un pinceau standard dans lequel vous pouvez cliquer sur le point X et obtenir des commentaires immédiats à cet endroit. Nous avons créé une brosse qui crée effectivement un coup très large et très variable.

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

Puisque c'est le calque d'arrière-plan, nous devons le rendre flou pour commencer à construire ce sens de la profondeur. Toujours sur le calque Bokeh Background, naviguez jusqu'à Filter - & gt;Flou - & gt;Flou gaussien. Une valeur de 20-30 donne un joli flou de fond agréable:

Maintenant, nous devons répéter le processus avec quelques petites modifications. Créez un nouveau calque appelé "Bokeh Midground".Diminuer la taille du pinceau à une valeur plus petite( nous l'avons fait passer 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 de nouveau le flou gaussien, mais cette fois ajustez le flou entre 5 et 10 pixels:

On peut voir que le fond d'écran prend vraiment forme avec l'ajout de la deuxième couche. Maintenant, il est temps pour une couche de plus. Créez un nouveau calque appelé "Bokeh Foreground".Changez la taille du pinceau à une valeur encore plus petite( nous l'avons fait passer de 300 pixels à 150 pixels).Répétez le passage du pinceau sur la toile. Répétez le flou gaussien, mais déposez la valeur à 1-5 pixels.

Ceci est la dernière étape du tutoriel, une fois que vous avez brouillé le calque "Bokeh Foreground", vous serez récompensé avec le produit final:

Ce qui est marrant dans le flux de travail c'est qu'il est extrêmement facile, une fois que vous êtes partià travers elle une fois, pour fouetter à travers elle encore et encore la création de nouveaux fonds d'écran avec des cercles très denses( ou clairsemés), des gradients clairsemés ou sombres, et d'autres variations.

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

Avec des projets comme celui-cile résultat final fait partie du plaisir. N'hésitez pas à expérimenter avec les tailles de pinceaux, les 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.