Photo en motif de points colorés avec Photoshop

Écrit par Steve Patterson.

Dans ce Tutoriel photoshop , nous apprendrons à transformer une photo en un motif de points colorés à l'aide de l'un des filtres de Photoshop, d'un masque de calque et d'un simple motif répétitif que nous créerons à partir de zéro. J'utiliserai Photoshop CS5 ici, mais toute version récente fonctionnera. Cependant, les utilisateurs de Photoshop CS6 et CC (Creative Cloud) voudront consulter la version entièrement mise à jour Transformez une photo en un motif de points colorés Didacticiel.



Voici l'image avec laquelle je vais commencer :



  La photo originale. Image sous licence d'iStockphoto par Photoshop Essentials. La photo originale.

Et voici à quoi cela ressemblera lorsque nous aurons terminé :

  Photo Photoshop à effet de points colorés. Le résultat final.

Comment créer un motif de points colorés à partir d'une photo

Étape 1: Dupliquer le calque d'arrière-plan

Avec la photo nouvellement ouverte dans Photoshop, si nous regardons dans le Panneau Calques , nous voyons que nous avons actuellement une couche - la Couche d'arrière-plan - quelle est la couche sur laquelle notre image est assise :

  Le calque d'arrière-plan dans le panneau Calques de Photoshop. L'image d'origine se trouve sur le calque d'arrière-plan dans le panneau Calques.

Cliquez sur le calque Arrière-plan et, tout en maintenant le bouton de la souris enfoncé, faites glisser le calque vers le bas sur le Nouvelle Couche icône en bas du panneau Calques (il s'agit de l'icône directement à gauche de la corbeille) :



  Dupliquer le calque d'arrière-plan dans le panneau Calques. Cliquez et faites glisser le calque d'arrière-plan vers le bas sur l'icône Nouveau calque.

Relâchez le bouton de la souris lorsque le curseur de la main se trouve sur l'icône Nouveau calque. Cela crée une copie du calque d'arrière-plan que Photoshop place au-dessus de l'original :

  Une copie du calque d'arrière-plan apparaît au-dessus de l'original dans le panneau Calques. Une copie du calque d'arrière-plan apparaît au-dessus de l'original.

Étape 2 : Ajouter un nouveau calque vide entre les deux calques existants

Maintenez votre Ctrl (Gagner) / Commande (Mac) et cliquez sur le Nouvelle Couche icône en bas du panneau Calques (la même icône que nous avons utilisée à l'étape précédente) :

  Cliquez sur l'icône Nouveau calque dans le panneau Calques de Photoshop. Maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez sur l'icône Nouveau calque.

Cela ajoute un nouveau calque vierge au document. Normalement, Photoshop place de nouveaux calques au-dessus du calque actuellement sélectionné (qui dans notre cas était le calque de copie d'arrière-plan), mais en maintenant la touche Ctrl (Win) / Commande (Mac) enfoncée tout en cliquant sur l'icône Nouveau calque, nous avons dit à Photoshop de placer le nouveau calque dessous ça à la place. Nous pouvons voir dans le panneau Calques que nous avons maintenant un nouveau calque vierge nommé Calque 1 situé entre les calques de copie d'arrière-plan et d'arrière-plan :



  Un nouveau calque vierge est ajouté au document. Le nouveau calque apparaît entre les deux calques précédents.

Étape 3 : Remplir le nouveau calque de noir

Remplissons le nouveau calque de noir qui deviendra la couleur de fond de l'effet. Montez jusqu'au Éditer menu dans la barre de menus en haut de l'écran et choisissez Remplir :

  Sélection de la commande Remplissage dans le menu Edition de Photoshop. Allez dans Edition > Remplir.

Cela ouvre la boîte de dialogue Remplir de Photoshop. Changer la Utilisation option en haut de la boîte de dialogue pour Le noir :

  La boîte de dialogue Remplir dans Photoshop. Modifiez l'option Utiliser sur Noir.

Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Rien ne semblera s'être passé dans la fenêtre du document car l'image sur le calque de copie d'arrière-plan bloque actuellement la vue du calque 1, mais nous pouvons voir dans le calque 1 vignette d'aperçu dans le panneau Calques que nous avons rempli le calque avec du noir uni :



  La vignette d'aperçu du calque 1 dans le panneau Calques. La vignette d'aperçu du calque 1 indique que le calque est maintenant rempli de noir.

Étape 4 : Sélectionnez le calque de copie d'arrière-plan

Clique sur le Copie de fond calque dans le panneau Calques pour le sélectionner et en faire le calque actif :

  Sélection du calque Copie d'arrière-plan dans le panneau Calques. Sélectionnez le calque Copie d'arrière-plan.

Étape 5 : Appliquez le filtre mosaïque

Montez jusqu'au Filtre menu en haut de l'écran, choisissez Pixéliser , Alors choisi Mosaïque :



  Choisir le filtre Mosaïque dans Photoshop. Allez dans Filtre > Pixéliser > Mosaïque.

Le filtre Mosaïque pixellise une image en la transformant en une série de carrés de couleur unie. Nous pouvons définir la taille des carrés à l'aide de la Taille de cellule option en bas de la boîte de dialogue du filtre. Des valeurs plus grandes créeront des carrés plus grands. Des valeurs plus petites, des carrés plus petits. Ces carrés deviendront éventuellement nos points colorés, vous voudrez donc définir votre valeur de taille de cellule en fonction du nombre et de la taille des points colorés que vous voulez dans votre effet final. Cela peut prendre un peu d'essais et d'erreurs pour bien faire les choses. Je vais définir la valeur de ma taille de cellule sur vingt . Assurez-vous de vous souvenir de la valeur exacte que vous avez utilisée, car nous en aurons à nouveau besoin dans un instant :

  Définition de la taille de cellule dans le filtre Mozaic's dialog box in Photoshop. N'oubliez pas la valeur que vous avez saisie pour l'option Taille de cellule.

Cliquez sur OK pour fermer la boîte de dialogue. Votre image devrait maintenant avoir l'air pixélisée :

  Effet de filtre Mosaïque Photoshop. L'image après application du filtre Mosaïque.

Étape 6 : créer un nouveau document

Laissons notre image de côté un instant et créons notre motif de points répétitif. Pour cela, nous aurons besoin d'un nouveau document Photoshop, alors montez à la Dossier menu en haut de l'écran et choisissez Nouveau :



  Création d'un nouveau document Photoshop. Allez dans Fichier > Nouveau.

Cela ouvre la boîte de dialogue Nouveau document. Réglez à la fois le Largeur et Hauteur du document à la même valeur que vous avez entrée pour l'option Taille de cellule dans la boîte de dialogue du filtre Mosaïque. Dans mon cas, j'ai défini ma taille de cellule sur 20, je vais donc définir mes options Largeur et Hauteur sur 20 pixels chacune. Cela créera un nouveau document qui aura exactement la même taille que les carrés de notre image. Ne vous souciez pas de la valeur de résolution, mais assurez-vous Contenu d'arrière-plan est réglé sur Blanc :

  Boîte de dialogue Photoshop Nouveau document. Définissez votre largeur et votre hauteur sur la même valeur que vous avez entrée pour la taille de cellule. Assurez-vous que le type de mesure est défini sur pixels.

Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Votre nouveau document apparaîtra sur votre écran. Étant donné que votre document est probablement très petit, maintenez enfoncé Ctrl+barre d'espace (Gagner) / Commande + barre d'espace (Mac) sur votre clavier pour passer temporairement à Photoshop Outil Zoom (le curseur de votre souris se transformera en loupe avec un signe plus au milieu), puis cliquez plusieurs fois à l'intérieur du document pour zoomer dessus. Ici, j'ai zoomé à 1600%:



  Le nouveau document Photoshop a zoomé à 1600 %. Zoomez sur votre nouveau document pour faciliter les prochaines étapes.

Étape 7 : Sélectionnez l'outil de sélection elliptique

Sélectionnez le Outil de sélection elliptique depuis le panneau Outils. Par défaut, il se cache derrière l'outil de sélection rectangulaire, alors cliquez sur l'outil de sélection rectangulaire et maintenez le bouton de la souris enfoncé pendant une seconde ou deux jusqu'à ce qu'un menu déroulant apparaisse, puis choisissez l'outil de sélection elliptique dans la liste :

  Sélection de l'outil de sélection elliptique dans Photoshop. Cliquez et maintenez sur l'outil de sélection rectangulaire, puis sélectionnez l'outil de sélection elliptique dans le menu déroulant.

Étape 8 : dessinez une sélection circulaire

Avec l'outil de sélection elliptique en main, maintenez votre Décalage , cliquez dans le coin supérieur gauche du document et, tout en maintenant le bouton de la souris enfoncé, faites glisser en diagonale vers le coin inférieur droit du document pour dessiner un contour de sélection circulaire. Maintenir la touche Maj enfoncée pendant que vous faites glisser forcera le contour de la sélection dans un cercle parfait. Si vous devez repositionner le contour de la sélection pendant que vous le dessinez, maintenez votre barre d'espace , faites glisser le contour en position avec votre souris, puis relâchez votre barre d'espace et continuez. Lorsque vous avez terminé, les bords du contour de la sélection doivent toucher les bords du document afin qu'il soit de la même largeur et de la même hauteur que le document lui-même :

  Dessiner un contour de sélection circulaire avec l'outil Elliptical Marquee dans Photoshop. Faites glisser une sélection circulaire à l'intérieur du document.

Étape 9 : Remplir la sélection de noir

Remontez jusqu'au Éditer menu en haut de l'écran et choisissez à nouveau Remplir , comme nous l'avons fait à l'étape 3. Utilisation l'option doit déjà être définie sur Le noir puisque c'est ce que nous avons changé la dernière fois, cliquez simplement sur OK pour fermer la boîte de dialogue Remplir. Photoshop remplit le contour de la sélection dans le document avec du noir. Presse Ctrl+D (Gagner) / Commande + D (Mac) sur votre clavier pour désélectionner rapidement la zone et supprimer le contour de sélection.

Si vous utilisez Photoshop CS4 ou CS5 et que vous avez zoomé loin dans votre document comme je l'ai fait, vous verrez un contour de grille (connu sous le nom de grille de pixels ) apparaissant à travers le cercle noir. La grille de pixels est une nouvelle fonctionnalité de CS4 et est simplement une aide visuelle lorsque vous avez zoomé sur votre document. Cela ne fait pas partie de l'image elle-même et disparaîtra lors de la visualisation de l'image à sa taille réelle, alors ignorez-la simplement. La grille n'apparaîtra pas si vous utilisez Photoshop CS3 ou une version antérieure :

  Le contour de sélection circulaire a été rempli de noir. Le document (toujours agrandi à 1600%) après avoir rempli le contour de sélection avec du noir.

Étape 10 : inverser les couleurs du document

Montez jusqu'au Image menu en haut de l'écran, choisissez Ajustements , Alors choisi Inverser :

  Commande Photoshop Inverser. Accédez à Image > Réglages > Inverser.

Cela inverse les couleurs du document, rendant les zones noires blanches et les zones blanches noires :

  Les couleurs du document Photoshop ont été inversées. Le cercle lui-même est maintenant blanc, tandis que les coins deviennent noirs.

Étape 11 : Définir le cercle comme motif

Montez jusqu'au Éditer menu en haut de l'écran et choisissez Définir motif :

  Commande Définir le motif de Photoshop. Allez dans Édition > Définir le modèle.

Photoshop ouvrira une boîte de dialogue nous demandant de nommer le nouveau motif. Donnez au motif un nom descriptif. Je vais nommer le mien 'Cercle 20x20' puisque la taille de mon document est de 20 px sur 20 px. Vous risquez de créer plus de motifs de cercles, tous de tailles différentes, c'est donc une bonne idée d'inclure la taille du document dans le nom :

  Nommer le nouveau motif dans Photoshop. Donnez un nom au motif.

Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Il ne semblera pas que quelque chose se soit passé, mais Photoshop a maintenant enregistré le document en tant que modèle. Vous pouvez fermer votre document de cercle à ce stade puisque nous n'en avons plus besoin. Il n'est pas nécessaire de l'enregistrer, alors choisissez Ne pas enregistrer lorsque Photoshop vous demande si vous souhaitez enregistrer le document avant de le fermer.

Étape 12 : Ajouter un masque de calque au calque de copie d'arrière-plan

Revenez à votre document principal et assurez-vous que le Copie de fond calque est sélectionné dans le panneau Calques. Clique sur le Ajouter un masque de calque icône en bas du panneau Calques :

  Cliquez sur l'icône Ajouter un masque de calque dans le panneau Calques de Photoshop. Avec le calque de copie d'arrière-plan sélectionné, cliquez sur l'icône Ajouter un masque de calque.

Encore une fois, rien ne semblera s'être passé dans le document, mais un vignette du masque de calque apparaît sur le calque de copie d'arrière-plan dans le panneau Calques, nous indiquant que nous avons ajouté le masque de calque. Notez que la vignette est entourée d'une fine bordure en surbrillance. Cela nous indique que le masque de calque lui-même est sélectionné :

  Une vignette de masque de calque apparaît dans le panneau Calques. Une vignette de masque de calque apparaît sur le calque de copie d'arrière-plan.

Étape 13 : Remplir le masque de calque avec le motif circulaire

Montez encore une fois au Éditer menu en haut de l'écran et choisissez Remplir . Cette fois, changez le Utilisation option de Noir à Motif :

  Modification de l'option Utiliser sur Motif dans la boîte de dialogue Remplissage de Photoshop. Modifiez l'option Utiliser sur Motif.

Clique sur le Motif personnalisé vignette de prévisualisation pour sélectionner le motif que vous souhaitez utiliser :

  Cliquez sur la vignette d'aperçu du motif personnalisé dans la boîte de dialogue Remplissage. Cliquez sur la vignette du motif personnalisé.

Cela ouvre le Sélecteur de motif . Choisissez le motif de cercle que nous venons de créer en cliquant sur sa vignette. Ce devrait être la dernière vignette de la liste. Si vous avez activé les info-bulles dans les Préférences de Photoshop, le nom du motif apparaîtra lorsque vous passez le curseur de la souris sur la vignette :

  Sélection d'un motif dans le Pattern Picker. Cliquez sur la vignette du motif de cercle pour le sélectionner.

Cliquez sur OK une fois que vous avez sélectionné votre motif pour fermer la boîte de dialogue Remplissage. Photoshop remplit le masque de calque avec le motif de cercle, et notre image est maintenant composée d'un motif de points colorés :

  L'image après avoir rempli le masque de calque avec le motif de cercle. L'image après avoir rempli le masque de calque avec le motif de cercle répétitif.

Je vais zoomer plus près de l'image pour que nous puissions voir l'effet plus facilement. Chaque point de l'image est composé d'une seule couleur unie grâce au filtre Mosaïque que nous avons appliqué précédemment. La zone noire entourant les cercles provient du calque 1 sous l'image (que nous avons rempli de noir à l'étape 3) :

  Effet de points colorés Photoshop. Une vue rapprochée de l'effet.

Étape 14 : Ajouter un calque de réglage de teinte/saturation (facultatif)

Comme dernière étape facultative, nous pouvons améliorer un peu l'effet en augmentant la saturation des couleurs dans l'image. Clique sur le Nouveau calque de réglage icône en bas du panneau Calques :

  L'icône Nouveau calque de réglage dans le panneau Calques. Cliquez sur l'icône Nouveau calque de réglage.

Choisis un Teinte/Saturation calque de réglage dans la liste qui s'affiche :

  Sélection d'un calque de réglage Teinte/Saturation dans Photoshop. Choisissez Teinte/Saturation dans la liste des calques de réglage.

Si vous utilisez Photoshop CS3 ou une version antérieure, une boîte de dialogue Teinte/Saturation s'ouvrira à l'écran. Pour les utilisateurs de Photoshop CS4 et CS5, les commandes du calque de réglage Teinte/Saturation apparaîtront dans le panneau Réglages. Dans les deux cas, augmentez la saturation des couleurs de l'image en cliquant sur l'icône Saturation curseur et en le faisant glisser vers la droite. Plus vous faites glisser vers la droite, plus les couleurs deviendront saturées. Je vais augmenter ma saturation à +20 :

  Faites glisser le curseur Saruration pour le calque de réglage Teinte/Saturation. Faites glisser le curseur Saturation vers la droite pour augmenter la saturation des couleurs de l'image.

Pour les utilisateurs de Photoshop CS3 et versions antérieures, cliquez sur OK pour fermer la boîte de dialogue Teinte/Saturation. Les utilisateurs de Photoshop CS4 et CS5 peuvent laisser le panneau Réglages ouvert. Et avec ça, on a fini ! Voici, après avoir augmenté la saturation des couleurs, mon résultat final 'photo aux points colorés':

  Photo Photoshop à effet de points de couleur. Le résultat final.