Transparenter Kasten für Layouts

Hallo ihr,

ich weiss nicht, ob's schonmal sowas gab, denke aber nicht. Wollte fragen, wie ich leicht OHNE PHOTOSHOP so einen transparenten Kasten über ein Bild machen kann. Ein Beispiel findest du hier.

<div style="float: left; padding: 10px; width: 150px; border: 1px solid silver; filter:alpha(style=0,opacity=50)">Dies ist ein Test.</div>


Den hatte ich mal irgendwo gebraucht, ich weiß grad überhaupt nicht, ob der klappt, wie du willst, versuch es einfach.

Hoi,

meinte kein HTML, sondern nur ein Bild, wo sowas ist. Der Link zeigt doch auch nurn Bild. Naja, ich hoffe vielleicht jemand weiss, was ich meine traurig

Oh, das war mein Fehler. Ich habe mich verlesen, tut mir Leid. Vielleicht hilft dir das weiter.

Hoi,

kein Problem, jeder macht mal Fehler. Zum Link, hab alles durchgelesen, kam aber auch leider damit nicht klar. Ich habe Gimp2, gibt es auch andere Programme, mit denen man kostenfrei sowas machen kann? glücklich

Sorry wegen Doppelpost, lässt sich aber nciht vermeiden, da ich noch Hilfe brauche. Habe gimp2 und weiss eigentlich schon so ungefähr, wie man es macht, nur ich schaffe es halt nicht. Irgendwas mit neuer Ebene erstellen war da, aber mehr weiss ich grade nicht staun

Hmm, erstell mal ne neue Ebene, färb die weiß oder wie auch immer du sie haben willst. Schneid' sie dann zurecht und stell die Transparenz einfach etwas runter. Dann solltest du alles als JPEG speichern und es müsste gehen. ^^

Genau das hab ich eben nochmal probiert, irgendwie geht das nie traurig

Ja, woran genau scheitert es denn? So ist es schwierig, dir zu helfen. unschlüssig

Hoi,

also ich öffne Gimp2, dann öffne ich mein Bild, dann klick ich auf Ebene->Neue Ebene - Dann muss ich eingeben wie groß die sein soll, das hab ich getan, war ja nur ein Test. Dann geh ich wieder auf Ebene, dort auf Transparenz -> da hab ich schon alles versucht, geht halt nicht :S

Na ja, ist ja klar. lach

• Wenn du eine neue Ebene erstellst, nimm als Farbe einfach weiß. Dann blendest du sie erstmal aus.
• Danach nimmst du nun das rechteckige Bereichstool und markierst den Teil, den du später so halbtransparent haben möchtest.
• Dann gehst du auf den Menüpunkt "Bereich" und klickst auf "Invertieren", damit die Auswahl umgekehrt wird. Nun hast du alles außerhalb deines Kastens markiert.
• Nun klickst du in diesen Bereich hinein und wählst "Bearbeiten > Ausschneiden". Dann kannst du die Ebene wieder einblenden und hast nun einen weißen Kasten.
• Nun stellst du die Transparenz der Ebene soweit herab, bis dir der Effekt gefällt & speicherst das ganze schließlich ab.

Falls dir weiß nicht gefällt, kannst du die Ebene natürlich auch in jeder anderen Farbe einfärben.

Hoi,

leicht verständliche Erklärung, klappt auch perfekt, so wie ich's mir vorgestellt habe, aberrr wenn ich das Tool Rechteckigen Bereich auswählen und wie gesagt nen Bereich anwählen will dann kann ich nicht meinen gewünschten Bereich wählen, wieso?

-200 Beitrag- lach

Welcher Bereich soll's denn sein? lach
Ich weiß, es ist schwer, aber versuch's doch mal weiter... ich mein, man kann alles, wenn man die Funktionen nur ausgiebig nutzt. -gg-
Fertige doch mal ne Skizze an, so wie du's haben willst... dann kann ich's dir vielleicht sagen, weil so ist es so gut wie unmöglich, dir weiter zu helfen. unschlüssig

Hoi,

ich versuchs mal, gut verständlich zu formulieren glücklich
Also ich öffne mein Bild und mach alles, was du da genannt hast. Nun wähle ich mein Bereichstool (rechteckiges) aus und genau dort liegt mein Problem. Wenn ich da irgendwo auf den Bild klicke, ist schon ein Bereich eingeplant, oder so. Kann man den Bereich nicht selber wählen, der weiss bleiben soll und dann später transparent? O.o -nix raff-

Du musst ja auch nicht einfach nur klicken, sondern den Bereich "ziehen", so wie wenn du mehrere Symbole auf dem Desktop markierst. ^^
Also klicken, ziehen (während du die Maustaste gedrückt hältst) und loslassen.

Meinst du das so? glücklich

Genau das mach ich ja, aber das geht ja nicht, ich werd mich mal dran machen und das aufnehmen mit irgendnem' Programm, poste dann noch URL also entschuldigung im vorraus.. falls doppelpost sein sollte

Um deinen Doppelpost zu vermeiden... mach das, bin mal gespannt. ^^
Und falls es gar nicht klappen sollte und alle Stricke reißen, mach ich es dir einfach. lach

Habs direkt von meinen PC aus gehostet, damit die Auflösung erhalten bleibt, klick.

Lol, wie das funktioniert, musst du mir bei Gelegenheit mal erklären. lach

P.S.: 90MB, bist du des Wahnsinns? staun KO Ich mach mich mal an's Laden...

Hätte ich auch umwandeln können, wollte aber so schnell wie möglich des haben.. bin froh, dass das Video so gute Quali hat,... glücklich bin mal gespannt

Quali ist ja schön und gut, aber ich muss jetzt fast 2 Std. an dem Video laden.. also nicht wundern, wenn ich länger nicht mehr antworte, liegt einfach da dran, dass es eine Ewigkeit dauert. lach

Ja also.. sorry wegen Doppelpost erstmal.

Hab mir das Video jetzt angeguggt und muss sagen, ich weiß auch nicht, woran das liegt. ôo Es sieht so aus, als würdest du die Ebene verschieben anstatt etwas zu markieren, sehr seltsam...

Ich weiß gar nicht, was ich jetzt noch sagen soll. traurig Entweder bin ich da jetzt einfach zu blöd für, oder ich weiß auch nicht weiter. Bin mit meinem Latein am Ende.
Ich kann dir höchstens anbieten, es für dich zu machen.

Muss dann jetzt aber auch weg, hab noch Metalltechnik zu lernen und Physikhausaufgaben (die ich nicht verstehe) zu machen. lach

Also sorry nochmal.. und melde dich einfach, falls ich dir ne Grafik machen soll. glücklich

Hoi,

hab vllt eine Idee, die Hilfreich sein kann, weiss aber nicht, ob du dazu Zeit findest, wenn du wie gesagt was für Physik/Mathe tun musst. Könntest mir ja mal eine Step-to-Step Anleitung machen, mit Screens, von der Oberfläche, bei der du dich grade immer befindest, das seh ich grade noch als einzigste Möglichkeit, sonst grade nichts.. Also wenn du bereit wärst, das zutun, wär ich dir sehr verbunden glücklich

mfg, Patrick.

Metalltechnik, nicht Mathe. lach


Mal sehen, wenn ich Zeit habe, kann ich dir sowas mal machen, vielleicht Freitag? Morgen muss ich lernen... Und am Wochenende bin ich nicht da & die Woche drauf auch nicht. zwinker Also wenn, dann Freitag.
Ich bemüh' mich, okay? glücklich


Schönen Abend noch und bis dann, bitte den Thread geöffnet lassen, Freitag geht's spätestens weiter, wenn alles klappt. zwinker

Alles klar, ich hab ja Zeit, hoff mal, dass das dann auch was bringt zwinker

Anleitung zum Erstellen einer halbtransparenten Ebene lach


Schritt 1

[img]http://img2.myimg.de/1b52_thumb.jpg[/img]

Du öffnest dein Bild. Dann klickst du mit rechts auf deine Hauptebene namens Hintergrund und gehst dort auf Neue Ebene.... Nun öffnet sich folgendes Fenster.


[img]http://img2.myimg.de/258a_thumb.jpg[/img]

Übernehme bitte die Angaben aus dem Bild. Achte darauf, dass du Prozent eingestellt hast. Somit sagst du dem Programm nun, es soll eine Neue Ebene namens "Neue Ebene" erstellen, welche 100% in der Breite und 100% in der Höhe umfasst. Du möchtest sie weiß ausfüllen. Bestätige dies nun mit "OK".



Schritt 2

[img]http://img2.myimg.de/3a8a_thumb.jpg[/img]

Hier nun ein kleines Bildchen, wie es dann ausschauen sollte, nachdem du das Fangwerkzeug ausgewählt hast und eine Bereich auf dieser neuen Ebene "gezogen" hast. Die Ebene, auf welcher du den Bereich ziehst, muss die soeben neu erstellte sein! Achte darauf, dass diese sich im Vordergrund befindet, also über der Hintergrundebene liegt und das diese markiert ist! Dieser Bereich wird nun später der sein, der leicht transparent dargestellt werden soll. Bist du mit deiner Auswahl nicht zufrieden, dann probier es so lange, bist es stimmt. Verschieben kannst du das gezogene Fenster allerdings [color:"red"] nicht[/color], sonst schneidest du den Teil einfach aus, und das wollen wir ja nicht. zwinker Du musst ein Fenster an einer anderen Stelle ziehen, oder dein vorhandenes "überziehen", sonst funktioniert es nicht.


Schritt 3

[img]http://img2.myimg.de/4bf8_thumb.jpg[/img]

Nun klickst du mit rechts in deine Auswahl, wählst den Menüpunkt "Auswahl" und dort dann "Invertieren".


Schritt 4

[img]http://img2.myimg.de/539a_thumb.jpg[/img]

Jetzt klickst du mit Rechts in den äußeren Bereich des Kastens und wählst dort über "Bearbeiten > Ausschneiden".

Nun sollte dein Bild in etwa so ausschauen:

[img]http://img2.myimg.de/6e92_thumb.jpg[/img]


Schritt 5

[img]http://img2.myimg.de/742d_thumb.jpg[/img]

Nun stellst du bei deiner Ebene noch die Transparenz ein; ich habe dir hier farbig markiert, wo du den Wert ändern musst. Tu dies so, wie es dir gefällt. Schlussendlich speicherst du die Datei als JPG oder whatever ab und hast dein Layoutbild. lach



Omg, also wenn das nicht geholfen hat, weiß ich auch nicht. unschlüssig
Ich bitte höflichst um Resonanz deinerseits. lach


MfG, Kat glücklich

Hallo,

ich möcht dir mal hiermit herzlich Danken für die ausfürliche und super gewordene Beschreibung zum erstellen eines Transparenten Kasten's! Ich habe meinen 'Schönheitsfehler' schließlich doch entdeck, - da siehe Screen.
[img]http://img469.imageshack.us/img469/2427/keinefreieauswahlkx0.jpg[/img]

Bei mir war KEINE Freie Auswahl sondern irgendwas anderes, was genau meinen Problem entsprach. Seitdem ich es auf Freie Auswahl umgestellt habe, funktioniert es auch Problemlos.

Vielen Dank,

Patrick.


(kann geclosed werden lach)

Hmm, hast du vermutlich irgendwann umgestellt. lach

Aber freut mich, dass es jetzt doch noch geklappt hat.


Also wenn du mal wieder Hilfe brauchst, ich bin für dich da. -fg-

MfG, Kat glücklich

Hätte da noch eine Frage,

kann ich statt alles weiss zu machen nicht das auch transparent oder so machen? Um es verständlicher zu machen, ich möchte sehen, wo ich diesen Transparenten Kasten hinmache, wenn ich aber Weiß habe, seh ichs erst hinterher unschlüssig

Dann stell die Ebene einfach vorher schon transparent, dann scheint das eigentliche Bild ja durch und du kannst es relativ genau einplanen.

Weißt du, wie ich meine?

Ja, denke schon. Werds jetzt direkt ausprobieren, melde mich dann nochmal zwinker


-remeld- nicht geschafft-