#

TUTORIAL: BILDER MEMORY MIT PHOTOSHOP

Heute m?chte ich Euch an dieser Stelle zeigen, wie man mit relativ einfachen Mitteln und nur zwei Ebeneneffekten eine Art Fotomemory bzw. Bildermemory mit Photoshop erstellen kann.

Wie immer soll dieses Tutorial nur eine Ideengrundlage liefern. Eine Solche fertige ?Collage? k?nntet Ihr beispielsweise auch auf Webseiten verwenden, die Memmoryteile auf einen fotorealistischen Hintergrund legen oder auch als Eyecatcher f?r Printprodukte aller Art verwenden.

Wie auch immer ihr das kreativ erstellte Bildermemory verwenden m?chtet: Ich w?nsche euch viel Spass damit! :-)

Ziel soll es sein ein solches, simples Fotomemory darzustellen:

foto_memory_photoshop

Zun?chst sollten wir uns auch kurz mit der Auswahl des richtigen Bildes besch?ftigen. Optimal eignen sich Bilder, welche weder zuviele kleine Details aufweisen, noch Bilder die beispielsweise 50% mit eint?nigen Himmel bebildert sind. Ein gutes Verh?ltnis aus Motiv und interessanter Anmutung gibt dem Effekt gleich eine doppelt so sch?ne Wirkung

foto_memory_photoshop_2

?ffnet das Bild und stellt sicher das es etwa 30% kleiner ist als die sp?tere B?hne auf der Ihr das fertige ?Produkt? pr?sentieren wollt (Zum Verkleinern w?hlt Bild – Bildgr??e). W?hlt nun in der Werkzeugleiste das Slicewerkzeug an (Taste C, ggf. wenn das Freistellwerkzeug noch angew?hlt ist, l?nger gedr?ckt halten). Nun einen Rechtsklick auf das Bild und ?Slice unterteilen? anw?hlen. Diese Funktion unterteilt das Bild in exakt gleichgro?e Teile. In diesem Fall habe ich es in 2 vertikale und 3 horizontale Bilder unterteilt. Anschlie?end das ganze unter Datei: ?F?r Web Speichern? (oder Str + Alt + Shift + S). Photoshop legt nun einen Ordner an und legt alle 6 Bilder darin ab.

foto_memory_photoshop_3

?ffnet nun ?ber Datei – Neu eine neue Datei die etwa 30-40% gr??er ist als euer urspr?ngliches Bild. ?ffnet anschlie?end die 6 Einzelbilder und setzt Sie wieder zusammen – Bei 6 Bildchen sollte das nicht all zu schwer sein ;-) Mit gedr?ckter Strg-Taste k?nnt Ihr das jeweilige Memoryst?ck wieder anw?hlen und mit gedr?ckter shift und Pfeiltaste im gleichm??igen, gr??eren Abstand voneinander wegbewegen (Siehe n?chstes Bild)

foto_memory_photoshop_4

F?r den Kontur und Schatteneffekt habe ich folgende Einstellung gew?hlt: Kontur nach innen mit 4 Pixel st?rke und Farbe wei?, Schlagschatten bei 120 Grad, Abstand 4, Gr??e 4, Deckkraft 35%. (Diese Einstellungen k?nnt Ihr nat?rlich vornehmen wie Ihr das m?chtet). Anschlie?end einen Rechtsklick auf den nun angelegten Ebeneneffekt und ?Ebenstil kopieren? anw?hlen. Per Rechtsklick auf die anderen Ebenen dann ?Ebenenstil einf?gen?.

foto_memory_photoshop_5

Nun per Strg+T die Memory Teile nach belieben drehen und verdrehen. Auch k?nnt Ihr die Ebenen in Ihrer Reihefolge tauschen, sodass einige Memoryteile ?bereinander liegen. Thats it :-)

Und how much is the fish?

Finden wir es heraus! Ob Einsteiger oder erfahrener Webdesigner, es gibt f?r jedes Budget die passende L?sung:

  • Keine Angaben
  • 1.500 - 2.500?
  • 2.500 - 4.000?
  • 4.000 - 6.000?
  • 6.000 - 8.000?
  • ?ber 10.000?