Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

DVD-Werbung
Passend zum Inhalt empfehlen wir unsere:

Photoshop-Workshop-DVD - Webdesign

  • Webdesign mit Photoshop: alle erstellten Layouts mit Arbeitsdatei (PSD)!
  • Umsetzung erstellter Weblayouts in HTML/CSS
  • Tipps & Tricks zum Webdesign in Photoshop und zur Webentwicklung
Jetzt informieren Trailer ansehen

Kommentare

  • Alternative Portrait von Stephie83

    Stephie83

    26.05.2011 - 11:03

    Gut erklärt nur etwas sehr kurz für ein ganzes Tutorial ,hätte auch gerne mit einem weiteren Schritt kombiniert werden dürfen.

  • Alternative Portrait von Ai_relav

    Ai_relav

    05.05.2011 - 21:53

    sieht jetzt schon richtig gut aus :) freu mich den rest zu sehen !

  • Alternative Portrait von yimmy

    yimmy

    18.04.2011 - 20:58

    Super! Es überrascht mich immer mehr wie es mir weiter hilft!

  • Alternative Portrait von Superking88

    Superking88

    15.03.2011 - 08:33

    Feine Sache. Bin schon gespannt auf Teil 4

  • Portrait von lichtwerker

    lichtwerker

    01.12.2010 - 15:17

    tolle Idee, freu misch schon auf den nächsten Teil

  • Alternative Portrait von shaking

    shaking

    09.11.2010 - 14:52

    genial

  • Portrait von Tribehunter

    Tribehunter

    02.11.2010 - 21:27

    Hammer erklärt! 5 Sterne von mir!

  • Alternative Portrait von torti

    torti

    28.10.2010 - 12:56

    Danke hat mir sehr geholfen!

  • Alternative Portrait von Budanzew

    Budanzew

    07.10.2010 - 09:57

    Vielen Dank für das Tutorial.

  • Portrait von harbin

    harbin

    02.10.2010 - 09:31

    Und auch für den klaren und leicht verständlichen dritten Teil:
    Vielen Dank!!!
    Viele Grüße,
    harbin

  • Alternative Portrait von scarred13

    scarred13

    27.09.2010 - 11:37

    Genau wie die erste beiden Teile... Super, danke!

  • Alternative Portrait von luv007

    luv007

    02.08.2010 - 18:39

    echt cooooooooooooool,danke

  • Alternative Portrait von Namelessness

    Namelessness

    22.07.2010 - 11:14

    Schön schön! Muss schon sagen die machen echt was her...!

  • Alternative Portrait von Erutan

    Erutan

    16.07.2010 - 19:23

    Und wieder Mal ein Danke ^^

  • Alternative Portrait von sophie67

    sophie67

    15.07.2010 - 14:34

    Vielen Dank für das Tutorial.

  • Alternative Portrait von Julibe

    Julibe

    04.06.2010 - 04:38

    danke dir das hat mir wirklich sehr gehholfen

  • Alternative Portrait von WNell

    WNell

    15.05.2010 - 22:07

    wie auch schon die anderen Teile: sehr schön aufgebaut, gut erklärt, macht Spaß.

  • Alternative Portrait von rock3t

    rock3t

    17.04.2010 - 04:59

    geniales Einstertutorial! Optimal ;)

  • Alternative Portrait von seoker

    seoker

    16.04.2010 - 22:01

    Super tutorial!
    Hoffe die anderen Teile werden genau so gut!

  • Alternative Portrait von MeyCL

    MeyCL

    08.04.2010 - 09:36

    cool danke...wirklich gut

Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


(3) HOMEPAGE: Bilder einfügen

 

Bis jetzt sieht unsere Homepage in etwa so aus:

Bilder

 

 

 

Heute wird die Page etwas fülliger werden, dazu brauchen wir ein paar Bilder. Am besten Lizenzfreie Bilder; also ohne Copyright, die wir frei verwenden dürfen.

Empfehlen kann ich da diese Seiten:
http://www.fotodatenbank.com/
http://www.pixelquelle.de/

 

 


Unser Headerbereich (Workshop 1, Grafik) ist sehr weiß. Da muss jetzt ein Bild hin, am besten eines das zu meiner ’Dreamland’-Firma passt.
Wenn ihr euch nicht entscheiden könnt, zieht so viele Bilder wie ihr wollt; wir werden auch diese nachher brauchen.

 

Dieses Bild passt echt gut:

Bilder

 

 

 

Naja, ein Problem habe ich noch mit dem Logo: Es will sich einfach nicht richtig in das Bild einfügen. Das liegt daran das nirgends auf dem Bild eine freie Fläche ist, die das Logo dann passend hervorbringt. Da ich davon ausgehe, dass ihr andere Bilder wie ich benutzt, werde das Bild jetzt nicht ändern… es sieht ja so schön aus :)
(Ihr seht dann später, dass ich die Ebenenoption des Logos geändert habe.)

 

 

Der Contentbereich sollte auch etwas mehr Aufmerksamkeit bekommen. Ich wähle drei Bilder aus, die von der Farbe schön harmonisch zur Page passen. Und da ich ja eine Firma bin, muss man Kunden immer mit so Worten wie Flexibilität, Abenteuer, Freunde, Freiheit und Spass locken.

 

 

 

Der Schritt ist sehr einfach, ihr könnt auf dem Bild sehen was ich gemacht habe. Drei Bilder ausgewählt und auf eine einheitliche Größe gebracht (die Hilfslinie bewirkt wahre Wunder).

 

Bilder

 

 


Ich habe eine neue Ebene ’Rahmen’ erstellt, dann ein abgerundetes Rechteck aufgezogen und deisem noch eine Kontur in schwarz verpasst (1px). Bei den Bildern habe ich unter "Abgeflachte Kanten und Relief", Relief an allen Kanten gewählt und die Deckkraft davon sehr weit heruntergesetzt. Danach noch die Kontur auf schwarz (60% und 1px) gesetzt.
Schliesslich mit dem waagrechten Textwerkzeug diese Schlagworte geschrieben und durch Transformieren (auch STRG+T) um 90° gedreht und neben dem Bild angeordnet.

 

Wieder einen Ebenenordner erstellen und diesen Content Bilder nennen, dort alles hereinschieben - der Ordnung halber.

 

 

Das war es eigentlich schon mit diesem Workshop. Abschließend noch ein Bild wie die Homepage jetzt aussieht. Die roten Hilfslinien dienen dazu, euch den Text- und News-Bereich zu zeigen.

 

Bilder

 

 


Das war:
Workshop Teil 3. 

Teil IV: Feinschliff

 

 

 

 

eFoX

 

 

Alle Bilder und Grafiken die in diesem Tutorial verwendet werden sind geschützt und stehen somit unter dem Copyright des Autors. Die Verwendung von jeglichem Material in diesem Tutorial ist nur mit Erlaubnis des Autors gestattet.
Webdesign Darmstadt • vBulletin 0.044 • ZF-App 0.52 • Total 0.564