10 kurze Photoshop Tipps

Heute habe ich mal ein paar relativ einfache Tipps für Photoshop zusammengesammelt. Die sind zwar alle nicht wirklich kompliziert – aber durchaus hilfreich. Ein paar Vorkenntnisse im Umgang mit Photoshop können trotzdem nicht schaden um die Tipps auch nachzuvollziehen.

Die angegebenen Shortcuts beziehen sich auf die Windows-Version von Photoshop. Ich beziehe mich übrigens auf Photoshop CS2 – das meiste sollte aber so oder ähnlich auch mit anderen Versionen funktionieren.

10 photoshop kurz-tipps
10 photoshop kurz-tipps

Read More „10 kurze Photoshop Tipps“

Schlichtes Web-Logo mit Photoshop erstellen

In diesem kleinen Tutorial will ich versuchen eine Anregung zu geben wie man sich in Eigenleistung ein einfaches aber relativ ansehnliches Logo für die eigene Webseite erstellt.
Sollte das Logo auch zum Ausdrucken geeignet sein (Visitenkarten, Sticker, oder was auch immer) – dann empfehle ich eine höhere Auflösung von 300dpi zu verwenden da das Ergebnis sonst pixelig rüberkommt.
Merke: verkleinern geht nachträglich immer noch – andersherum wird es schwierig.

In meinem Beispiel habe ich es allerdings bei 72dpi gelassen.

Wie immer habe ich für die Umsetzung Photoshop in der Version CS2 verwendet, und ein paar kleine Vorkenntnisse in der Bedienung von PS sind hilfreich.

einfaches web-logo 5
einfaches web-logo 5

Read More „Schlichtes Web-Logo mit Photoshop erstellen“

Bloom Effekt mit Photoshop

Heute will ich einmal einen kleinen Kniff erklären wie man einen sogenannten Bloom-Effekt erstellen kann. Erst einmal – was verbirgt sich eigentlich hinter dem Wort „Bloom“?

Bloom wird gerne in der sogenannten Post-Production (Nachbearbeitung) von Fotos, Renderings etc. verwendet, und macht ein Bild etwas heller, sowie fügt je nach Geschmack ein gewisses „Überstrahlen“ hinzu. Den Effekt kennt man auch von vielen Computerspielen her.

Wie funktioniert das ganze nun aber? Grundsätzlich sind dazu nur wenige Handgriffe nötig. Ich habe Photoshop in der Version CS2 verwendet, und ein paar Grundkenntnisse in der Verwendung von Ebenen in PS sollten auch vorhanden sein.
Read More „Bloom Effekt mit Photoshop“

Websiegel Photoshop Tutorial:

Diesmal habe ich mich mal an ein kleines Tutorial zum Thema Websiegel gesetzt. Diese sind mittlerweile recht weit verbreitet, und gar nicht schwierig zu erstellen, ein paar kleine Grundkenntnisse in der Bedienung von Photoshop vorausgesetzt.
Ich habe (wie bisher in allen Tutorials) das ganze mit Photoshop CS2 umgesetzt.

Am Ende sieht das Ergebnis so aus:


Read More „Websiegel Photoshop Tutorial:“

Photoshop Tutorial: Text an einem Pfad ausrichten

Diesmal gibts von mir einen kleinen, aber nützlichen Tipp… und zwar wie richte ich einen Text an einem
Pfad aus. Das ist zum Beispiel nützlich, wenn man einen Text „im Kreis“ schreiben möchte, oder z.B.
entlang einer geschwungenen Linie. Das dürfte vor allem für nicht so erfahrene Photoshop-User interessant sein die
ein paar mehr Möglichkeiten kennenlernen möchten.

Wirklich schwierig ist das ganze nicht, aber man muss halt wissen wie es geht 🙂
Benutzt habe ich selbst für dieses Tutorial die Photoshop Version CS2, aber sollte auch mit einer etwas
älteren Version funktionieren (manche Quellen geben an, dass dies ab Photoshop 7 funktioniert, andere
sagen erst ab der ersten CS Version.)
Ein paar Grundkenntnisse in der Bedienung von Photoshop sollten schon vorhanden sein.
Read More „Photoshop Tutorial: Text an einem Pfad ausrichten“

Photoshop-Tutorial: Contentbox für Webseiten

Diesmal möchte ich Euch kurz und bündig zeigen wie man für z.B. eine Webseite ein stylishes kleines Textfenster für beliebigen Content gestaltet. Designelemente sind zwar nicht unbedingt das wichtigste bei einer Webseite, aber auch nicht zu vernachlässigen wenn man seinen Besucher durch eine hübsche / interessante Optik ansprechen möchte. Zur Umsetzung sollten (wie bei praktisch allen meinen Tutorials) ein paar Grundkenntnisse im Arbeiten mit Ebenen oder den allgemeinen Photoshop-Werkzeugen vorhanden sein.

Erstellt habe ich das Tutorial mit Photoshop CS2 – aber das sollte auch mit neueren sowie etwas älteren Versionen ebenfalls problemlos umsetzbar sein.

photoshop tutorial - content box - bild 1
photoshop tutorial - content box - bild 1

Read More „Photoshop-Tutorial: Contentbox für Webseiten“

Virtuelle 3D Verpackung mit Photoshop erstellen

Hier nun einmal wieder ein kleines Photoshop Tutorial von mir. Diesmal versuche ich möglichst einfach und übersichtlich zu erklären wie man eine dreidimensional wirkende virtuelle Verpacktung erstellt – z.B. wie diese hier:

photoshop 3d verpackung
photoshop 3d verpackung

Dazu sind ein paar kleine Vorkenntnisse im Umgang mit Photoshop förderlich, aber auch weitgehende Anfänger sollten mit ein wenig herumprobiererei keine allzu grossen Schwierigkeiten haben die Erstellung der virtuellen 3D-Verpackung nachzuvollziehen. Zumindestens grundsätzliche Kenntnisse von Arbeiten mit Ebenen usw. sollten vorhanden sein.

Ich habe übrigens Photoshop in der Version CS2 verwendet, aber auch mit anderen Versionen denke ich ist das gleich oder ähnlich umsetzbar. Im Internet habe ich ein paar ähnliche Tutorials gefunden, aber soweit ich das beim überfliegen festgestellt habe, gehe ich mal wieder meinen eigenen Weg 🙂 Ob dieser günstiger, praktischer – oder gar überhaupt professionell ist, mögen andere beurteilen. Auf jeden Fall denke ich kommen zufriedenstellende Ergebnisse bei meiner Methode heraus.

Read More „Virtuelle 3D Verpackung mit Photoshop erstellen“

Web 2.0 Button mit Platz für ein Icon / Symbol

Wir erstellen einen Web 2.0 Button mit Platz für ein Icon / Symbol

Dieses kleine Tutorial richtet sich auch an Anfänger. Ein paar Grundkenntnisse in der Bedienung von Photoshop sollte allerdings vorhanden sein.

Heute habe ich mir überlegt, zeige ich Euch in wenigen Schritten, wie man einen Button mit sogenannter Web 2.0 Optik erstellt, und diesen vom Style her so gestaltet, dass man auch einen
Platz für ein zusätzliches kleines Icon oder Symbol hat.
Der Button lässt sich hervorragend mit meinem Mini CSS-Tutorial kombinieren, und somit ein schöner Hover-Effekt erstellen (also ein Zustandwechsel wenn man mit dem Mauszeiger auf z.B. einer Webseite über den Button fährt.)

CSS Hover-Buttons

Wenn wir fertig sind sollte unser Button in etwa so aussehen:

Button mit Icon
Button mit Icon

Auch hier (wie immer) ist der Phantasie keine Grenze gesetzt, und mit wenig Aufwand und ein paar Einstellungen an den Ebenen-Optionen kann man schnell eine völlig andere Optik erreichen.
Read More „Web 2.0 Button mit Platz für ein Icon / Symbol“

Photoshop Planeten-Tutorial

Dieses Tutorial basiert auf dem „Sternenhimmel-Tutorial“ welches ich vor ca. 2 Wochen hier im Blog vorgestellt habe.

Sternenhimmel Tutorial

Auch dieses Photoshop Tutorial habe ich mit Photoshop CS2 umgesetzt, sollte aber auch mit neueren / älteren Versionen problemlos auf diese oder ähnliche Art funktionieren.
Auch hier sollten ein paar grundsätzliche Kenntnisse in der Bedienung von Photoshop besser schon
vorhanden sein, sowie ein paar Kenntnisse über Arbeiten mit Ebenen etc.
Dennoch habe ich versucht das Tutorial möglichst so zu schreiben, dass es auch für relative Anfänger geeignet ist.

Planeten Tutorial - Bild 9
Planeten Tutorial - Bild 9

Diesmal wollen versuchen den Sternenhimmel zu einer Weltraumszene weiterzuentwickeln, indem wir einen Planeten integrieren.
Als Basis benutze ich das .JPG das am Ende des Sternenhimmel-tutorials stand – in der Grösse 1024×768.
Das könnt ihr euch natürlich auch einfach herunterladen, oder aber nachvollziehen und erst einmal den Sternenhimmel von Hand nachbauen (Übung macht den Meister.)

Read More „Photoshop Planeten-Tutorial“

Photoshop Sternenhimmel Tutorial

Es gibt schon eine ganze Menge solcher Tutorials, jedoch empfand ich diese als entweder relativ kompliziert, oder aber das Tutorial war kurz und bündig, aber das Ergebnis haute mich nicht vom Hocker.
Also habe ich für Euch einmal versucht mit möglichst einfachen aber effektiven Mitteln ein kleines Sternenhimmel Tutorial für Photoshop zu erstellen, welches einfach nachzumachen ist, und trotzdem ein brauchbares Ergebnis liefert.
Natürlich ist hier auch Experimentieren angesagt bis Ihr zufrieden seid. Das was ich hier schreibe ist mehr so etwas wie ein Leitfaden wie es für Euch funktionieren könnte. Auch hier gilt wie bei fast allem: Viele Wege führen nach Rom.

photoshop sternenhimmel endergebnis
photoshop sternenhimmel endergebnis

Read More „Photoshop Sternenhimmel Tutorial“

Go Top