20. Januar 2011

10 kurze Photoshop Tipps

Filed under: Tipps und Tricks,Tutorials von Michael um 15:27
 

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

(more…)


4. Januar 2011

Schlichtes Web-Logo mit Photoshop erstellen

Filed under: Tipps und Tricks,Tutorials von Michael um 17:24
 

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

(more…)


8. Dezember 2010

Bloom Effekt mit Photoshop

Filed under: Tipps und Tricks,Tutorials von Michael um 19:35
 

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.
(more…)


15. November 2010

Websiegel Photoshop Tutorial:

Filed under: Tipps und Tricks,Tutorials von Michael um 22:44
 

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:


(more…)


1. November 2010

Photoshop Tutorial: Text an einem Pfad ausrichten

Filed under: Tutorials von Michael um 23:18
 

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.
(more…)


16. Oktober 2010

Photoshop-Tutorial: Contentbox für Webseiten

Filed under: Tutorials von Michael um 16:18
 

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

(more…)


8. Oktober 2010

Virtuelle 3D Verpackung mit Photoshop erstellen

Filed under: Tutorials von Michael um 22:24
 

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.

(more…)


1. September 2010

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

Filed under: Tutorials von Michael um 17:01
 

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.
(more…)


21. August 2010

Photoshop Planeten-Tutorial

Filed under: Tutorials von Michael um 14:39
 

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.)

(more…)


8. August 2010

Photoshop Sternenhimmel Tutorial

Filed under: Tutorials von Michael um 20:02
 

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

(more…)


Older Posts »