Verwandeln Sie ein Foto in ein LEGO-Block-Kunstwerk in Adobe Photoshop

Was Sie erstellen werden

Erstellen Sie mit Adobe Photoshop eine LEGO-Version eines Fotos. Verwenden Sie einige clevere Filter- und Shadowing-Techniken, um auf einfache Weise den Eindruck einer Fotoreplik mit hunderten von winzigen Kunststoffblöcken zu erzeugen. 

1. Erstellen Sie das Blockmuster

Beginnen wir damit, das grundlegende LEGO-ähnliche Blockmuster zu erstellen. Präzision ist der Schlüssel zu diesem Effekt, um richtig zu funktionieren. Daher müssen Sie bei den Pixelmessungen sorgfältig darauf achten, dass das Muster später mit dem Mosaikeffekt übereinstimmt.

Schritt 1

Ein ... kreieren Neu Dokument, das ist 60 x 60 Pixel in Abmessungen.

Erstellen Sie dann eine neue Ebene und füllen Sie sie mit 50% grau Bearbeiten> Füllen Befehl und wählen 50% grau aus dem Dropdown-Menü Verwenden.

Füge hinzu ein Ebenenstil abschrägen und prägen mit der Größe auf 0 Pixel wie hier zu sehen:

Schritt 2

Stellen Sie Ihre Vordergrundfarbe auf das gleiche Mittelton-Grau (# 808080)

Dann wählen Sie die Ellipse-Werkzeug (U) und klicken Sie irgendwo auf die Leinwand. Erstellen Sie einen Kreis, der ist 42 x 42 Pixel in Abmessungen.

Dann benutzen Sie die Pfadauswahlwerkzeug (A) Ziehen Sie den Kreis, bis er in der Mitte der Leinwand einrastet.

Füge hinzu ein Ebenenstil abschrägen und prägen mit einer Tiefe von 62% und ein Größe von 3 Pixel

Dann fügen Sie ein Schlagschatten-Layer-Stil mit einer Entfernung und Größe von 5 Pixel jeder.

An diesem Punkt sollte Ihr Block der Ansicht eines traditionellen LEGO 1x1-Blocks von oben nach unten ähneln.

Schritt 3

Verwenden Sie die Horizontales Werkzeug (T) Text in den mittleren Teil des Kreises einfügen. Verwenden Sie eine dünne, serifenlose Schrift wie Verb oder Arial.


Dann positionieren Sie den Text mit Werkzeug bewegen (V). Aktivieren Sie die Transformationssteuerelemente anzeigen Option in der Optionsleiste, um den Text einfacher skalieren zu können.

Der endgültige Text sollte die gleiche graue Farbe haben wie zuvor (# 808080) aber das macht es schwer zu erkennen, wie man es richtig positioniert. Ändern Sie die Textfarbe in Schwarz oder Weiß und ändern Sie sie nach der Positionierung wieder in Grau.

Füge hinzu ein Ebenenstil abschrägen und prägen zum Text mit einem Tiefe von 1 Pixel und ein Größe von 1 Pixel.

Füge hinzu ein Schlagschatten-Layer-Stil mit einer Entfernung von 2 Pixel und ein Größe von 3 Pixel

Schritt 4

An diesem Punkt sollten Sie Ihre Quelldatei speichern! Im nächsten Schritt verlieren Sie alle bearbeitbaren Ebenen.

Glätten Sie die Datei mit Ebene> Bild abflachen.  Alle Ihre Ebenen werden in einer einzigen Hintergrundebene zusammengefasst.

Wir müssen die Größe des Bildes genau auf 30 x 30 Pixel einstellen. Gehe zu Bild> Bildgröße und geben Sie die Werte von ein 30 für beide die Breite und Höhe. Stellen Sie sicher, dass die Einheiten auf eingestellt sind Pixel.

Dann geh zu Bearbeiten> Muster definieren und geben Sie dem Muster einen Namen wie "LEGOblock-top".

Schließen Sie dann die Datei ohne es speichern.

2. Bereiten Sie das Bild vor

Nachdem wir nun ein LEGO-artiges Blockmuster erstellt haben, müssen wir es auf ein Bild so anwenden, dass es aussieht, als wäre das Bild realistisch aus tatsächlichen Blöcken zusammengesetzt.

Schritt 1

Öffnen Sie ein Bild, um den Effekt zu verwenden. Wählen Sie ein Bild, das nicht über viele Details verfügt, jedoch starke Linien und einen guten Kontrast. Wenn das Bild etwas Vertrautes wie die Freiheitsstatue ist, wirkt der Endeffekt tendenziell besser. 

Das Bild muss Pixelabmessungen haben, die durch 30 teilbar sind. Gehen Sie also zu Bild> Bildgröße und Eingabe a Höhe Wert von 1500. Sorgen Sie sich nicht um die Breite Wert jetzt.


Um den Breitenwert einzustellen, gehen Sie zu Bild> Leinwandgröße und geben Sie ein Breite Wert von 960.

In Photoshop erhalten Sie eine Aufforderung zum Ausschneiden von Inhalten. Klicken Vorgehen.

Schritt 2

Erstellen Sie eine Kopie der Hintergrundebene, indem Sie zu wechseln Ebene> Neue Ebene per Kopie (Control-J).

Dann geh zu Filter> Pixelieren> Mosaik und setze das Zellengröße zu 30 Quadrat.

An diesem Punkt sollte das Bild als Anordnung von einfarbigen Quadraten erscheinen.

3. Wenden Sie das Blockmuster an

Schritt 1

Um nun das Block-Top-Muster einzufügen, das wir in Schritt 1 erstellt haben. Erstellen Sie zunächst eine neue Ebene, indem Sie zu gehen Ebene> Neue Ebene (Shift-Control).


Dann geh zu Bearbeiten> Füllen (Umschalttaste-F5) und wählen Sie Muster von dem Benutzen Menü und finden Sie Ihr benutzerdefiniertes Blockmuster am Ende der Liste in Benutzerdefiniertes Muster Dropdown-Menü.

Schritt 2

Die Leinwand füllt sich mit dem Blockmuster. Ändern Sie die Ebene Mischmodus zu Überlagerung Damit die Mosaikfarbe durch das Blockmuster sichtbar wird.

4. Erstellen Sie die Ebenenmaske

Im nächsten Schritt werden die äußeren Teile der Blöcke ausgeblendet, so dass die Statuenblöcke auf den Hintergrundblöcken zu sitzen scheinen.

Schritt 1

Lassen Sie uns das Leben leicht machen, indem Sie ein 30-Pixel-Raster als Orientierungshilfe für die Maskierung verwenden. Gehe zu Bearbeiten> Voreinstellungen> Hilfslinien, Raster und Slices. und in der Gitter Abschnitt eingestellt a Rasterlinie alle 30 Pixel.

Um das Raster auf der Leinwand zu sehen, gehen Sie zu Ansicht> Anzeigen> Raster.

Schritt 2

Verwenden Sie jetzt die Rechteckiges Marquee Werkzeug (M) einstellen Zur Auswahl hinzufügen in dem Optionsleiste Um eine Auswahl um Kopf und Schultern der Statue zu erstellen, verwenden Sie das Raster, um die Auswahl zu unterstützen und die Blöcke perfekt zu umreißen.

Schritt 3

Gehen Ebene> Ebenenmaske> Auswahl anzeigen um die Auswahl als Maske zu verwenden. Das Schichten Im Bedienfeld wird ein schwarzweißes Miniaturbild angezeigt, das die Ebenenmaske anzeigt.

Schritt 4

Halten Sie die Alt bewegen Sie den Cursor zwischen der Mosaikebene und der Musterebene. Wenn Sie sehen, wie sich der Cursor von einer zeigenden Hand in ein Quadrat mit einem Abwärtspfeil verwandelt, klicken Sie darauf! Dadurch wird die Musterebene an die Mosaikebene angefügt, sodass beide Ebenen von derselben Ebenenmaske gesteuert werden können.

5. Erstellen Sie die Hintergrundblöcke

Schritt 1

Wir haben unsere Statuenblöcke, aber jetzt müssen wir die untere Basisebene der Blöcke erstellen. Wiederholen Sie also den gleichen Vorgang des Duplizierens der Hintergrundebene und des Mosaikfilters. Legen Sie eine darüber liegende Ebene mit dem Blockmuster. Erstellen Sie eine Maske mit einer Reihe von unzusammenhängenden Blöcken am unteren Rand und schneiden Sie das Muster in die Mosaikebene. Ihre Datei sollte dieser ähneln.

Schritt 2

Die Hintergrundsteine ​​ähneln den Statuensteinen. Um einen visuellen Unterschied zu schaffen, ändern Sie die Mischmodus für die Blockmusterebene bis Helligkeit.

Schritt 3

Das machte den Block zu dunkel. Um dies zu korrigieren, lassen Sie uns die Blockmusterebene aufhellen. Gehe zu Bild> Einstellungen> Pegel (Control-L) und passen Sie die Griffe an die Einstellungen an:

Schritt 4

Dann geh zu Filter> Unschärfe> Gaußsche Unschärfe und verwenden Sie einen Radius von herum 0,4 Pixel. Dies erzeugt eine subtile Unschärfe auf den Hintergrundblöcken, sodass die Schärfe der Statuenblöcke mehr hervorsticht.

6. Erstellen Sie einen Schlagschatten

Die oberste Ebene des Blocks sollte einen Schatten auf die untere Ebene werfen. Wenn die Oberfläche flach ist, ist dies eine einfache Aufgabe. Aber all diese kleinen Unebenheiten erzeugen eine unebene Oberfläche, die die Schattenlinien stört. Um dies zu berücksichtigen, werden wir zwei Schattenebenen erstellen, eine für die Oberseite der Erhebungen, eine für die Grundfläche um die Erhebungen. Dieses Detail ist sehr subtil, aber wichtig, um einen realistischen Effekt zu erzielen.

Schritt 1

Erstellen Sie eine neue Ebene unter der StatueBlocks-Ebene und nennen Sie sie Shadow1.

Schritt 2

Control-Click das Maskenminiaturbild für die StatueBlocks Layer, um daraus eine Auswahl zu erstellen. Sie werden die marschierenden Ameisen sehen, die die Gegend umreißen.

Schritt 3

Füllen Sie die Auswahl mit Schwarz Bearbeiten> Füllen (Umschalttaste-F5) Befehl und Wahl Schwarz von dem Benutzen Dropdown-Menü. Der ausgewählte Bereich füllt sich mit Schwarz, aber Sie können ihn noch nicht ganz sehen, da er sich hinter der Blockebene befindet.

Schritt 4

Runter halten Verschiebung und drücken Sie die Pfeil nach unten Schlüssel zweimal. Dann drücken Sie die Rechter Pfeil Schlüssel 15 Mal (ohne die Verschiebung Schlüssel). Dadurch wird der Schatten rechts unterhalb der Blöcke positioniert, um den Beginn des Schattenwurfs zu erzeugen.

Schritt 5

Der Schattenwurf wird erst richtig angezeigt, wenn die Ecken miteinander verbunden sind. Wählen Sie also das aus Polygonales Lasso-Werkzeug und stellen Sie sicher, dass der Modus auf eingestellt ist Zur Auswahl hinzufügen. Klicken Sie dann auf eine Ecke der Schattenebene und verbinden Sie sie mit der Ecke des Blocks, die diesen Schatten werfen würde. Fügen Sie einen dritten Klickpunkt hinzu, um den dreieckigen Bereich zu vervollständigen. Tun Sie dies für jede sichtbare Ecke.


Schritt 6

Füllen Sie die Auswahl mit schwarz Bearbeiten> Füllen (Umschalttaste-F5) Befehl mit Schwarz als die Benutzen Rahmen. 


Dann drücken Steuerung-D zu Abwählen.

Schritt 7

Erweichen Sie die Schattenebene, indem Sie zu gehen Filter> Unschärfe> Gaußsche Unschärfe und setze das Radius zu 2,0 Pixel

Schritt 8


Stellen Sie das ein Mischmodus zu Multiplizieren und reduzieren Sie die Opazität zu 24%

7. Passen Sie den Schatten an, um den Konturen zu folgen

Der Schattenwurf scheint momentan auf einer flachen Oberfläche zu laufen. Realistischerweise würden die runden Pfosten der Blöcke die Schattenlinie aufbrechen. Es mag beängstigend erscheinen, wenn versucht wird, einen Schatten entlang der einzelnen Pfosten zu bekommen, aber durch Anpassen des ursprünglichen Blockmusters können wir den Effekt schmerzlos erzielen.

Schritt 1

Kehren Sie zur ursprünglichen Datei zurück, die zum Erstellen des Blockmusters verwendet wurde. Blenden Sie die Textebene und die grau gefüllte Ebene aus. Doppelklick Wählen Sie mit der Ellipse-Layer-Miniaturansicht eine Füllfarbe und wählen Sie Schwarz.

Schritt 2

Glätten Sie die Datei mit Ebene> Bild abflachen und schlagen OK wenn Sie aufgefordert werden, ausgeblendete Ebenen zu löschen. Verändern Sie dann das Bild mit Bild> Bildgröße und spezifizieren Sie das Breite und Höhe jeweils genau 30 Pixel.

Schritt 3

Definieren Sie dieses Bild als neues Muster, indem Sie zu gehen Bearbeiten> Muster definieren. Sie können die Datei dann ohne Speichern schließen.

Schritt 4

Kehren Sie zur Hauptprojektdatei zurück und fügen Sie der Ebene Shadow1 eine Ebenenmaske hinzu, indem Sie auf drücken Ebenenmaske hinzufügen Knopf an der Basis des Schichten Panel.

Schritt 5

Vergewissern Sie sich, dass die Maske als Ziel ausgewählt ist (das Miniaturbild sollte einen weißen Rand aufweisen) und füllen Sie es mit dem neuen Muster Bearbeiten> Füllen Befehl. Stellen Sie das ein Benutzen zu Muster und wählen Sie das neu erstellte Muster unten in der Liste der aus Benutzerdefiniertes Muster Dropdown-Liste.

Dadurch wird der Schatten von den oberen Teilen der Blockstifte entfernt und nur in den Bereichen um und zwischen den Stiften sichtbar.

Schritt 6

Jetzt erstellen wir einen Schatten für den oberen Teil der Stifte, der nur geringfügig vom aktuellen Schlagschatten versetzt ist. Duplizieren Sie die Ebene Shadow1 durch Drücken von Steuerung-J.

Wir möchten, dass die Maske dieser Ebene den oberen Teil der Stifte darstellt, was das Gegenteil ihrer aktuellen Funktion ist. Richten Sie die Maske der Kopie aus, indem Sie auf die Miniaturansicht klicken. Dann drücken Steuerung-I zu Umkehren die Maske.

Schritt 7

Jetzt den Schatten leicht verschieben, um den Anschein zu erwecken, dass er den Konturen der Stifte folgt. Richten Sie zunächst die tatsächliche Ebene und nicht die Maske aus, indem Sie auf die Ebenenminiatur klicken. Trennen Sie dann die Ebene von der Maske, indem Sie auf das kleine Kettenglied-Symbol zwischen den beiden Miniaturbildern klicken. Dadurch bleibt die Maske in Position, während wir die Ebene verschieben.

Schritt 8

Schieben Sie nun diesen Schatten nach oben und nach links, indem Sie auf das Symbol tippen Aufwärtspfeil Schlüssel und der linke Pfeil Schlüssel jeweils fünfmal. Dieser subtile Versatz gibt dem Wurfschatten ein viel realistischeres Aussehen.

8. Fügen Sie ein plastisches Erscheinungsbild hinzu

Die oberste Schicht der Blöcke ist fast fertig. Es braucht nur ein paar kleine Details, damit es wirklich wie Plastikblöcke aussieht.

Schritt 1

Beginnen Sie mit dem Hinzufügen eines Abgeflachte Kante und Relief Ebenenstile mit einem Tiefe von 32% und Größe von 3 px.

Dann ein Schlagschatten Stil mitdasOpazität einstellen 69%, Entfernung von 7px und Größe von 9 px.

Dies verleiht der obersten Blockschicht einen noch realistischeren Lichteffekt.

Schritt 2

Um das plastische Erscheinungsbild noch zu verbessern, verwenden Sie einen subtilen Filtereffekt. Wählen Sie jedoch zunächst die Ebenen LayerBlocks und BlockPattern aus und erstellen Sie eine zusammengesetzte Ebene, indem Sie diese gedrückt halten Alt und zu gehen Ebene> Zusammengelegte Ebenen (Control-E) 

Schritt 3

Gehe zu Filter> Galerie filtern  und öffnen Sie die Künstlerisch Ordner und wählen Sie die Plastikfolie Filter. Stellen Sie das ein Stärke hervorheben zu 5, Detail zu 13, und Glätte zu 5.

Dann reduzieren Sie die Ebene Opazität zu 40% um den Effekt sehr subtil zu machen.

Schritt 4

Um noch visueller zu machen, dass die oberste Ebene der Blöcke über der unteren Ebene liegt, fügen Sie der unteren Ebene der Blöcke eine leichte Unschärfe hinzu. Dies simuliert die gleiche Idee eines fotografischen Brennpunkts. Wähle aus BackgroundBlockPattern Schicht und gehen Sie zu Filter> Unschärfe> Gaußsche Unschärfe und setze das Radius zu 0,4 Pixel.

An diesem Punkt sollte Ihr Projekt folgendermaßen aussehen:

9. Erweitern Sie den Canvas

Die oberste Ebene der Blöcke ist fertig, es ist also an der Zeit, zur Basisebene zu gelangen. Zunächst muss die Leinwand jedoch angepasst werden, um Platz für den Schatteneffekt zu schaffen. Es ist wichtig, mit einer engeren Leinwandgröße zu beginnen, damit der Mosaic-Filter ordnungsgemäß funktioniert.

Schritt 1

Entsperren Sie die Hintergrundebene, indem Sie auf klicken Sperren Symbol rechts neben dem Ebenennamen in Schichten Panel. Dies ändert die Ebene von Hintergrund zu Schicht 0.

Schritt 2

Gehe zu Bild> Leinwandgröße und setze das Breite zu 1036 Pixel und die Höhe zu 1560 Pixel. Das Relativ Kontrollkästchen muss nicht markiert sein und die Anker muss sich an der voreingestellten Mittelposition befinden.

Schritt 3

Füge hinzu ein Schlagschatten Ebenenstil zum Schicht 0 Schicht. Stellen Sie das ein Entfernung und Größe beide zu 5 Pixel.

Schritt 4

Fügen Sie eine neue Ebene unter der Ebene 0 hinzu, indem Sie die Taste gedrückt halten Steuerung Taste bei gedrückter Taste Erstellen Sie eine neue Ebene Symbol in der Schichten Panel.

Füllen Sie diese Ebene mit Weiß, indem Sie zu gehen Bearbeiten> Füllen und auswählen Weiß von dem Benutzen Dropdown-Liste.

So sollte das Projekt an dieser Stelle aussehen:

10. Werfen Sie den letzten Schatten

Die Basisschicht der Blöcke sitzt auf einer flachen Oberfläche, das Bild, das den Schattenwurf erzeugt, ist viel einfacher.

Schritt 1

Wiederholen Sie zum Erstellen des Schlagschattens dieselbe Technik wie für die oberste Ebene von Blöcken: Erstellen Sie eine Ebene unter Hintergrundblöcke Schicht, um den Schatten zu halten

Schritt 2

Erstellen Sie eine Auswahl aus der Hintergrundblöcke Ebenenmaske und fülle sie mit Schwarz, versetze dann den Schatten nach unten und nach rechts.

Schritt 3

Verwenden Sie die Polygonales Laufschriftwerkzeug einstellen Zur Auswahl hinzufügen um die diagonalen Bereiche auszuwählen, auf die der Schatten fallen würde. Füllen Sie diese Auswahl dann mit Schwarz.

Schritt 4

Abbrechen Sie die Auswahl mit Steuerung-D und führe das aus Gaußscher Weichzeichner filtern mit einem Radius von 3 Pixel.

Schritt 5

Legen Sie die Ebene fest Mischmodus zu Multiplizieren und reduzieren Sie die Opazität zu 20%

Schritt 6

Anstatt die gleichen Ebenenstile erneut festzulegen, müssen Sie nur Rechtsklick auf der "fx" Symbol aus der StatueBlocks schichten und wählen Ebenenstil kopieren. Dann Rechtsklick auf der Hintergrundblöcke schichten und wählen Ebenenstil einfügen.

Speichern Sie Ihre Datei unbedingt, da Sie fertig sind!

Tolle Arbeit, du bist jetzt fertig!