Anzeige
Tutorialbeschreibung

Web: Homepage mit Photoshop

Web: Homepage mit Photoshop

So. Hier erkläre ich, wie man sehr einfach eine kleine Homepgae bauen kann! Grundkenntnisse sollten dafür auf jeden Fall vorhanden sein!

1.  Benutzt das Verlaufswerkzeug (g) und macht ein kleines Muster als Hintergrund (Tipp: Wenn der Modus auf "Differenz" gestellt ist, kann man mehrere Muster machen).

So siehts bei mir aus: 
Bilder


2. Nun erstellt ihr eine neue Ebene, benutzt das "Auswahlrechteck " (m) und makiert einen Teil, welchen ihr als Text  und einen als Banner haben wollt!
Füllt diese Teile mit dem Füllwerkzeug in einer beliebigen Farbe! Damit es nicht so "billig" aussieht geht ihr auf "Ebene/ Ebenenstil/ Abgeflachte Kanten und Relief". Stellt hier die Farbtiefe auf 1000 und stellt die Größe sowie Wichzeichnen auf 0!

Bei mir: 

Bilder


3. Nun die Buttons: Macht eine beliebige Größe (ich benutze: 90*30)

Diese könnt ihr mit einem beliebigen Effekt besetzen oder einfach Blank lassen! (Beschriftet diese aber! - Home, G-Book etc.) Designed das Banner nach eurem Geschmack!

Hier bei mir: 

Bilder


4. Jetzt wird es Interessant: Nun benutzt ihr das Slice-Werkzeug (k) und und zieht ein Kästchen über alle Elemente (jeder Button, Textfeld, Banner und den Freiraum! Dies werden später die Bilder, die auf der Homepage entstehen!)
Bei mir sieht das so aus: 
Bilder


Nun der letzte Schritt: Klickt nun auf "Datei/ Für Web speichern ..." nun drückt ihr nochmal auf Speichern und gibt den Pfad an! Unten bei "Dateityp" wählt ihr "HTML und Bilder"

Wenn ihr nun auf das Verzeichnis geht, in dem ihr es gespeichert habt, findet ihr ein Homepage vor!

Creetz, Viel Spaß! JaCk3r

DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von w3bk1ll4
  • 26.10.2013 - 03:53

super tut .. danke super einfach :)

Portrait von Markus30081984
  • 22.05.2013 - 12:45

Sehr einfach erklärt. vielen dank

Portrait von REPanther
  • 02.12.2012 - 14:57

Joah, mit diesem tool kann man sehr gut den anfang einer webseite setzen. Natürlich kann man damit nicht sooo komplexe Seite bauen, aber dafür kann man diese Seiten sehr schnell und schön machen.

Portrait von 7hotel
  • 14.08.2012 - 06:24

Danke dir für die guten Ideen!

Portrait von Thomas_
  • 19.05.2012 - 15:19

Danke für diese Erklärung ;-)

Portrait von surfbabeblue
  • 13.10.2011 - 22:46

Danke schön, werd mich mal daran versuchen

Portrait von Batlh
  • 28.10.2010 - 19:09

Das ist doch genau das, was ich gesucht habe =)

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 29.08.2010 - 10:13

wie hier eine richtig fu ktionierende homepage mit rollovereffekten und laden bestimmter seitenelemente funktionieren soll versteh ich leider nicht.

Portrait von michei
  • 12.04.2010 - 17:54

ging schnell zu verstehen

Portrait von tourischreck
  • 18.03.2010 - 12:08

Vielen Dank für die Mühe, hat mir sehr geholfen.

Portrait von hseurmin
  • 07.12.2009 - 12:38

Ein wirklich einfaches und verständliches tutorial, das die Grundkenntnisse auf diesem Gebiet erklährt.

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 30.10.2009 - 10:00

Hat mir sehr geholfen. Dankeschön :

Portrait von spacle
  • 19.09.2009 - 11:20

Hässsssssssssliche seite aber der Lerneffekt is 100% nur die frage bleibt:

arbeitet photoshop dann mit tabellen oder divs ?

Portrait von hseurmin
  • 07.12.2009 - 12:41

Hallo spacle,

Photoshop arbeitet hier mit Tabellen. Die "gesliceten" Bilder sind dabei der Inhalt. (zummindest so bei CS4)

MfG

Portrait von tommydog187
  • 27.07.2009 - 16:16

find ich für den anfang gut

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 10.07.2009 - 11:20

ganz nett,aber nur für leute die gerade erst anfangen webseiten zu bauen ;)trotzdem ...thx

Portrait von rootkehlchen
  • 29.06.2009 - 13:51

prima.... genausowas suchte ich

Portrait von Lukas93
  • 07.03.2009 - 16:33

Gute Erklärung und leicht verständlich

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 03.03.2009 - 12:45

schon arg rudimentär und kurz. Bei dem Anspruch wär dann vielleicht auch eine Erklärung zu Bannereffekten u.ä. angemessen.

Portrait von Sc4re
  • 24.02.2009 - 11:25

Gute Erklärung nur das Ergebnis naja ...

x
×
×