http://www.webdesignerdepot.com/2010/02/20-years-of-adobe-photoshop/

Hier zuerst mal das Ausgangsbild

Nun mit “STRG+J” die Originalebene kopieren.
Nun auf  auf der Tastatur “D” drücken. Damit setzen wir die vorder- und Hintergrundfarbe auf Standard.

Aus dieser führen wir jetzt den “Rasterungseffekt” aus. “Filter – Zeichenfilter – Rasterungseffekt”.

Hier kann wieder ein wenig mit den Reglern gespielt werden. Ich habe folgende Einstellungen:

Nun sieht unser Bild folgendermaßen aus:

Bei diesem müssen wir jetzt die Farben umkehren. Dies geht ganz einfach mit “STRG+I”.

Jetzt nurnoch den Ebenenmodus auf “Lineares Licht stellen” und die Deckkraft nach belieben herabsetzen.

Hier nun unser fertiges Ergebnis:

Momentan bin ich aber mit Uni und Arbeit voll ausgelastet. Das wird sich aber hoffentlich in nächster Zeit ändern, und dann werde ich auch wieder neue Tutorials für euch schreiben.

Ihr dürft mir natürlich auch gerne weiter Fragen schicken. Ich speichere alle und werde sie dann hier beantworten.

Grüsse aus Wien

Wario

Zuerst mal das Ausgangsfoto

Eine neue Ebene erstellen

Dann mit dem Bleistift Werkzeug die gewünschte Ausschnittform einzeichnen

Jetzt mit dem Zauberstab Werkzeug (W) das innere des Ausschnittes auswählen.

Jetzt eine neue Ebene erstellen.

Auf diese Ebene wechseln.

Mit der Taste “D” wechseln wir zu den Standard Farben und mit der Taste “X” wechseln wir weiß zur Vordergrundfarbe.

Nun ALT+Entfernen drücken. Somit wurde auf der neuen leeren Ebene unsere Auswahl mit weiß gefüllt.

Nun die Ebene 2 unter die Ebene 1 verschieben.

Auf der Ebene 2 wenden wir den Ebenenstil “Schatten nach innen” an.
Jetzt sieht es richtig ausgeschnitten aus.

Mit dem Textwerkzeug den gewünschten Text auf eine neue Ebene schreiben.
Diesen dann passend transformieren (STRG+T) damit er sich schön ins Bild einfügt.
Die Textebene zwischen Ebene 1 und Ebene 2 verschieben.

Jetzt auf der Textebene mit gedrückter STRG Taste auf Ebene 2 klicken.
Somit haben wir die Auswahl von Ebene 2 markiert.

Und nun auf Vectormaske hinzufügen klicken.

Damit wir den Text noch nachträglich neu positionieren kann muss man die Verknüpfung zwischen
Maske und Text aufheben.
Dazu einfach auf das kleine Kettensymbol klicken.

Und nun das fertige Ergebnis.

Warum? Weil man dadurch einfach viel schneller wird ..

Shortcuts:

1; Strg+ C =  Copy

2; Strg+ V = Paste

3; Strg+ T = Transformieren

4;   Strg+ A =  Alles auswählen

5; Strg+ D = Auswahl aufheben

6; Strg+ J = Ebene duplizieren

7; Strg+ ALT + Shift + E = Alle Ebenen auf eine Reduziert kopieren

8; Strg+ Z = Schritt zurück

9; Strg+ S = Speichern

10; Strg+ Alt + Shift + S = Für Web speichern

11; Strg+ Alt + Mausrad = Zoom

12; Strg + H = Raster und Hilfslinien ein und ausblenden

13; ALT + Backspace = Mit Vordergrundfarbe füllen

14; Strg + Backspace = Mit Hintergrundfarbe füllen

Normale Tastatur Befehle:

15; Space halten =  Bild mit der Maus verschieben

16; V = Verschiebe Werkzeug

17; B = Pinsel

18; D = Vordergrund Farbe auf Schwarz und Hintergrundfarbe auf Weiß setzen

19; X = Vorder-und Hintergrundfarbe wechseln

20; Nummerntasten 1-10 =  Deckkraft ändern (1=10%, 4=40% usw)

Durch Zuschneiden eines Bildes kann man die Bildwirkung erheblich verbessern.
Wenn man das Bild aber mit Hilfe des Goldenen Schnitt zuschneiden möchte hat
man mit Photoshop leider nicht das passende Werkzeug parat.

Es gibt aber ein Wunderbares Script das dieses Problem behebt.

Zuerst müsst ihr unter http://goldencrop.sourceforge.net/ das Golden-Crop Script herunterladen.
Das feine daran ist es funktioniert einwandfrei mit Adobe® Photoshop® CS2, CS3 und CS4 und kostet nichts.

Das Script mit den Namen “Golden Crop.jsx” kopiert ihr dann in euren Photoshop Ordner
unter  “Vorgaben – Skripten”.

Nun Photoshop starten.
Jetzt findet ihr unter “Datei – Automatisieren” das “Golden Crop” Script.

Als erstes ein Foto öffnen.

goldener schnitt

Nun das Script aufrufen mit “Datei – Automatisieren – Golden Crop”.

Ich benötige nur die “Basic Rules” um mein Bild einzuteilen.

Hier könnt ihr jetzt die Endpunkte wie bei den Standart “Freistellungswerkzeug” verschieben.

Ein super Praktisches Script das mir viel Arbeit abnimmt und ich in Zukunft öfters benutzen werde.

Hier noch eine Youtube Video Anleitung:

Dies kann man aber zum Glück recht schnell mit Photoshop entfernen.

Hier das Ausgangsbild.

Wie man sieht hat es einen viel zu orange/roten Farbstich.

Nun “Bild – Anpassungen – Gleiche Farbe” aufrufen.

Und hier nur auf “Ausgleichen” klicken.
Photoshop liefert hier ein sehr gutes Ergebnis mit nur 2 Klicks.

Hier zum Vergleich:

Dies ist die Fortsetzung von den beiden ersten Teilen:
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-1/
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-2/

Einen Bewegungstween erstellen wieder so wie den “fade in” Effekt.

Zuerst die Ebene wieder einblenden.
Dann auf die Uhr klicken um ein “Keyframe” zu setzen.
Die Textebene an die gewünschte Stelle schieben.

Ich habe es bei diesem Beispiel auserhalb der Arbeitsfläche geschoben um den Text ins Bild reinlaufen
zu lassen.

Dann wieder den Blauen Zeitleisten Regler an die gewünschte stelle schieben.
Und jetzt erst mit dem “Verschiebe Werkzeug” den Text an die richtige Stelle schieben.
Durch das verschieben wird wieder ein passender Keyframe gesetzt.

Dies kann man jetzt weiterverfolgen wie man möchte.
Hier mein Beispiel:

Wie ihr seht ist aber das Ende noch zu lang.
Das kürzen wir jetzt.

Bei dem Blauen Zeitleisten Regler können wir nachsehen wie lang unsere Animation sein soll.
Ich hab hier 3 Minuten ausgesucht da nach 3 Minuten nichts mehr passiert.

Nun rechts bei dem Animationsfenster auf den kleinen Pfeil klicken.

Dann auf “Dokumenteneinstellung”.

Hier stellen ihr den Wert ein den ihr benötigt:

Nun nurnoch abspeichern.

Datei – für Web und Geräte speichern

Hier stellen wir entweder bei der Vorgabe das GIF aus mit den gewünschten Einstellungen
oder einfach links darunter im Dropdown Menü.

Bei “Optionen für Schleifenwiedergabe” kann man noch einstellen ob das GIF einmal oder Unbegrenzt
abgespielt werden soll.

Darunter könnt ihr euch noch das GIF ansehen wie es gespeichert wird und dann noch eventuell etwas ausbessern.

Hier mein “Animiertes GIF” :

Dieses Tutorial ist die Fortsetzung von Teil 1:  http://www.digital-workshop.at/animiertes-gif-erstellen-teil-1/

Zuerst mach ich immer alle Ebenen die ich momentan nicht benötige unsichtbar.
Das macht man mit einem einfachen klick auf das “Auge” Symbol in der Ebenenpalette.

Dann die zu bearbeitetende Ebene aussuchen.

Im Animationfenster wird dann automatisch zur passenden Ebene gesprungen.

Nun auf den kleinen Pfeil klicken der nach rechts zeigt damit wir die Einstellungen bei den Animationen sehen.

Dort wollen wir die “Deckkraft” bearbeiten. Diesen Effekt wählen wir mit einen klick auf die “Uhr” aus.

Sobald wir auf die “Uhr” klicken wird unser erstes “Schlüsselbild”= “Keyframe” gesetzt. Das sagt der Animation das sich ab hier etwas verändert.

Um einen “fade-in” Effekt zu erzielen setzen wir einfach die “Deckkraft” auf 0 %.

Jetzt schieben wir  den blauen Zeitleisten Regler auf die gewünschte Zeit in der unsere Schrift erscheinen soll.
Da kann man am besten ein wenig herumprobieren. Man kann den “Keyframe” im nachhinein einfach verschieben wenn
es nicht passt.

Und sobald wir die “Deckkraft” wieder auf 100% setzen weiß der Animator das sich etwas geändert hat und setzt einen
neuen Keyframe.

Das Ergebnis sieht bis jetzt so aus:

Um das nächste Element zu Animieren wieder die Ebene auswählen. Den Pfeil nach rechts anklicken
damit sich die Einstellungen öffnen. Nun ist aber bereits ein “Keyframe” eingefügt.

Das entfernen wir ganz einfach in dem wir auf die “Uhr” klicken.

Nun den blauen “Zeitregler” an die Stelle schieben in der die Animation starten soll.
Erneut auf die “Uhr” klicken damit ein “Keyframe” eingefügt wird und die “Deckkraft” auf 0% setzen.

Den blauen Regler erneut an die stelle schieben in der der Text erscheinen soll und die “Deckkraft”
auf 100% setzen. Der Animator fügt dann ein Keyframe ein.

Wenn man jetzt den blauen Zeitleistenregler hin und her bewegt sieht man bereits die Animation.

Unsere Animation sieht bis jetzt so aus:

Das wars wieder fürs erste.

Ein Teil kommt noch und in dem zeig ich euch wie man ein “Bewegungstween” erstellt und wie man das
Animierte-Gif richtig abspeichert.

Hier geht es weiter zu Teil 3:
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-3/

Kommentare sind wie immer sehr erwünscht.