Rosenruthie hat letztens ihre zwölf2010 Fotos in eine WP eigene Diashow gepackt. Leider geht diese Diashow bei meinem WordPress nicht (obwohl es sicherlich ein Plugin dafür gibt). Da ich aber fand, dass diese Diashow eine klasse Idee ist, habe ich sie als Gif-Animation in Photoshop erstellt.
Ihr wollt wissen wie das geht?
Eine kleines Photoshop Tutorial
1. Im ersten Schritt müsst ihr alle Projektbilder in eine Photoshop-Datei speichern. Diese besteht dann aus 4 Ebenen. Blendet die letzten 3 Ebenen aus, sodass nur die Januar Ebene zu sehen ist.
2. Im zweiten Schritt öffnet ihr unter Fenster die Funktion “Animationen” und ein extra Fenster öffnet sich.
3. Im dritten Schritt markiert ihr im Animationsfenster das erste Bild und klickt anschließend auf das kleine Icon unten rechts “dupliziert ausgewählte Frames”.
4. Im vierten Schritt klickt ihr die das neu erstellte Bild im Animationsfenster an und geht anschließend auf die Februar-Ebene und aktiviert diese, so dass das Februar Bild im 2. Animationsbild erscheint.
5. Im fünften Schritt wiederholt ihr Schritt 4 bis die Bilder März und April im Animationsfenster angezeigt werden.
6. Im sechsten Schritt markiert ihr alle Bilder in der Animation und stellt die Sekundenanzeige an, wie lange das Bild dargestellt werden soll. Ich habe 2 Sekunden und “unendlich” eingestellt, sodass die Animation immer wieder von vorne anfängt.
7. Im letzten Schritt geht ihr auf “für Web speichern” und stellt dort das Format “gif” ein. Da hier keine Transparenz gebraucht wird, habe ich das Häkchen deaktiviert. Die Animation habe ich mit einer Größe von 500px Höhe gespeichert. Möchte man sie größer speichern, sollte man zusätzlich auf die Speichergröße achten. Schnell kann eine Animation mehrere MB groß werden.
Nun viel Spaß beim nachbauen.
In english
A little Photoshop tutorial
1. In the first step you need to store all project images in a Photoshop file. This will consist of four levels. Hides the last three layers that is so only to see the January level.
2. In the second step under the window you open the “animation” and a separate window will open.
3. In the third step, highlight it in the first frame of the animation window. Then click on the little icon bottom right “duplicates selected frames”.
4. In the fourth step, you click on the newly created image in the animation window and then go to the February level and activates it so that the image on the 2nd February Animation image appears.
5. In the fifth step you repeat step 4 until the images of March and April are shown in the animation window.
6. In the sixth step, all the images you selected in the animation and the seconds will display how long the image will be displayed. I have 2 seconds and “infinitely” adjusted, so that the animation starts over again from scratch.
7. The final step is the “Save for Web” on her and there is the format “gif” one. Since there is no transparency is needed, I have disabled it. The animation I’ve saved with a size of 500px height. If you want to save more, you should also pay attention to the memory size. An animation can more quickly megabyte in size.
Have fun trying.



Das hast du schlau eingefädelt, Jana! Ich hab auch schon mal mit Photoscape ein gif erstellt – aber auf die Idee bin ich gar nicht gekommen.
Die Leute von WordPress haben übrigens geschrieben, dass es für die selbstgehosteten Blogs noch kein Plugin gibt.
Ich würde gerne hier mein Rosen-Gravatar sehen. Wie das geht, weißt Du auch nicht, oder?
Viele Grüße und gute Nacht!
“Ich bin ein Füchslein…” :-)
Hmm, komisch das dein Avatar nicht angezeigt wird, wurde bisher ja auch. Vielleicht hat sich der WordPress-Avatar nur verschluckt…
Tolle Idee! Ich werde das auch mal ausprobieren :)
LG
Danke für den tollen Tipp, das werde ich auch mal ausprobieren! :-)
Spannend! Muss mich vielleicht doch mal mit Photoshop befassen. mein Liebster hat “PS Elements” geht das damit auch? Liebe Grüße!
Ich kann mir vorstellen, das es auch mit Elements gibt. Schaut doch mal nach der Funktion “Animation”…