Wie man ein Blog-Layout in Photoshop gestaltet
Das Tutorial Design A Modern Blog Layout beschreibt Schritt für Schritt, wie man ein zeitgemäßes Layout für ein Weblog im poppigen Web 2.0 Style in Photoshop plant. Zum Mitmachen wird die Original-Photoshop-Datei zum Download angeboten.
05.02.2007 Rubrik: Tutorials. . Kommentare und Pings sind geschlossen.

6. Februar 2007, früh am Morgen
Jo, sehr schön. Und wie mach ich da am Ende eine Webseite draus?
6. Februar 2007, früh am Morgen
Das lässt sich wohl nicht ganz so leicht erklären. Aber das ein oder andere Wordpress-Theme kann man so gut anpassen und sich so leicht rantasten.
6. Februar 2007, am späten Vormittag
[...] Via Screenz bookmark:Diesen Artikel in deine del.icio.us bookmarks aufnehmen… [...]
14. Februar 2007, am späten Vormittag
Das bringt einem gar nichts.
In Photoshop kann jeder was schönes malen aber das funktional in HTML umzuwandeln..das wird nicht beschrieben.
Mit einmal “Für Web exportieren”, ist es da nicht getan.
Schade.
17. Februar 2007, mittags
Also das umsetzen ist ein Kinderspiel bei wordpress… mein erstes Design umzusetzen hat vielleicht länger gedauert (halben Tag), bis man wusste was wichtig ist, aber jetzt geht es ratz fatz.
Und hier geht es ja nur um Photoshop und ein Design zu erstellen, was beschwehrt ihr euch -.-
19. Februar 2007, am späten Nachmittag
@ Michi: Sollte ja keine Beschwerde sein. Nur wenn ich mir ein Design für meine Website entwerfe, dann doch mit dem Ziel, das Ganze am Ende auch faktisch umzusetzen. Wenn das so ein Kinderspiel für dich ist, dann haben wir ja schon einen der uns ein kurzes Tutorial schreibt ;)
26. Februar 2007, am frühen Nachmittag
Kann man wirklich in WordPress bei einer Überschrift eines Blog-Beitrages das erste Wort Grau und das zweite Wort Orange werden lassen? Den Trick möchte ich sehen!
6. März 2007, mittags
Also ich persönlich finde ja Screendesignen in Photoshop eher umständlich und zeitraubend. Mit Fireworks kommt man einfach schneller ans Ziel. Für Retuschen und ausgefuchste Bildcollagen ist sicherlich PS die erste Wahl.
6. März 2007, nachmittags
Hi,
ich hab mal ne Frage. wie bekommt man denn im Hintergrund diese schrägen Linien hin? Mit einem pattern? Wenn ja, wie erstellt man dieses? Habe es leider nicht hinbekommen. Danke für die Hilfe.
Gruß Patrick
22. März 2007, am späten Vormittag
@Frazo
Warum so agro ?
Es geht doch darum eine Seite per PS zu hübschen und um nichts anderes.
Wie du Templates erstellst und mit xHtml/CSS umgehst ist ein ganz
anders Thema.
Seit doch bitte alle lieb miteinander…..
@Patrick
Schräge Linien mit Pattern.
-Fill and then click the arrow and choose Load Patterns-
Noch eins um später aus der PH Malerei eine Website zu erstellen würde
ich mit dem Slicetool die Stücke erraus trennen die für die Frames-Tables bzw CSS nötig sind.
Ich habe euch alle so lieb.
:)
4. Mai 2007, mittags
Wie sollte es hier auch anders sein als in nahezu allen Bereichen des (Design-) Lebens: Viele Wege führen nach Rom. Und was für den einen der Königsweg ist, ist für den anderen unpraktikabel. Also versteht es doch als Anregung, probiert sie, wenn ihr wollt, aus – und verwerft oder optimiert sie, falls sie nicht ganz “euer Ding” ist.
Photoshop ist sicher EINE relevante Lösung.
Freundlichen Gruß an alle
18. Mai 2007, furchtbar früh am Morgen
[...] Wer gerne einmal ein schönes, modernes Webdesig für seinen Blog erstellen möchte dem hilft das Tutorial Design A Modern Blog Layout. Das Tutorial beschreibt Schritt für Schritt, wie man ein zeitgemäßes Layout für ein Weblog im Web 2.0 Style in Photoshop plant. Auch ein Download der Original-Photoshop-Datei wird angeboten. So macht das rumprobieren, mitmachen und designen wirklich Spaß. Via: Wie man ein Blog-Layout in Photoshop gestaltet [...]
12. Juli 2007, am späten Nachmittag
lol ihr könnt bild einfach als hintergrundbild eurer hp nehmen …
und den text den ihr braucht schreibt ihr mit html drüber….
ihr müsst halt dan nur beachten das ihr die ganze hp immer neu laden müsst wenn ich was anklickt d.h. wenn ihr viele große bilder oder gar ein video einbauen wollt, ist diese methode ungüstig… jedoch kann man da die bekannten frames einsetzten und dan sollte dies auch wieder irgendwie hinhaun^^
lg
12. Juli 2007, am frühen Abend
@Revillion: Das wird nicht so ganz funktionieren, denn Texte skalieren ja bekanntlich.
20. August 2007, mitten in der Nacht
eine lange und tolle tutorial… danke schön.. man soll sich viel mühe geben um ende von diesen tutorial zu kommen.
7. Oktober 2007, abends
Ich habe mein Blogdesign von http://www.seo-lexikon.eu völlig selbst gemacht!
29. November 2007, am frühen Nachmittag
hi tristan könntest du dies vllt. mal bitte erklären wie das mit dem slicen einer website funktioniert um daraus dann eine website enstehen zu lassen?
mfg jan
1. Dezember 2007, am frühen Abend
Fuer alle, die wissen moechten, wie man eine PSD Datei in eine HP umwandelt, gucken mal bitte hier http://www.xalking.com/from-psd-to-drupal-theme
Gruss
PS: thx fuer das geile Tutorial °°°
4. Januar 2008, früh am Morgen
[...] Das Tutorial beschreibt Schritt für Schritt, wie man ein zeitgemäßes Layout für ein Weblog im Web 2.0 Style in Photoshop plant. Auch ein Download der Original-Photoshop-Datei wird angeboten. So macht das rumprobieren, mitmachen und designen wirklich Spaß. Via: Wie man ein Blog-Layout in Photoshop gestaltet [...]
14. Juli 2008, früh am Morgen
hallo, ich kann das leider nicht öffnen…mach ich was falsch oder wo muss ich drauf drücken um das tutorial zu öffnen?!oder wurde die seite gelöscht?!?!
bitte um schnelle hilfe Michi
26. August 2008, abends
Das Tutorial befindet sich jetzt hier: http://www.sigsource.com/tutorial/photoshop/design-modern-blog
Leider ohne Bilder & Download. :(
23. Februar 2009, abends
[...] wird angeboten. So macht das rumprobieren, mitmachen und designen wirklich Spaß. Via: Wie man ein Blog-Layout in Photoshop gestaltet Hat Dir dieser Beitrag gefallen? Dann abonniere doch meinen RSS Feed oder neue Beiträge [...]