Der beste Weg zur Hintergrundgrafik....

[MartinaE]

Hallo zusammen!

Ich bin neu hier im Forum und auch relativ neu im Webdesign allgemein.....Ich habe gerade eine Weiterbildung hinter mir und möchte nun von zu Hause aus damit anfangen, selbst Seiten zu bauen und zu gestalten....

Ich hätte gern mal Euro Meinung zu dem Thema gewusst, wie man am besten eine Hintergrundgrafik integriert bzw. damit arbeitet.....
Sollte man mit Photoshop und Slices arbeiten?
Oder lieber einzelne Grafiken bauen und diese in div-Container verpacken?

Oder wann sollte man welchen Weg gehen???

Ich bin in diesen Dingen noch etwas unsicher und würde mich daher über jegliche Tipps von Euch freuen.....

Als Beispiel für ein Grafikdesign aud dem Bereich der mir in etwa vorschwebt hier ein Link:
[url="http://www.british-gym.com/jennifer/"]http://www.british-gym.com/jennifer/[/url]
[url="http://sitesbymorgan.com/grace/index.htm"]http://sitesbymorgan.com/grace/index.htm[/url]
[url="http://www.jordanlipton.com/"]http://www.jordanlipton.com/[/url]

Später sollte es dann so sein, dass sich der Hauptteil der Seite entsprechend dem Inhalt vergrößert oder auch nicht....

[Manuel]

Hallo Martina!

Ich denke ein richtig oder falsch gibt es da nicht. Ich persönlich baue mir lieber einzelne Grafiken bzw. ein Gesamtdesign und kopiere mir dann aus dieser Grafik genau das raus, was ich gerade brauche. Diese kleinen Grafiken baue ich dann wieder mit HTML/CSS zusammen und somit bleibe ich möglichst flexibel und kann auch jetzt noch Änderungen am Design vornehmen, die die Gestaltung vereinfachen oder insgesamt besser umsetzbar sind.

Lg,
Manuel

[cgu]

Hallo Martina,

ich schließe mich meinem Vorredner an: Richtig oder Falsch gibt es nicht. Es kommt auf der Ergebnis an. Du kannst jedoch den einen oder anderen Trick anwenden, dami es schneller geht.

Ich entwerfe in einem Grafikprogramm ein Gesamtkonzept von Kopf bis Fuß. Anschließend slice/schneide ich das Konzept und setzt es dann in HTML um.

[MartinaE]

Vielen Dank für Eure Antworten!! Ich werde demnächst mal rumprobieren und sehen, was ich zustande bringe!
Die einzelnen Grafiken bekommst Du mit der Hilfe von Ebenen in Photoshop, nicht wahr?

Ich habe in meiner Weiterbildung zwar die einzelnen Sachen alle angerissen und das Grundlegene hoffentlich auch begriffen....aber dann für sich allein was eigenes anzufangen ist dann ja doch noch was anderes und man steht vor der Frage, wie fange ich nun an......also mit dem Design.....Ich werde mal versuchen, ein Design zu entwerfen, das dann sichern und sehen ob ich verschiedene Varianten ausprobieren kann.

Da ich das erst mal für mich selbst mache habe ich ja Zeit und bin ohne Termindruck!

[Manuel]

Also Ebenen solltest du fürs Design definitiv verwenden. So hast du wesentlich mehr Freiheiten und kannst Dinge wesentlich einfacher korrigieren bzw. rückgängig machen. Was ich dann mache ist den Grafikausschnitt den ich dann brauche entweder einfach mit dem Freistellungswerkzeug freizustellen, für Web speichern, 60% Qualität bei jpg-Format. Danach darf man natürlich nicht vergessen diesen Schritt rückgängig zu machen, da das restliche Design sonst futsch ist. Wichtig ist daher vor dem "Slicen" das Design nochmals unter einem anderen Namen abzuspeichern.

Alternative, die ich gerne verwende: Auswahlrechteck, bearbeiten => Auf eine Ebene reduziert kopieren. Danach einfach Strg-N und Strg-V und schon hast du den Ausschnitt so wie du ihn haben wolltest in einem neuen Bild, das du lediglich speichern musst.

Ich weiss, meine Varianten sind sicherlich nicht immer die einfachsten oder besten, dennoch empfinde ich dieses Vorgehen für mich persönlich so am effektivsten. Probier einfach mal was aus, dann siehst du ja was dir am besten helfen würde.


Lg,
Manuel

[MartinaE]

Oh super...vielen Dank!!!

Ich glaube das hilft mir schon mal sehr weiter!!!
Wenn ich meine ersten Versuche gemacht habe lasse ich Euch auf jeden Fall mal wissen wie es so funktioniert hat!