Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

Passend zum Inhalt empfehlen wir unsere:

Photoshop-Workshop-DVD - Effekte für Typo, Layout & Foto - Vol. 2

  • 18 Stunden Video-Training
  • über 50 Tutorials als HTML & PDF-Version (1.000 PDF-Seiten!)
  • Arbeitsdateien und Stile & Aktionen zu den Tutorials von diversen Effekten
Jetzt informieren Trailer ansehen

Kommentare

  • Portrait von GHR

    GHR

    24.04.2012 - 19:47

    super tut!
    habs gleich ausprobiert und bin problemlos zu dem erhofften ergebniss gekommen.
    danke!

  • Alternative Portrait von Pritscher

    Pritscher

    29.03.2012 - 08:27

    Nettes Tut.
    Werde das gleich mal testen.
    Gibt ja auch diese Freeware-Tools um Mosaik-Bilder zu erstellen, aber so kann man wenigstens auf sich selbst stolz sein es selbst erstellt zu haben und das bei relativ geringem aufwand.
    Sehr schön!

  • Alternative Portrait von jane_77

    jane_77

    08.03.2012 - 17:01

    danke - ein grund mehr sich endlich cs5 zuzulegen :-)

  • Portrait von Lexy88

    Lexy88

    23.02.2012 - 15:45

    Super genau das hab ich gesucht! Ich will das mit einem großen Bild machen welches ich vielleicht auf Leinwand drucken lasse als zierde fürs Arbeitszimmer.

  • Alternative Portrait von _Yvi_

    _Yvi_

    09.02.2012 - 14:58

    Habe es heute ausprobiert! Super! Danke der guten Beschreibung und Erklärung hat es sofort funktioniert!

  • Alternative Portrait von Zimtkuchen

    Zimtkuchen

    09.02.2012 - 07:46

    Danke ich wollte das schon immer wissen

  • Alternative Portrait von mifu

    mifu

    03.02.2012 - 12:52

    Super!
    Mir waren schon mehrere Wege bekannt um zu so einem Ergebnis zu kommen, aber dieser scheint mir der schnellste zu sein. Vielen Dank für diese Tutorial im Namen aller :)

  • Portrait von Bajka36

    Bajka36

    29.01.2012 - 17:14

    Es ist genau das Richtige was ich gesucht habe! Dankeschön!

  • Alternative Portrait von SukramN

    SukramN

    22.01.2012 - 17:01

    Sehr gut!
    Da sieht man mal wieder: mit Photoshop geht wirklich Alles - wenn man nur einfallsreich und kreativ genug mit der Ressource umzugehen weiß!
    Der klare Vorteil zu entsprechender Stand-Allone-Software: man kann hier gezielt eingreifen, wenn man nicht nur "irgendwelche" Bilder als Mosaiksteinchen braucht.
    Werde ich wohl in Bälde sogar für ein professionelles Projekt gut nutzen können - das spart mir wieder etwas (zeitaufwändige) Entwicklungsarbeit.
    Vielen Dank, kommt genau zur richtigen Zeit! Weiter so!

  • Alternative Portrait von blackshirt

    blackshirt

    20.01.2012 - 17:14

    Klasse, die Wege sind einfach und gut beschrieben, sowas wollte ich immer mal ausprobieren.

  • Portrait von DeLisches

    DeLisches

    20.01.2012 - 13:35

    Echt gutes Tut! =)

    Es gibt allerdings auch Software/Programme, die das so wie BuzzLightyear beschrieben hatte, automatisiert ausführen. Dort muss man lediglich die zu verwendenden Fotos auswählen, das Schlüsselbild und die Größe der Pixel. Nachteil ist aber meistens, dass keine Quadrate erzeugt werden, oder wenn doch werden die rechteckigen Thumbnails einfach gestaucht bzw. gezogen.

    Daher find ich diese Variante hier echt gut. Ist halt nur zeitaufwendiger.

    Vielen Dank dafür..

  • Alternative Portrait von BuzzLightyear

    BuzzLightyear

    20.01.2012 - 10:08

    Da hab ich mich wohl vergaloppiert, sorry.
    Anscheinend arbeiten wirklich alle mit Multiplikation. Hätt ich jetzt nicht gedacht. Also nix für ungut und danke fürs Tutorial ....

    • Portrait von Matthias

      Matthias

      20.01.2012 - 10:10

      Ist kein Problem. Ich freue mich sogar sehr, wenn immer wieder durch Diskussionen bestimmte Wege in Frage gestellt werden und dabei neue (bessere) Ansätze zu Tage treten.

  • Alternative Portrait von BuzzLightyear

    BuzzLightyear

    20.01.2012 - 09:33

    Sorry Matthias, dein vorgeschlagener Weg führt nicht nach Rom, sondern in die Irre ... ;-)
    Wenn die so angefertigten Bilder in entsprechendem Massstab vergrößert werden, fällt das schon auf ....

    • Portrait von Matthias

      Matthias

      20.01.2012 - 09:34

      Das ist mir neu. Es müssen halt nur die Mosaike klein genug bleiben. Du kannst mich aber gern überzeugen mit einem Screenshot.

  • Alternative Portrait von BuzzLightyear

    BuzzLightyear

    20.01.2012 - 09:12

    ich bin immer davon ausgegangen, dass das Gesamtbild von den einzelnen Mosaikbildchen gebildet wird, deren Farbigkeit, Grauwert, "Farbflächenverteilung" entsprechend der des Orginals eingesetzt wird ....
    Versteht ihr, was ich meine? Also nix mit Multiplizieren o.ä., sondern ersetzen der orginalwerte durch "ähnliche" Miniaturen.
    Oder liege ich da falsch?

    • Portrait von Matthias

      Matthias

      20.01.2012 - 09:13

      Viele Wege führen nach Rom.

  • Alternative Portrait von Actionman83

    Actionman83

    19.01.2012 - 12:53

    Toll,werd ich gleich für ein Poster propieren!

  • Alternative Portrait von Holger1994

    Holger1994

    19.01.2012 - 06:34

    Wollt schon immer wissen wie man das macht und es ist einfacher als ich dachte :) Danke

  • Alternative Portrait von finefisher

    finefisher

    17.01.2012 - 13:35

    Super Tutorial
    Hat mich schon lange interessiert, wie man so was macht. Thx

Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Schritt 1: Bilder für das Muster verkleinern

Für das Mosaik benötige ich allerhand Bilder. Je mehr Bilder ich für mein Muster zur Verfügung habe, desto weniger kommt es zu Bildwiederholungen im Muster. In diesem Tutorial halten wir dennoch den Ball mehr oder weniger flach und nutzen 100 Bilder zur Erstellung des Musters. Sinnvoll ist es, diese Bilder in einem Ordner zusammenzuführen.

Im ersten Schritt muss ich meine 100 Bilder auf die richtige Größe anpassen. Diese ist in diesem Fall 50x50 Pixel. Das quadratische Pixelmaß stellt sicher, dass ich später auch noch einen akzentuierenden Mosaikeffekt über den Filter mit meinem Muster verschmelzen lassen kann.

Das erste Bild, welches zu 50x50 px verkleinert werden soll, öffne ich in Photoshop.

Bilder


 
Ich rufe das Aktionen-Bedienfeld auf und erstelle eine neue Aktion mit Namen „Bildverkleinerung-50px“.

Bilder


 
Mit dem Shortcut Strg+Alt+I öffne ich den Bildgröße-Dialog. Die Checkbox Proportionen beibehalten wird deaktiviert. Anschließend gebe ich bei Breite und Höhe 50 px ein und bestätige mit OK.

Bilder


 
Die Aktion beende ich mit Klick auf das Stopp-Zeichen (Aufzeichnung beenden) im Aktionen-Bedienfeld.

Bilder


 
Nun öffne ich über das Menü Datei>Skripten den Bildprozessor. Dort kann ich alle Bilder in einem Rutsch durchlaufen lassen unter Anwendung meiner soeben erstellten Aktion als Stapelverarbeitung.

Ich wähle den Ordner aus, in dem meine 100 Bilder hinterlegt sind. Speicherformat ist JPG, Qualität: 10.

In den Voreinstellungen wähle ich als Stapelverarbeitung meine soeben erstellte Aktion zur Bildverkleinerung. Anschließend drücke ich Ausführen. Meine 100 Bilder werden jetzt verkleinert und neu gespeichert.

Der Vorteil des Bildprozessors gegenüber dem Stapelverarbeitungsdialog besteht neben der intuitiven Anwendung darin, dass ich nicht noch jedes Bild beim Speichern bestätigen muss, weil dieser Schritt ja nicht in der Aktion enthalten war.

Bilder


 
Nun wurden die 100 Bilder verkleinert und neu gespeichert. Der Bildprozessor hat dazu einen neuen Ordner JPEG angelegt.

Bilder


 

Schritt 2: Verkleinerte Bilder als Muster anlegen

2.1 Der Weg in Photoshop

Bleibe ich in Photoshop, kann ich folgenden Weg wählen, um die Bilder mehr oder weniger schnell in das richtige Anordnung für mein Muster zu bringen.

Ich wähle über das Menü Datei>Skripten den Dialog Dateien in Stapel laden. Im sich öffnenden Dialogfenster wähle ich Durchsuchen und markiere im Dateibrowser die 100 zuvor verkleinerten Bilder. Mit OK bestätige ich meine Auswahl und lasse mir die Bilder als Stapel laden. Die Checkbox zur Erstellung eines Smart-Objekts bleibt deaktiviert.

Bilder


 
Meine 100 Bilder werden nun in einem Dokument in 100 Ebenen geladen.

Ich ruf als Nächstes den Arbeitsfläche-Dialog mit dem Shortcut Alt+Strg+C auf und stelle dort eine Vergrößerung meines Dokuments auf 500x500 Pixeln ein.

Bilder


 
Nun kann ich mit dem Verschieben-Werkzeug bei aktivierter Checkbox für Ebene automatisch auswählen die 100 Ebenen händisch ausrichten.

Ein Tipp, damit es ein wenig schneller geht: In den Voreinstellungen (Strg+K) im Register Hilfslinien, Raster und Slices passe ich das Raster so ein, dass ich eine Rasterlinie alle 50 Pixel habe – genau die Größe, die auch die kleinen Bildchen haben.

Bilder


 
Beim Verschieben wirken die Rasterlinien leicht magnetisch, sodass mir das Ausrichten dann besser gelingt. Das Raster kann ich mit Alt+Shift+Strg+, einblenden bzw. über das Menü Ansicht>Einblenden>Raster.

Na dann mal los beim Ausrichten der Bilder mit dem Verschieben-Werkzeug! Oder ich wähle eine Abkürzung über Adobe Bridge:

Bilder


 

2.2. Die Abkürzung über die Bridge

Ich rufe die Bridge auf und dort meinen Ordner mit den 100 Bildern, die für das Muster entsprechend nahtlos aneinander ausgerichtet werden müssen.

Im Arbeitsbereich Ausgabe habe ich die Möglichkeit, PDF-Dateien zu generieren.

Bilder


 
Ich wähle meine 100 Bilder aus und nehme im Ausgabe-Feld folgende Einstellungen vor:

Dokument:
Vorlage: Benutzerdefiniert
Breite und Höhe: 500 Pixel
Qualität: 300 ppi
Qualität: 100 Prozent

Layout:
Spalten und Zeilen: 10
• Der Rest wird genullt.

Die Checkbox bei Überlagerungen kann ich deaktivieren.

Bilder


 
Über den Button Vorschau aktualisieren kann ich mir schon einmal einen Entwurf anzeigen lassen, ob das Muster schon stimmig ist. Ist es das, dann kann ich die PDF speichern.

Bilder


 

Schritt 3: Mein Muster speichern

Welchen Weg ich auch gegangen bin, ob nun direkt über Photoshop oder die Abkürzung über Bridge, ich muss mein Musterbild als Muster auch in Photoshop festlegen.

Bei der ersten Varianten ist das Bild bereits im Dokument. Bei der zweiten Variante öffne ich die PDF-Datei in Photoshop. Jetzt speichere ich mein Muster über das Menü Bearbeiten>Muster festlegen.

Bilder


 

Schritt 4: Muster anwenden

Es geht zurück in mein ursprüngliches Dokument mit meinem Waldsee. Ich erstelle eine neue Ebene mit dem Shortcut Strg+Shift+Alt+N und fülle diese Ebene mit einer beliebigen Farbe. Nun öffne ich die Fülloptionen und wähle dort im Register Musterüberlagerung mein zuvor angelegtes Muster aus.

Der Vorteil an der Musterüberlagerung – etwa gegenüber dem Füllen über den Dialog Inhalt füllen (Shift+F5) – besteht darin, dass ich jetzt auch mein Muster skalieren kann.

Bilder


 

Schritt 5: Hintergrundebene in Smart-Objekt konvertieren und nach oben

Ich konvertiere meine Hintergrundebene mit Doppelklick in eine Transparenzebene und verschiebe die Ebene an die oberste Stelle im Ebenenbedienfeld.

Die Ebene dupliziere ich anschließend mit Strg+J. Das Duplikat kann ich vorerst ausblenden.

Die erste Ebene konvertiere ich in ein Smart-Objekt und setze sie in den Modus Hartes Licht. Das sorgt für eine Verrechnung mit der Musterebene bei gleichzeitiger Kontrastverstärkung. So werden sowohl das Muster als auch der Waldsee erkennbar.

Bilder


 

Schritt 6: Smartfilter Mosaikeffekt

Nun wende ich auf mein eingeblendetes Smart-Objekt den Vergröberungsfilter Mosaikeffekt als Smartfilter an.

Ich wähle bei Größe 50 Quadrat, sodass die Quadratelemente aus dem Filter deckend mit meinen 50x50-Quadraten aus der Musterebene sind.

Möchte ich stattdessen kleinere oder größere Quadrate für den Mosaikeffekt einstellen, brauche ich im Anschluss nur in die Musterebene zu gehen und bei der Musterüberlagerung den Wert der Muster entsprechend zu skalieren, damit die Filtermosaike wieder deckend zu den Musterelementen sind. Und daher empfiehlt sich, wie eingangs erwähnt, die Ebenenfüllung über eine Musterüberlagerung.

Bilder


 

Schritt 7: Duplizierte Ebene wieder einblenden

Die duplizierte Ebene kann ich jetzt wieder einblenden. Ich reduziere die Deckkraft auf 30 Prozent, sodass noch ein paar Strukturen des Waldes aus dem Hintergrund wieder hervorgeholt werden.

Bilder


 
Fertig ist mein Mosaikeffekt.

Bilder


 

Anwendung auf andere Bilder

Da die Musterebene schon steht, kann dieser Effekt auch ziemlich einfach auf andere Bilder angewendet werden. In diesem Fall nehme ich eine in Brauntönen gehaltene Porträtaufnahme.

Bildquelle: Fotolia.com - Colt © S.Kobold #25505874

Bilder


 
Ich füge bei diesem Bild auch eine neue Ebene mit einer beliebigen Farbe ein, die ich dann über die Musterüberlagerung mit meinem Muster fülle. Die Bildebene ziehe ich nach oben und dupliziere sie. Die erste Bildebene mit der Füllmethode Hartes Licht erhält den Mosaikeffekt-Filter als Smartfilter (die Ebene vorher in ein Smart-Objekt konvertieren).

Bilder


 
Bei der duplizierten Ebene reduziere ich die Deckkraft auf 30 Prozent. Jetzt zeigt sich gerade an der Hutschnur eine zu hohe Detailgenauigkeit.

Bilder


 
Daher bietet sich hier eine Variation an. Statt die Ebene im Modus Normal bei 30 Prozent Deckkraft weiterhin zu nutzen, lösche ich diese. Ich dupliziere stattdessen die Ebene, die in den Modus Hartes Licht gesetzt war. Mein Duplikat erhält die Füllmethode Weiches Licht bei 40 Prozent Deckkraft. Damit verstärke ich zusätzlich die Kontraste, was der Gesamterscheinung des Effekts sehr zuträglich ist. Die ehemals zu hohen Details an der Hutschnur passen nun als Mosaikkästchen schön ins Bild.

Fertig ist mein Mosaikeffekt auch bei diesem Bild.

Bilder


 
Es zeigt sich also, dass die Technik grundsätzlich sehr gut funktioniert, aber je nach den vorliegenden Bildbesonderheiten für den optimalen Look immer ein wenig angepasst werden muss.

Bilder
Webdesign Darmstadt vBulletin 0.041 ZF-App 0.518 Total 0.558