Rahmen wie im CodingBoard erstellen

[Dominic Suter]

Hallo zusammen

Ich moechte eigentlich einen Rahmen erstellen, der gelich ist wie der des Coding Boardes, nu dass er 10pix breit bzw. hoch ist und natuerlich andere Farben besitzt :)
Die Teile fuer die Seiten habe ich mit dem Photoshop 6 auch noch schnell einzeln herstellen koennen (ich habe einfach ein Bild 1x10 pix erstellt und einen Verlauf gezeichnet). Aber wie soll ich die Ecken realistisch hin bekommen? Hat der Photoshop wirklich keine Filter dafuer, oder wie habt Ihr das hier im CodingBoard angestellt?

Ich waere um eure Hilfe echt dankbar...

[Codeq]

mach ein rechteck mit einer farbe in die der rahmen übergehen soll und als hintergrund auch die farbe des HTML BGs...

dann machste mitm relief effekt solange rum bis du diese runden kanten hast.. ka wo das bei PhotoShop zu finden ist, ich arbeite mit Corel ....

najo und wenn du das hast dann kannste die teile ausschneiden die du haben möchtest...
aber ich würde auf keinen fall alles in einzelhand arbeite machen und solange ausprobieren bis es passt .. lieber ein grosses stück zerschnippseln :)

[maulwurf]

hiho

wie hast du denn deine jetzigen grafiken so hinbekommen, Stoenggi?! nicht mit einem filter?

in photoshop realisierst du das imho am schnellsten über ebene->ebenenstil->abgeflachte kante und relief.
in dem dialogfeld kannste dann rumspielen, bis es dir gefällt.
es gibt für PS plugins, wie zb eye-candy, die in der richtung noch einiges mehr drauf haben, aber damit sollen sich schon leute totgespielt haben..... ;)

dann noch einen tipp für die ecken:
wenn du einauswahlrechteck abrundest, sehen die ecken nachher ziemlich ausgefranzt aus.
du kannst das verhindern, indem du einen kreis zeichnest mit einem häkchen bei ´glätten´, anschließend auswahl->auswahl verändern->verkleinern um 1 pixel verkleinern & entfernen drücken. damit hast du einen ´ring´ mit anti-aliasing. dann nimmst du das buntstift-werzeug und zeichnest die geraden des rechtsecks. du kopierst diese ´ecke´ und fügst sie 3 mal ein für die anderen drei ecken.
hier die bildchen dazu:
runde ecke (http://www.mulewap.de/cb/runde_ecke.gif)
runde ecke vergrößert (http://www.mulewap.de/cb/runde_ecke_gr.gif)
runde ecke mit abgeflachter kante außen (http://www.mulewap.de/cb/runde_ecke_relief.gif)
ist etwas umständlicher, geb ich zu... aber schau es dir mal im vergleich an - ist echt ein unterschied! :)

wenn du fertig bist: wie baust du die grafiken ein? weißt du das schon? wenn du da noch tipps brauchst, sag bescheid!
ich hoffe, ich konnte dir helfen & es war verständlich!

cya

[Dominic Suter]

Vielen Dank, daran werde ich heute Abend gleich einmal arbeiten :):)
Falls es zu noch mehr Fragen kommen sollte, werde ich wieder posten.

Und sorry dass ich so lange nicht geantwortet habe, war in den Skiferien und hatte kein Internet! :D