Transformez une photo en pièce d'art LEGO Block dans Adobe Photoshop

Ce que vous allez créer

Utilisez Adobe Photoshop pour créer une version LEGO d’une photo. Utilisez des filtres intelligents et des techniques d’ombrage pour créer facilement l’apparence de la création d’une réplique photographique avec des centaines de minuscules blocs de plastique.. 

1. Créer le modèle de bloc

Commençons par créer le modèle de bloc de base de type LEGO. La précision est la clé du bon fonctionnement de cet effet. Vous devez donc faire très attention aux mesures en pixels pour vous assurer que le motif correspond ultérieurement à l'effet mosaïque..

Étape 1

Créer un Nouveau document qui est 60x60 pixels en dimensions.

Créez ensuite un nouveau calque et remplissez-le avec 50% de gris à l'aide de la touche Édition> Remplir commander et choisir 50% gris dans le menu déroulant Utiliser.

Ajouter un Style de couche biseautée et en relief avec la taille réglée à 0 pixels comme on le voit ici:

Étape 2

Définissez la couleur de votre premier plan sur le même gris médian (# 808080)

Puis sélectionnez le Outil Ellipse (U) et cliquez n'importe où sur la toile. Créer un cercle qui est 42 x 42 pixels en dimensions.

Puis utilisez le Outil de sélection de chemin (A) faire glisser le cercle jusqu'à ce qu'il se positionne au centre de la toile.

Ajouter un Style de couche biseautée et en relief avec un Profondeur de 62% et un Taille de 3 pixels

Puis ajoutez un Style de calque d'ombre portée avec un Distance et Taille de 5 pixels chaque.

À ce stade, votre bloc devrait ressembler à la vue de dessus d’un bloc LEGO 1x1 traditionnel..

Étape 3

Utilisez le Outil de type horizontal (T) placer du texte dans la partie centrale du cercle. Utilisez une police fine, san serif, comme Verbe ou Arial.


Puis positionnez le texte en utilisant le Outil de déplacement (V). Activer le Afficher les contrôles de transformation option dans la barre des options pour faciliter l’échelle du texte.

Le texte final devrait être de la même couleur grise qu'auparavant (# 808080) mais cela rend difficile à voir de le positionner correctement. Pensez à changer la couleur du texte en noir ou blanc, puis à la redéfinir en gris après son positionnement..

Ajouter un Style de couche biseautée et en relief au texte avec un Profondeur de 1 pixel et un Taille de 1 pixel.

Ajouter un Style de calque d'ombre portée avec un Distance de 2 pixels et un Taille de 3 pixels

Étape 4

À ce stade, vous devriez enregistrer votre fichier source! La prochaine étape vous fera perdre toutes vos couches modifiables.

Aplatir le fichier avec Couche> Aplatir l'image.  Tous vos calques seront combinés en un seul calque d'arrière-plan.

Nous avons besoin de redimensionner l'image pour qu'elle soit exactement 30x30 pixels. Aller à Image> Taille de l'image et entrez les valeurs de 30 pour les deux Largeur et la taille. Assurez-vous que les unités sont réglées sur Les pixels.

Ensuite aller à Édition> Définir un motif et donnez au motif un nom comme "LEGOblock-top".

Puis fermez le fichier sans pour autant le sauver.

2. Préparez l'image

Maintenant que nous avons créé un motif de bloc de type LEGO, nous devons l’appliquer à une image de manière à donner l’impression qu’elle a été assemblée de manière réaliste à partir de blocs réels..

Étape 1

Ouvrez une image pour utiliser l'effet. Choisissez une image qui ne comporte pas beaucoup de détails, mais des lignes fortes et un bon contraste. Si l'image est quelque chose de familier, comme la Statue de la Liberté, l'effet final tend à mieux fonctionner. 

L'image doit avoir des dimensions en pixels divisibles par 30. Alors, allez à Image> Taille de l'image et entrer un la taille valeur de 1500. Ne vous inquiétez pas de la Largeur valeur en ce moment.


Pour définir la valeur de la largeur, allez à Image> Taille de la toile et entrez un Largeur valeur de 960.

Photoshop vous donnera une invite sur le contenu coupé. Cliquez sur Procéder.

Étape 2

Créez une copie du calque d’arrière-plan en allant à Calque> Nouveau calque via copie (Control-J).

Ensuite aller à Filtre> Pixéliser> Mosaïque et mettre le Taille de la cellule à 30 carré.

À ce stade, l’image doit apparaître sous la forme d’un arrangement de carrés pleins et colorés..

3. Appliquer le motif de bloc

Étape 1

Maintenant, importons le motif de bloc que nous avons créé à l’étape 1. Commencez par créer un nouveau calque en allant à Calque> Nouveau calque (Shift-Control).


Ensuite aller à Édition> Remplir (Maj-F5) et sélectionnez Modèle du Utilisation menu et trouvez votre modèle de bloc personnalisé au bas de la liste dans le Modèle personnalisé menu déroulant.

Étape 2

La toile se remplit avec le motif de bloc. Changer le calque Mode de fusion à Recouvrir pour permettre à la couleur de la mosaïque de apparaître à travers le motif de bloc.

4. Créer le masque de calque

La prochaine étape consiste à masquer les parties extérieures des blocs afin que les blocs de la statue semblent être assis sur le dessus des blocs de fond.

Étape 1

Facilitons la vie en utilisant une grille de 30 pixels pour guider notre sélection en matière de masquage. Aller à Édition> Préférences> Guides, grille et tranches. et dans le la grille section définie un Quadrillage tous les 30 pixels.

Pour voir la grille sur la toile, allez à Voir> Afficher> Grille.

Étape 2

Maintenant, utilisez le M rectangulaireOutil d'arque (M) mis à Ajouter à la sélection dans le Barre d'options pour créer une sélection autour de la tête et des épaules de la statue, en utilisant la grille pour vous aider à créer la sélection pour dessiner parfaitement les blocs.

Étape 3

Aller Calque> Masque de calque> Afficher la sélection utiliser la sélection comme masque. le Couches panneau révélera une vignette en noir et blanc pour indiquer le masque de calque.

Étape 4

Maintenez la Alt tout en déplaçant votre curseur entre la couche mosaïque et la couche de motif. Lorsque vous voyez le curseur passer d'une main qui pointe à un carré avec une flèche vers le bas, cliquez dessus! Ceci coupera le calque de motif sur le calque de mosaïque, ce qui permettra de contrôler les deux calques avec le même masque de calque..

5. Créer les blocs de fond

Étape 1

Nous avons nos blocs de statue, mais nous devons maintenant créer le niveau de base inférieur des blocs. Répétez donc le même processus de duplication de la couche d’arrière-plan et d’exécution du filtre de mosaïque. Ensuite, placez un calque au-dessus rempli du motif de bloc. Créez un masque qui comprend une série de blocs disjoints près du bas et attachez le motif au calque de mosaïque. Votre fichier doit ressembler à celui-ci.

Étape 2

Les briques de fond apparaissent trop similaires aux briques de statue. Pour aider à créer une différence visuelle, modifiez le Mode de fusion pour la couche de motif de bloc à Luminosité.

Étape 3

Cela rendait le bloc trop sombre. Pour corriger cela, éclaircissons la couche de motif de bloc. Aller à Image> Réglages> Niveaux (Contrôle-L) et ajustez les poignées pour correspondre aux paramètres ici:

Étape 4

Ensuite aller à Filtre> Flou> Flou Gaussien et utiliser un rayon d'environ 0,4 pixels. Cela crée un flou subtil sur les blocs d'arrière-plan, de sorte que la netteté des blocs de la statue se démarque plus.

6. Créer une ombre portée

Le niveau supérieur du bloc devrait être une ombre sur le niveau inférieur. Si la surface était plate, ce serait une tâche facile. Mais toutes ces petites bosses créent une surface inégale qui perturbera les lignes d'ombre. Pour ce faire, nous allons créer deux couches d'ombre, une pour le haut des bosses, une pour la zone de base autour des bosses. Ce détail est très subtil, mais important pour créer un effet réaliste.

Étape 1

Créez un nouveau calque sous le calque StatueBlocks et appelez-le Shadow1.

Étape 2

Clic de contrôle la vignette du masque pour le StatueBlocks Couche pour créer une sélection. Vous verrez les fourmis en marche décrire le secteur.

Étape 3

Remplissez la sélection en noir en allant à la Édition> Remplir (Maj-F5) commande et choix Noir du Utilisation menu déroulant. la zone sélectionnée sera remplie de noir mais vous ne pouvez pas encore la voir car elle se trouve derrière le calque des blocs.

Étape 4

Maintenez Décalage et appuyez sur le Flèche vers le bas touchez deux fois. Puis appuyez sur le Flèche droite touche 15 fois (sans le Décalage Clé). Cela placera l'ombre en bas à droite des blocs pour créer le début de l'ombre portée..

Étape 5

L'ombre portée ne semblera pas correcte tant que les coins ne seront pas connectés. Alors sélectionnez le Outil Lasso Polygonal et assurez-vous que le mode est réglé sur Ajouter à la sélection. Cliquez ensuite sur un coin du calque d'ombre et connectez-le au coin du bloc qui projetterait cette ombre. Ajoutez un troisième point de clic pour compléter la zone triangulaire. Faites ceci pour chaque coin visible.


Étape 6

Remplissez la sélection en noir à l’aide des touches Édition> Remplir (Maj-F5) commande avec Noir comme le Utilisation réglage. 


Puis appuyez Contrôle-D à Désélectionner.

Étape 7

Ramollir la couche d'ombre en allant à Filtre> Flou> Flou Gaussien et mettre le Rayon à 2,0 pixels

Étape 8


Met le Mode de fusion à Multiplier et réduire le Opacité à 24%

7. Ajustez l'ombre pour suivre les contours

L'ombre portée semble actuellement courir sur une surface plane. De manière réaliste, les poteaux ronds des blocs briseraient la ligne d'ombre. Il peut sembler décourageant d’essayer d’obtenir une ombre pour suivre chaque petit message, mais en ajustant le motif de bloc original, nous pouvons obtenir l’effet sans douleur..

Étape 1

Revenir au fichier d'origine utilisé pour créer le motif de bloc. Masquer le calque de texte et le calque rempli de gris. Double-cliquez la vignette du calque Ellipse pour sélectionner une couleur de remplissage et choisir le noir uni.

Étape 2

Aplatir le fichier avec Couche> Aplatir l'image et frapper D'accord lorsque vous êtes invité à supprimer les couches masquées. Puis redimensionnez l'image avec Image> Taille de l'image et spécifier le Largeur et la taille être exactement 30 pixels chacun.

Étape 3

Définissez cette image comme un nouveau motif en allant à Édition> Définir un motif. Vous pouvez ensuite fermer le fichier sans enregistrer..

Étape 4

Revenez au fichier de projet principal et ajoutez un masque de calque au calque Shadow1 en appuyant sur le bouton Ajouter un masque de calque bouton à la base du Couches panneau.

Étape 5

Assurez-vous que le masque est ciblé (une bordure blanche devrait entourer la vignette) et remplissez-le avec le nouveau motif à l'aide de la touche Édition> Remplir commander. Met le Utilisation à Modèle et sélectionnez le motif nouvellement créé en bas de la liste des Modèle personnalisé menu déroulant.

Cela supprimera l'ombre des parties supérieures des pions et ne permettra de la voir que dans les zones autour et entre les piquets..

Étape 6

Nous allons maintenant créer une ombre pour la partie supérieure des piquets légèrement décalée par rapport à l'ombre de la fonte actuelle. Dupliquez le calque Shadow1 en appuyant sur Contrôle-j.

Nous voulons que le masque de cette couche montre la partie supérieure des piquets, ce qui est le contraire de sa fonction actuelle. Ciblez le masque de la copie en cliquant sur la vignette. Puis appuyez Contrôle-I à Inverser le masque.

Étape 7

Maintenant, décaler légèrement l'ombre pour donner l'impression qu'elle suit les contours des piquets. Commencez par cibler le calque lui-même, et non le masque, en cliquant sur la vignette du calque. Supprimez ensuite le calque du masque en cliquant sur la petite icône représentant un maillon de chaîne située entre les deux vignettes. Cela gardera le masque en place pendant que nous déplaçons le calque.

Étape 8

Maintenant, poussez cette ombre vers le haut et à gauche en appuyant sur le bouton Flèche vers le haut clé et la flèche gauche touche cinq fois chacun. Ce décalage subtil donne à l'ombre portée une apparence beaucoup plus réaliste.

8. Ajouter une apparence plastique

La couche supérieure de blocs est presque terminée. Il suffit de quelques détails mineurs pour donner l’impression que de véritables blocs de plastique.

Étape 1

Commencez par ajouter un Biseau et estampe Styles de calque avec un Profondeur de 32% et Taille de 3 px.

Puis un Ombre portée style aveclaOpacité mis à 69%, Distance de 7px et Taille de 9 px.

Cela donne à la couche supérieure de blocs un effet d'éclairage encore plus réaliste.

Étape 2

Pour améliorer encore l’aspect plastique, utilisez un effet de filtre subtil. Mais d’abord, sélectionnez les calques StatueBlocks et BlockPattern et créez un calque fusionné en maintenant enfoncé Alt et aller à Couche> Couches fusionnées (Contrôle-E) 

Étape 3

Aller à Filtre> Galerie de filtres  et ouvrez le Artistique dossier et choisissez le Emballage plastique filtre. Met le Souligner la force à 5, Détail à 13, et Douceur à 5.

Puis réduire le calque Opacité à 40% pour rendre l'effet très subtil.

Étape 4

Pour rendre encore plus visible que le niveau supérieur des blocs est supérieur au niveau inférieur, ajoutez un léger flou au niveau inférieur des blocs. Ceci simule la même idée d'un point focal photographique. Sélectionnez le BackgroundBlockPattern couche et aller à Filtre> Flou> Flou Gaussien et mettre le Rayon à 0.4 pixels.

À ce stade, votre projet devrait ressembler à ceci:

9. Développer la toile

La couche supérieure de blocs est terminée, il est donc temps de passer à la couche de base. Mais d’abord, la toile doit être ajustée pour laisser la place à l’effet d’ombre. Pour que le filtre Mosaïque fonctionne correctement, il était essentiel de commencer avec une taille de toile plus étroite..

Étape 1

Déverrouillez le calque de fond en cliquant sur le bouton Fermer à clé icône à droite du nom de la couche dans le Couches panneau. Cela changera la couche de Contexte à Couche 0.

Étape 2

Aller à Image> Taille de la toile et mettre le Largeur à 1036 les pixels et les la taille à 1560 pixels. le Relatif case à cocher ne doit pas être cochée et le Ancre doit être à la position centrale par défaut.

Étape 3

Ajouter un Ombre portée style de calque au Couche 0 couche. Met le Distance et Taille à la fois 5 pixels.

Étape 4

Ajouter un nouveau calque sous le calque 0 en maintenant le bouton Contrôle touche en appuyant sur la Créer un nouveau calque icône dans le Couches panneau.

Remplissez ce calque de blanc en allant à Édition> Remplir et en sélectionnant blanc du Utilisation menu déroulant.

Voici à quoi le projet devrait ressembler à ce stade:

10. jeter la dernière ombre

La couche de base des blocs repose sur une surface plane, la photo crée beaucoup plus facilement l'ombre portée.

Étape 1

Pour créer l’ombre portée, répétez la même technique que pour le niveau supérieur des blocs: créez un calque sous le ContexteBlocks couche pour tenir l'ombre

Étape 2

Créer une sélection à partir du ContexteBlocks masque de calque et le remplit de noir, puis décale l’ombre en bas à droite.

Étape 3

Utilisez le Outil de chapiteau polygonal mis à Ajouter à la sélection pour sélectionner les zones diagonales sur lesquelles l'ombre tomberait. Puis remplissez cette sélection avec du noir.

Étape 4

Annuler la sélection avec Contrôle-D et lancez le Flou gaussien filtrer avec Rayon de 3 pixels.

Étape 5

Définir le calque Mode de fusion à Multiplier et réduire le Opacité à 20%

Étape 6

Au lieu de redéfinir les mêmes styles de calque, clic-droit sur le "fx" icône de la StatueBlocks couche et choisissez Copier le style de calque. ensuite clic-droit sur le ContexteBlocks couche et choisissez Coller le style de calque.

Assurez-vous de sauvegarder votre fichier car vous avez terminé!

Travail impressionnant, vous êtes maintenant fait!