Slicen, aber richtig, PHOTOSHOP 7.0

Webdesign-Forum
Verfügbare Informationen zu "Slicen, aber richtig, PHOTOSHOP 7.0"

  • Qualität des Beitrags: 0 Sterne
  • Beteiligte Poster: R3fFl!xX
  • Forum: Webdesign-Forum
  • Forenbeschreibung: Ein Forum rund ums Webdesign
  • aus dem Unterforum: Hilfe!
  • Antworten: 1
  • Forum gestartet am: Donnerstag 28.07.2005
  • Sprache: deutsch
  • Link zum Originaltopic: Slicen, aber richtig, PHOTOSHOP 7.0
  • Letzte Antwort: vor 18 Jahren, 5 Monaten, 27 Tagen, 22 Stunden, 48 Minuten
  • Alle Beiträge und Antworten zu "Slicen, aber richtig, PHOTOSHOP 7.0"

    Re: Slicen, aber richtig, PHOTOSHOP 7.0

    R3fFl!xX - 25.10.2005, 17:53

    Slicen, aber richtig, PHOTOSHOP 7.0
    "Wie sliced man richtig mit Photoshop, sodass man HTML einsetzen kann?"

    BILD ---> .HTML ABER WIE?????

    tutorial von: http://www.webdesign-united.de


    Diese Frage höre ich ca. 2 Mal pro Woche.
    Also werde ich euch unwissenden alle mal aufklären, in einem netten Tutorial. Es ist anhand Photoshop 7.0 gemacht, allerdings funktioniert es selbstverständlich auch mit 8.0 (CS), sowie 9.0 (CS2)

    Zum Tutorial....

    1)
    Wir haben also unser schickes design.


    2)
    Nun sliced ihr dieses.


    3)
    Nun "teilt" ihr Euer Bild ein. Mit diesem Tool. Zuerst wählt ihr alle Flächen aus, wo später TEXT stehen soll. Zieht ein Rechteck.

    Nun Doppelklick in dieses Feld.

    4)
    Den Slyce Typ umschalten. von "Image" (bzw: Bild) in "No Image" (bzw. Kein Bild)

    5)
    In das weisse Feld einen Text schreiben, z.B. "Hauptseite" oder "Navigation".

    6)
    Dies tut ihr bei jedem Feld wo Text steht.

    (Tipp: Sollte in diesem Feld noch ein wenig vom Design sein, kann man den Modus auf "Image" stehen lassen, & es später als Hintergrundbild verwenden)

    7)
    Wenn ihr fertig seid, macht noch 5,6 Rahmen. Dieses Mal allerdings behaltet ihr den Modus "Image" bei. Es muss nicht unbedingt jeder cm. des Designs ausgefüllt sein, PS ist in der Lage, eigenständig solche Bilder zu erstellen.


    8)
    File -> Save for Web
    // Datei -> Für Web speichern

    9)
    Alle Werte beibehalten.


    10)
    HTML Codings etc. einfügen und wunderbar.

    11)
    Als Dank auf meine Website kommen :)


    Hierbei gibts div. Tricks die nicht verraten werden, also nicht fragen wie man das Design z.B. Tabellarisch macht, wie man es vor Rips sicher, ihr werdet keine Antwort erhalten.
    Fragen gegenüber diesem Tutorial sind selbstverständlich willkommen.
    ICQ: 256005168


    So ich hoffe ich konnte ein wenig helfen :)



    Mit folgendem Code, können Sie den Beitrag ganz bequem auf ihrer Homepage verlinken



    Weitere Beiträge aus dem Forum Webdesign-Forum



    Ähnliche Beiträge wie "Slicen, aber richtig, PHOTOSHOP 7.0"

    Photoshop-Tutorials - eisi (Samstag 12.03.2005)
    Just schrott aber geil xD - CvX-21k-Drago (Donnerstag 16.08.2007)
    zwar kein lehrer aber ok frau alberding - dapddy (Mittwoch 22.11.2006)
    Ein Wortspiel!! Standart aber immer noch toll!! - Der Meister (Sonntag 25.06.2006)
    jetzt aber Nasenschweben - weberje (Dienstag 06.11.2007)
    treff aber ja - Anonymous (Donnerstag 14.12.2006)
    77 - Wenn ich aber Flügel hätte - lagrande (Mittwoch 14.03.2007)
    Auch illegal aber relati erfolgreich - n13m4nd (Mittwoch 16.03.2005)
    So nu aber - norman (Donnerstag 19.07.2007)
    bissel lang aber naja nä - Sweet_Tiger (Dienstag 28.11.2006)