Oft genug passiert es das man einen schönen Schnappschuss gemacht von einem abendlichen Sonnenuntergang der vor Schönheit nur so strotzt. Leider bemerkt man anschließend daheim das das Bild leider total schief ist und der Horizont förmlich kippt. Anstand jetzt mühsam mit dem Transformieren Werkzeug das Bild gerade auszurichten gibt uns Photoshop ein wunderbares kleines Hilfsmittel, das Lineal.

Im folgenden möchte ich schnell und anschaulich zeigen wie man sein Bild gerade ausrichtet und das in unter einer 1 Minute.

Bei diesem schönen Schnappschuss eines Hafens im Sonnenuntergang ist leider deutlich zu sehen das der Horizont stark nach rechts kippt. Um dies zu beheben wählen wir zunächst das Lineal Werkzeug (I) aus. Kleiner Tipp am Rande, wenn man zusätzlich Shift gedrückt halt wenn man den Buchstaben des Werkzeuges eingibt, kann man zwischen den verschiedenen Werkzeugen durch wechseln.

Mit dem Linealwerkzeug klicken wir nun auf die linke Seite von unserem Horizont, halten die Maustaste gedrückt und ziehen unseren Cursor entlang des Horizontes bis an den rechten Rand und lassen anschließend los. Das sollte dann in etwa so aussehen.

Um das Bild nun gerade auszurichten gehen wir im Menü auf Bild > Arbeitsfläche drehen >Per Eingabe.

Photoshop hat mit Hilfe des Lineals nun den genauen Winkel bestimmt um den das Bild zu drehen ist damit es gerade ausgerichtet werden kann. Klickt einfach auf OK und das Bild wird gerade ausgerichtet.

Das ist nun unser Ergebnis. Durch das Drehen der Arbeitsfläche haben wir jetzt leider an allen Seiten einen unschönen Rand. Photoshop bietet uns jetzt zwei Möglichkeiten. Zum einen können wir den restlichen Bildanteile mittels Retusche erzeugen, oder, die wesentlich einfachere Methode, wir vergrößern das Bild leicht, sodass die Ränder verschwinden.

É voilà, nun haben wir uns Bild perfekt gerade ausgerichtet. Hier nochmal ein animiertes Bild welches den Unterschied verdeutlicht.

Mit dieser einfachen Technik ist es möglich nahezu alle schiefen Aufnahmen vor allem von Landschaften zu korregieren. Man nimmt einfach die möglichst längste Linie im Bild die der Ausrichtung dient und zeichnet mit dem Lineal den Winkel an. Dies funktioniert sowohl bei horizontalen als auch bei vertikalen Linien. Allerdings sollte man aufpassen bei Bildern die aus einer besonderen Perspektive geschossen worden (Schräg von oben), da es hier nicht immer so leicht ist die richtige Linie zu finden die auch wirklich der Achse entspricht.

Keine verwandten Artikel.

Auf telegraphics.com findet ihr ein kostenloses Plugin für Photoshop (PC & Mac) mit dem ihr schnell und einfach Favicons aus Photoshop heraus speichern könnt über den normalen “Speichern”-Dialog. Ganz besonders schön finde ich das man auch transparente 32bit Icons ohne großen Aufwand erzeugen kann.

Hier auch gleich noch dazu der passende HTML-Quelltext zum korrekten einbinden für ein Favicon bei XHTML 1.0

1

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Keine verwandten Artikel.

[Im Feed kann dieses Video nicht angezeigt werden.Klicke zum Blogeintrag um das Video anzusehen.]

Wer sich auch einmal an diesem Bild versuchen möchte kann dies bei stock.xchng finden. Bei genügend Interesse kann ich auch gerne ein Tutorial dazu schreiben in dem ich alle Arbeitsschritte nochmal genau erkläre.

Alle Arbeitsschritte im Überblick:

1. Hautunreinheiten entfernen mit Ausbessern Werkzeug
2. Haut glätten (Auswahl + Matter machen)
3. Lippen etwas vergrößern (Verflüssigen)
4. Gesichtsform anpassen mit dem Verflüssigen Filter
   - Nase schmälern
   - Nase anheben
   - Wangen etwas hervorheben
   - Kinn schmälern
5. Augen betonen (Abwedler + Nachbelichter)
6. Augenfarbe betonen (Farbton + Ebenenmodus)
7. Wimpern & Brauen verdichten (Nachbelichter)
8. Leichtes Makeup (Lippenstift, Lidschatten)
9. Bild schärfen (Unscharf maskieren im LAB Modus)
10. Kontrast & Sättigung anpassen

Keine verwandten Artikel.

In diesem Screencast möchte ich euch zeigen wie ihr mit Hilfe des Abwedler und des Nachbelichter Werkzeug strahlend schöne Augen in Photoshop zaubert und wie ihr diese anschließend mit einer Einstellungsebene verlustfrei färben könnt. Hauptaugenmerk liegt auch bei diesem Video wieder bei natürlicher Bildbearbeitung die nicht künstlich wirkt.

Keine verwandten Artikel.

via pixelgalerie

Keine verwandten Artikel.

In diesem kurzen Screencast zeige ich euch wie man mit Hilfe des Schwammwerkzeugs und dem Abwedler unschöne Verfärbungen von Zähnen entfernen kann und ein strahlend weißes Lächeln zaubert.

Keine verwandten Artikel.

Für viele Screendesigner ist Photoshop das Maß aller Dinge um pixelgenau und zuverlässig Gestaltungsentwürfe für Kunden anzufertigen. Wer also bereits über die Konzeptphase und den Rohentwurf gegangen ist und sich somit kurz vor der Reinzeichnung seines Designs befindet steht oft vor der Frage wie die zu verwendenden Schriften aussehen sollen. Hierbei soll es nicht um die Wahl der Schriftart und deren Schnitt gehen, sondern ob man seine Schriften in Photoshop mit oder ohne Glättung darstellen lassen soll und wie man dazu passend das automatische Kerning nutz.Die Grundlagen

Photoshop besitzt innerhalb seines Zeichenwerkzeugs zwei mächtige Tools die entscheidend sind für die spätere Darstellung der Schrift im Screendesign. Die Erste und wichtigste ist die so genannte Glättungsmethode. Diese Einstellung veranlasst Photoshop die Schriften mit einem entsprechenden Antialiasing (Kantenglättung) zu versehen sodass anstatt roher Pixel geglättete Kanten und Kurven zu sehen sind ohne den bekannten “Treppchen”-Effekt. Zur Auswahl stehen uns in Photoshop 5 Modi – Ohne, Scharf, Schärfer, Stark und Abrunden. Die letzten beiden sind für das allgemeine Schriftbild im Screendesign eher uninteressant können aber für grafisch eingesetzte Texte wichtig sein.

Die Abbildungsqualität

Hier sehen wir die 3 wichtigsten Modi (v.l.n.r. Ohne, Scharf, Schärfer) am Beispiel des Buchstaben a in Arial in 12px Schriftgröße. Auf den ersten Blick erkennt man deutliche Unterschiede bei der Darstellung der einzelnen Zeichen. Im Modus Ohne wird der Buchstabe in seiner Bitmapschrift dargestellt, sprich gerastert und ohne Glättung. Im Modus Scharf findet bereits eine Glättung statt ohne jedoch den Kontrast der Glättung an das Schriftbild anzupassen. Besonders negativ fällt hier bei die deutliche Verdickung der Punze im a auf. Die beste geglättete Darstellung bildet in diesem Beispiel der Modus Schärfer, entsprechend der Glättung ist hierbei auch der Kontrast innerhalb des Striches angeglichen und die natürliche Schriftwirkung bleibt erhalten.

Die Qual der Wahl – “Ohne” oder “Schärfer”?

Nachdem der Modus Scharf aufgrund seiner schlechten Glättungsleistung entfällt, stehen wir nun vor der Wahl ob wir unsere Schrift im Modus Ohne belassen oder Schärfer darstellen lassen wollen. Prinzipiell ist beides möglich unter folgenden Gesichtspunkten. Alle modernen Betriebssysteme (Microsoft Windows Vista, Apple Mac OS X) glätten von Haus alle dargestellten Schriften innerhalb ihres Systems, dies soll eine bessere Lesbarkeit bewirken und das Schriftbild dem Print angleichen. Dies spräche also für den Modus Schärfer. Man sollte aber auch bedenken das es noch eine sehr große Menge an Usern gibt die sich mit älteren System im Netz bewegen bei denen standardmäßig keine Schriftenglättung aktiviert ist (z.B. Windows XP). Diese User sind es demzufolge gewohnt von gerasterten Bitmapschriften im Netz begleitet zu werden. Unter diesem Aspekt spräche also alles für den Modus Ohne. Letzten Endes ist es an diesem Punkt jedem freigestellt für welchen Glättungsmodus er sich entscheidet. Ich bevorzuge den Modus Ohne da diese Art der Darstellung für mich den größten gemeinsamen Nenner darstellt da die meisten Kunden unserer Branche meist noch mit XP arbeiten und somit das nicht geglättete Schriftbild gewohnt sind. Auch besteht bei der gerasterten Darstellung keine Verwechselungsgefahr zu Printprodukten. Gerade ab 10px und kleiner sind geglättete Schriften im Web nämlich kaum noch lesbar und werden auch von den meisten Browsern automatisch ohne Glättung gerastert.

Kerning

Zum Abschluss möchte ich noch kurz auf das automatische Kerning zu sprechen kommen. Diese Einstellung für den einzelnen Zeichenabstand (Kerning) sollte davon abhängig gemacht werden ob man mit oder ohne Glättung (wie oben beschrieben) arbeitet. Verwendet man die Schriftenglättung sollte man das automatische Kerning “Metrisch” oder “Optisch” unbedingt aktivieren um zu gewährleisten das das Schriftbild, vor allem bei Fließtext gleichmäßig bleibt und nicht ausfranst. Verwendet man jedoch keine Schriftglättung ist es ratsam das Kerning zu deaktivieren indem man den Zeichenabstand auf 0 zu setzt.

Fazit

Mit den Glättungsoptionen und dem automatischen Kerning liefert uns Photoshop zwei wichtige Werkzeuge zur korrekten und natürlichen Darstellung am Monitor unserer Fließtexte und Überschriften, die wenn sie richtig eingesetzt werden dem Kunden nicht nur zeigen wie sehr man sein Fach versteht sondern kann Ihm auch eine konkrete Vision seiner neuen Webseite geben.

Deine Meinung

Erzähl mir wie du die Glättungsoptionen in Photoshop nutzt und welches deine favorisierte Einstellung ist, schreibe hierzu einfach deinen Kommentar zu diesem Beitrag.

Keine verwandten Artikel.

Heute möchte ich euch erklären wir Ihr mit Hilfe des LAB-Modus in Photoshop ganz leicht eure Bilder nachschärfen könnt und den Detailgrad deutlich erhöhen. Alles was wir hierzu brauchen ist der Helligkeitskanal aus dem LAB-Modus sowie der Scharfzeichnungsfilter “Unscharf maskieren”.

Wie das genau funktioniert seht ihr nach dem Klick.

stock.xchng, foto von ithears

Zunächst einmal öffnen wir unser Motiv im Photoshop. Ich habe für Praxis-Tipp diesen wunderschönen Löwen herausgesucht, den ihr euch hier herunterladen könnt, bei dem wir vor allem seine prachtvolle Mähne mit Hilfe dieser Anleitung die nötige Schärfe verleihen wollen.

1. Dupliziert zunächst einmal eure Ebene die ihr im Photoshop vor euch habt (Strg+J, Apfel+J)
2. Wandelt nun euer Bild vom RGB in den LAB-Modus um
   (Menü > Bild > Modus > LAB-Farbe auswählen)
3. Wechselt anschließend von der Ebenenansicht in die Kanalansicht und wählt den Helligkeitskanal (Strg+1) aus. Das Motiv sollte nun in einer reinen Schwarz-Weiß Ansicht vorliegen.
   
4. Öffnet nun den Scharfzeichnungsfilter “Unscharf Maskieren”
   (Menü > Filter > Scharfzeichnungsfilter > Unscharf Maskieren)
   und wählt folgende Einstellungen
   
   Mit den Werten für Stärke und Radius könnt ihr in diesem Falle ruhig etwas spielen. Ich empfehle für Stärke einen Wert zwischen 180-240 und für den Radius 0,6-1,2. Die Größe dieser beiden Werte steht im Zusammenhang mit der Größe und Auflösung eures Bildes. Bei größeren Bildern sind größere Werte durchaus angebracht.
5. Bestätigt eure Einstellungen mit OK und wechselt auf alle Kanäle anzeigen (Strg+^) zurück und geht wieder zurück in die Ebenenpalette.
6. Wandelt euer Bild zurück in den RGB-Modus und bestaunt das fertige Resultat
   

Zum Schluss könnt Ihr mit Hilfe dieses Praxis-Tipp dem Motiv noch lebendigere Farben verpassen und habt somit ein wunderbar scharfes und leuchtendes Motiv für eure weitere Arbeit.

Keine verwandten Artikel.

Für viele Mediengestalter ist der LAB-Farbraum meist nur die berühmte “Schuhsohle” aus dem Farblehre Unterricht und findet weiterhin kaum Beachtung. Doch der LAB-Farbraum ist weit mehr als nur ein Arbeits- und Messfarbraum. Mit ihm lassen sich zum Beispiel spielend einfach in Photoshop Farben wesentlich brillianter und kräftiger gestalten ohne den Kontrast anzufassen.

Wie das geht zeige ich euch nach dem Klick.

stock.xchng, foto von sander19

Zunächst mal öffnen wir unser Motiv das wir aufpeppen wollen im Photoshop. Ich habe mich für dieses Beispiel für folgendes Kätzchen Motiv entschieden da es etwas mehr Farbe vertragen könnte. Fangen wir also an.

1. Dupliziert Eure Ebene mit dem Foto (Strg + J, Apfel+J)
2. Wandelt euer Bild vom RGB-Modus in den LAB-Modus um
   (Menu > Bild >Modus > LAB-Farbe auswählen)
3. Öffnet die Gradationskurven (Strg+M, Apfel+M)
   Für unser Vorhaben benötigen wir die beiden Kanäle “a” und “b”, sowie die beiden unteren Regler für die Eingabe (rot markiert).
4. Wählt als erstes den Kanal “a” aus und bewegt anschließend die Regler für die Eingabe in etwa auf folgende Werte
   
5. Klickt den schwarzen Regler (rot markiert) und gebt anschließend bei Eingabe den Wert -64 ein. Das selbe wiederholt ihr für den weißen Regler jedoch mit dem positiven Wert +64. Diese Prozedur wenden wir jetzt für Kanal “b” an und bestätigen mit OK.
6. Jetzt sollte das Bild so aussehen und ihr könnt das Bild zurück in den RGB Modus umwandeln (Achtung Ebenen nicht reduzieren!)
   

Das wars! Wem die Farben jetzt zu präsent sind kann einfach über die Ebenenpalette die Deckkraft der duplizierten Ebene die wir im LAB verändert haben etwas verringern sodass das Ergebnis etwas natürlicher wirkt.

Das finale Bild.

Diese Technik ist hervorragend geeignet für jede Form von Landschaftsfotografien, Stilleben oder Architekturfotos. Lediglich bei Portraits würde ich von dieser Technik abraten, da hier eher weniger gesättigte Farben gefragt sind.

Keine verwandten Artikel.