Automatisierte Bildverabeitung mit Photoshop

ff-webdesigner

ff-webdesigner - Webdesign-Agenturen Regensburg & München

ff-webdesigner.de
Regensburg München Wien

Freelancer
 
Webdesign-Hotline
Homepage-Probleme? Testen Sie unseren Internet-Service!

Tel: (+49) 941 4618 3055
Skype:
ff-webdesigner ff-webdesign status

Internet-Service
   
   
   
     

 

 
ff-webdesigner Zum Seitenanfang
   
  ff-webdesigner - Webdesign-Agenturen Regensburg & München

ff-webdesigner.de
Regensburg München Wien

 
   
     

 

 
ff-webdesigner Zum Seitenanfang

Webdesign-Tutorial: Automatisierte Bildverabeitung mit Photoshop

In diesem Tutorial lernen Sie, wie man durch den geschickten Einsatz der Automatisierung von Photoshop bei der Bearbeitung vieler Bilder einiges an Zeit sparen kann. Große Bildmengen werden meist nur von kommerziellen Webdesignern verarbeitet, daher richtet sich dieses Tutorial an Webdesign-Profis.

Sie wollen 100 Bilder für Ihre Homepage aufbereiten? Um Ihre Webseiten schön klein zu gestalten, wollen Sie Bilder in 2 Auflösungen verwenden: eine Kleine für die Inhaltsseiten, eine Große für die zoom-Seite. Beachten Sie das Tutorial “Dynamische Bildvergrößerung mit Javascript oder PHP“! Die Bilder sind nicht gut belichtet, die Farben stimmen zum Teil nicht. Außerdem kommen die Bilder direkt von Ihrer Digitalkamera und sind alle jenseits der 1,5MB-Grenze?

Nutzen Sie die Automatisierung von Photoshop! Damit Sie später nicht alle Bilder umbenennen müssen, achten Sie darauf, dass in den Dateinamen Ihrer Digicam-Bilder nur webkompatible und nicht mehr als 16 Zeichen vorkommen. Webkompatible Zeichen sind A-Z, a-z, 0-9 sowie _ und - . Öffnen Sie eines der Bilder, die Sie bearbeiten wollen. Vergewissern Sie Sich jetzt in Photoshop, dass sie Aktionen-Palette angezeigt wird: Klicken Sie "Fenster-Aktionen einblenden". Legen Sie eine neue Aktion an: klicken Sie in der Aktionen-Palette auf das Icon "Neue Aktion". Vergeben Sie der Aktion einen aussagekräftigen Namen. Klicken Sie auf "Aktion".

Aktionen erstellen Ab jetzt speichert Photoshop alle Manipulationen, die Sie an dem geöffneten Bild durchführen in der neuen Aktion. Korrigieren Sie als erstes den Kontrast. In der Regel arbeitet die Auto-Kontrast-Funktion von Photoshop sehr gut. Sollten Sie jedoch Probleme mit den Ergebnissen haben, müssen sie ggf. einzelne Bilder nachkorrigieren. Reduzieren sie Höhe und Breite proportional auf die Ihrem Layout entsprechende Größe.

Ausschlaggebend dafür, welches Maß reduziert werden muss, ist der Platz in Ihrem Layout. Die erzeugten Bilder dürfen weder eine bestimmte Breite, noch eine bestimmte Höhe überschreiten. Falls Sie sowohl hochformatige Bilder, als auch breitformatige Bilder verwenden wollen, trennen Sie diese am besten in zwei Ordner. Für jedes Format erstellen Sie jetzt eine Aktion. Die breiten Bilder werden auf eine bestimmte Breite heruntergerechnet, die hochformatigen Bilder auf eine bestimmte Höhe. Speichern Sie das verkleinerte Bild ab mittels Datei - Für Web speichern - JPG - 40%. Schließen Sie das Bild. Beenden Sie das Aufnehmen der Aktion mittels einem Klick auf das rote Aufnahme-Button in der Aktionenpalette. Fertig.

Aktionen verwenden Jetzt können Sie die soeben aufgezeichnete Aktion für alle Bilder in Photoshop verwenden. Photoshop öffnet alle Bilder, macht einen automatischen Kontrastangleich, reduziert die Ausmaße und speichert als .jpg mit 40% Qualität. Sie erreichen die Automatisierung mit Datei - Automatisieren - Stapelverarbeitung. Im erscheinenden Dialogfeld wählen Sie zunächst Ihre angelegte Aktion aus. Geben Sie den Ordner an, in dem Ihr Roh-Bildmaterial liegt. Wählen Sie ggf. "Unterordner mit einbeziehen" sowie "Farbprofil-Warnungen unterdrücken" - letzteres falls Ihr Rohmaterial vom Mac oder aus einer Druckerei kommt. Geben Sie eine Zielordner für die zu speichernden JPGs an. Schalten Sie die Dateikompatibilität zu Mac und Unix aus, wenn Ihre Dateinamen länger als 16 Zeichen sind. Klicken Sie auf "Ok". Photoshop bearbeitet jetzt alle Bilder im angegebenen Ordner. Je nach Umfang und Rechenleistung kann dies einige Minuten dauern. Ab Photoshop 6 sollte es eigentlich möglich sein, bestimmte Endungen wie z.B. -hi für dynamische Bildvergrößerung an den Dateinamen anzuhängen. Leider hat Photoshop hier jedoch einige Programmfehler. Weichen Sie besser auf die DOS-Eingabeaufforderung aus und benennen sie dort alle Dateien um.

Webdesign-Lehrmaterial Zu diesem Tutorial gibt es weiterführendes Lehrmaterial im ff-webdesigner Downloadbereich. Dort finden Sie jedes Tutorial als Acrobat Reader .pdf-Datei zum Offline-Studium oder zur Verwendung im Rahmen von Seminaren. Außerdem bieten wir dort zu jeder Webdesign-Anleitung umfangreiches Studienmaterial wie z.B. komplette Webprojekte, HTML-Seiten, CSS-Dateien, Templates, Bilder, oder Photoshop-Aktionen - und Homepagelayouts.

Hat Ihnen diese Webdesign-Anleitung weitergeholfen? Wir hoffen, Ihnen mit diesem Workshop bei den Arbeiten rund um Ihre eigene Homepage weitergeholfen zu haben. Sie haben noch Fragen oder Anregungen zu diesem Webdesigner-Tutorial? Mailen Sie uns Ihren Kommentar! Falls Sie trotz dem Tutorial mit Ihrer Homepage nicht mehr weiterkommen sollten, freuen wir uns natürlich über jeden Webdesign-Auftrag.

Webdesign-Angebot BRI :
Bildrecherche im Internet
Unser Preis: 118 € 140,42 € incl. MwSt.
Für wen? Sie suchen professionelle und lizenzfreie Digitalfotografien zur Nutzung auf Ihrer Homepage.

Sie haben ein genaue Vorstellung, welche Bilder Sie suchen, finden aber keine copyrightfreien? Wir finden diese Bilder für Sie!
  • Teilen Sie uns mit, welche Bilder Sie suchen (maximal 10)
  • Wir finden diese Bilder zur legalen Nutzung auf Ihrer Homepage.
  • Alle Bilder werden in einer Auflösung von ca. 800/600 (auf Wunsch auch hochauflösend für Prospekte) zugemailt. Die Bilder sind größtenteils von professionellen Fotografen, nicht älter als 2 Jahre und zur Verwendung auf Ihrer Homepage freigegeben.
[Jetzt bestellen!] [Mehr Webdesign-Angebote]

Webdesign-Angebot HUP :
Homepage-Updates und Ergänzungen
Unser Preis: 59 € / h 70,21 € incl. MwSt.
Für wen? Sie wollen ein schnelles Update oder Erweiterungen an Ihrer Homepage.

Sie haben neues Material für Ihre Homepage oder wollen einige neue Seiten ergänzend online stellen? Die ff-webdesigner kümmern sich schnell und zuverlässig um Ihre Updates. Kontaktieren Sie uns bitte zwecks Klärung des Arbeitsaufwandes und freien Terminen! [Jetzt bestellen!] [Mehr Webdesign-Angebote]

 

Verlorene Zeit wird nicht wieder gefunden.

Benjamin Franklin

Automatisierte Bildverabeitung mit Photoshop
Einträge aus dem ff-Webdesign Lexikon:

Webdesign ist die Ganzheit aller Dienstleistungen, die für die Erstellung, Änderung oder den Betrieb einer Homepage nötig sind. Typische Aufgaben im Webdesign sind: Entwurf, Layout, HTML-Umsetzung, JavaScript-Coding, PHP-Coding, Updates, Bildbearbeitung oder auch Datenbankanbindung. ... [ Mehr lesen ]

JPEG ist neben GIF das Haupt-Grafikformat im Internet. Basierend auf einer MPEG-Kompression bietet es die Möglichkeit, große Bilder für den schnellen Transport im Internet aufzubereiten. JPEG oder auch JPG wird vor allem zur Kompression von Bildern eingesetzt, die unregelmässige und vielfarbige Flächen aufweisen, in der Regel Fotografien. Auch moderne Videokompression wie z.B. DivX basiert auf dem JPEG zugrundeliegenden Verfahren.

GIF bedeutet Graphic Interchange Format. GIF ist eines der drei Hauptgrafikformate im Webdesign. Der Einsatz empfiehlt sich für grafische Bilder mit einheitlichen Farben und geraden Flächen. Außerdem sind mit GIF auch Animationen und transparenter Hintergrund möglich. GIF ähnelt dem überlegenen Format PNG, hat jedoch maximal 256 Farben und keinen Alphakanal (stufenlose Transparenz für jede einzelne Farbe). Zum Erstellen eines GIFs werden Bildeditoren wie Photoshop, Photo Impact oder das kostenlose GIMP benötigt.

Homepage Der Begriff Homepage hat im Webdesign zwei ungleiche Bedeutungen. Klassisch definiert der Begriff Homepage die Eingangsseite einer Webpräsenz. Heute wird der Begriff Homepage auch für die Summe aller Dateien, welche eine Webpräsenz bilden, gebraucht. Der Begriff Homepage wird dann zum Synonym für Webpräsenz.
 
  ff-Webdesigner
Kostenrechner


Berechnen Sie jetzt online, was Ihre Homepage bei den ff-webdesignern kostet.

[ Jetzt berechnen ]
 
 
 
 
 
Business-HomepagesFreelancer Webdesigner