Beiträge mit dem Schlagwort ‘Photoshop’
30+ Photoshop Weblayout Tutorials
Photoshop ist eines der am häufigsten verwendeten Programme um Websites von Null ab zu gestalten und das Layout zu zeichnen (evtl. von Papier und Stift mal abgesehen). Dabei wird das Programm von allen Erfahrungsstufen verwendet, vom Einsteiger bis zum Profi.
Da Photoshop allerdings sehr umfangreich ist, zeigen sich auch manchmal für den geübten Photoshop Anwender doch immer wieder der eine oder andere Fallstrick in der täglichen Anwendung.
Nachfolgend findet ihr mehr als 30 Tutorials für Photoshop, die sich mit der Gestaltung von Website-Layouts unter Photoshop beschäftigen. Die Sammlung stellt eine bunte Mischung von PSD-Tutorials dar, von der Business Website über Blog Designs und Foto Galerien, bis hin zu Gaming Sites und sehr ansehnliche Web 2.0 Layouts. Die Tutorials sind gut als Ideengeber, aber auch als Helfer falls mal eine etwas kompliziertere Stelle in Eurem Layout kommt und natürlich auch dafür gedacht einfach mal den Tutorials zu folgen.
Viele der Tutorials können auch als Basis für eigene Layouts genutzt werden. So muss ein Galerie-Template ja nicht zwingend für die Darstellung einer Foto-Galerie verwendet werden, sondern kann durchaus zur normalen Blog-Seite umgebastelt werden.
Viel Spaß mit den Tutorials…
Photoshop Browser Templates
Viele gestalten Webseiten erst in Photoshop, um diese dann Stück für Stück in HTML und CSS zu übernehmen. Ich hatte oft das Problem, das Websites, die man im Roh-Photoshop-Stadium zeigt, wenig mit der eigentlich Browser Darstellung zu tun haben. Grund ist einfach, dass die Websites nicht in einem Browser angezeigt werden und sich viele ungeübte mit dieser Darstellung schwer tun.
Dabei sind mir im Web zwei Seiten aufgefallen, die Browser-Templates für Photoshop zum kostenlosen Download anbieten. Beim Webdesigner Toolkit gibt’s Browser bis Firefox 1.5, Opera 8.5 bzw. IE5 für Windows und Safari 2.0, IE 5.2 bzw. ebenfalls Firefox 1.5 für Mac OS X (sind noch einige andere dabei, die ich hier nicht aufzähle).
Aktuellere Modelle von Browsern gibt es bei Piksels, mit von der Partie sind hier der Firefox und IE als Windows und Mac-Variante in verschiedenen Auflösungen.
Bei beiden Downloads ist es möglich die Adresszeile zu editieren, Titel, sowie Scrollbars und Favicon zu bearbeiten.
Ach ja, bei Webdesigner Toolkit gibt’s auch noch Form-Elemente für Photoshop, die man direkt in einer PSD-Datei verwenden kann um die Browser Input-Fields darzustellen.
Quelle:
http://piksels.com/photoshop-browser-templates/
http://www.webdesignerstoolkit.com/
50+ geniale PSD-Files und Tutorials
Wer sucht sie nicht, die genialen Photoshop Files oder Tutorials um selbige zu erstellen. Eine Sammlung von über 50 Tutorials oder fertigen PSD Dateien gibt’s im Blog von Noupe.com.
Vom Planeten-PSD über das iPhone bis hin zum Kreditkarten PSD ist alles enthalten und auf jeden Fall einen Blick wert.
Wer jetzt noch nicht genug hat, der findet bei deviantArt viele weitere Wertvolle Ressourcen für die tägliche Designarbeit mit Photoshop.
Best of Photoshop Tutorials
Das Smashing-Magazine hat eine beeindruckende Sammlung der besten Photoshop Tutorials veröffentlicht, die ich Euch natürlich nicht vorenthalten möchte.
However, you don’t need to muddle through numerous Photoshop features and extensions for every design problem. You can use professional suggestions instead, e.g. professional step-by-step tutorials which provide excellent results and thus can save you a lot of time.
Darunter ist wirklich alles zu finden, vom perfekten retuschieren der Fotos vom letzten Abend über die Erstellung von Wasser-Tropfen, bis zum vielgefragten Tutorial um Produktschachteln mit Photoshop zu erstellen. Aber auch wenn ihr nach Cartoon-Zeichnungen, Texteffekten oder Buttons sucht, wird einige großartige Tutorials finden.
Nachfolgend zwei Beispielbilder als Appetithappen:
Quelle: Adobe Photoshop Tutorials – Best Of | Tutorials | Smashing Magazine
Eigentlich wollte ich an den Beitrag noch einige meiner eigenen Links anhängen. Nachdem ich allerdings die zusätzlichen Verweise am Ende des Beitrags gesehen habe, hatte sich das aber erübrigt.
Wobei, da wären doch noch ein paar…
Kostenloses Flavour’s Icon Set
Ein wirklich schönes Icon Set, bestehend aus über 450 Grafiken, kann man momentan beim Smashing Magazine herunterladen. Das von Oliver Twardowski “gepinselte” Icon Set enthält wirklich einige sehr schöne Icon’s, die im Web-Alltag in allen möglichen Projekten verwendet werden können.
Das besondere an dem Icon-Set ist, dass neben den eigentlichen Icons auch die Photoshop Datei zum Download bereit steht und so die Möglichkeit eigener Icons im gleichen Stil möglich ist.
Die Grafiken liegen im Format 48×48 Pixel vor. Viel Spaß mit den Icons.
Quelle: http://www.smashingmagazine.com/20…te-icon-set-for-web-designers/