PDA

Vollständige Version anzeigen : Grafik zurecht schneiden


aBanDon
26.01.11, 20:27
Hey, kann jmd von euch die Grafik zurecht schneiden?

Alles unter dem brauen Balken der Grafik muss weg. Der Balken selbst und alles darüber soll vorhanden bleiben. Mein Programm bekommt das leider nicht hin.

http://img535.imageshack.us/i/videosektion.jpg/

gelöschter User
26.01.11, 20:29
Wasch mein Auto :emo_biggr

phoenix
26.01.11, 20:30
Wenn Dein Programm das nicht hinbekommt, versuchs mal mit MS-Paint. Selbst das Programm kann n Stück von ner Grafik abschneiden ;)

Wasch mein Auto

Das kommt noch dazu. Wären wir ein Dienstleistungsforum, müssten wir ja Rechnungen schreiben ;)

Snaptu
26.01.11, 20:56
Hallo,

ein Tipp wäre auch wenn du dir GIMP! installierst ist gratis und kann viel.

aBanDon
26.01.11, 21:21
Hey, mit Paint funzt das net^^

Ich kann zwar en stück ausschneiden, aber das nihm dann die Farbe weiß an - soll aber komplett weg sein

tuffenuff
26.01.11, 21:24
https://www.photoshop-cafe.de/bildupload/pics/sonst/1296073424_videosektion Kopie.png

phoenix
26.01.11, 21:38
Hey, mit Paint funzt das net^^

Du hast kein Wort von Transparenz geschrieben. Gimp war übrigens ne sehr gute Empfehlung.

Snaptu
27.01.11, 08:22
Hey, mit Paint funzt das net^^

Ich kann zwar en stück ausschneiden, aber das nihm dann die Farbe weiß an - soll aber komplett weg sein

Dann ist deine Ebene gesperrt und du musst zuerst mit Doppelklick auf die Ebene
die sperre lösen dann ist es auch nachher Transparent.
Um Transparent zu speichern nutzt man .png oder .gif zum speichern.

phoenix
27.01.11, 09:51
Paint kann doch Transparenz?

aBanDon
27.01.11, 14:12
Danke für das Bild tuffenuff. Leider ist es noch als ganzes vorhanden, zwar transparent aber das hilft mir leider nicht weiter.

Der transparente Teil soll komplett weg d.h. nicht mehr in der Bilddatei drinne sein. Ist das möglich?

Danke für eure Antworten! :emo_biggr

phoenix
27.01.11, 14:14
Der transparente Teil soll komplett weg d.h. nicht mehr in der Bilddatei drinne sein. Ist das möglich?



Du möchtest also gerne eine Dreieckige Grafikdatei haben? :goldcup:

:drunk:

aBanDon
27.01.11, 14:16
Jopp xD

tuffenuff
27.01.11, 14:21
Zeig mal bitte eine Grafik, die nicht vierreckig ist. :emo_biggr

Jede Grafikdatei ist viereckig. Immer.
Es ist anders gar nicht möglich. ;)

aBanDon
27.01.11, 14:30
Mist das hab ich befürchtet - schade. Das BIld soll auf ner Webseite eingesetzt werden. Dann muss ich wohl ne Html bzw CSS Lösung finden.

phoenix
27.01.11, 14:34
Die Lösung lautet Transparenz und GIF/PNG.

gelöschter User
27.01.11, 14:34
Der transparente Teil wird doch gar nicht angezeigt, wenn es ´ne Gif oder PNG-Datei ist!
Kannste doch einfach einsetzen.
Und wenn du das Dreieck gerne in einem anderen Winkel haben möchtest, dann dreht man sich das im Bildbearbeitungsprog. entsprechend hin und speichert es dann so mit transparenten Bereichen ab.

Snaptu
27.01.11, 18:03
Ich glaube er meint eher das vielleicht ein Text in den Transparenten Teil des Bildes hineinragt dann musst du es mit CSS lösen, das ist wahr.

aBanDon
29.01.11, 23:02
Hi, jo Snaptu hat recht.

Das Bild sollte als eine Art Hintergrund dienen, Text hat vorrang und soll vor bzw in das Bild mit hineinfliesen. Somit nützt mir der transparente Teil recht wenig.

Eine CSS bzw HTML Lösung wirft leider immer neue Probleme auf. Hätte ja sein können das man das Bild speziel bearbeiten kann^^

Aber tuffenuff hat recht :D ich habe auch noch nie eine Grafik gesehen die nicht viereckig ist :)

phoenix
29.01.11, 23:15
Das Bild sollte als eine Art Hintergrund dienen, Text hat vorrang und soll vor bzw in das Bild mit hineinfliesen. Somit nützt mir der transparente Teil recht wenig.

Eine CSS bzw HTML Lösung wirft leider immer neue Probleme auf. Hätte ja sein können das man das Bild speziel bearbeiten kann^^

Soviel Blödsinn an einem Stück hab ich schon lange nicht mehr gelesen.

Der transparente Teil kann Dir recht viel nützen und eine CSS Lösung mit dem Tag background-image: ist die Lösung Deines Problems, neue Probleme sind dabei nicht auszumachen, höchstens Denkfehler ;)

aBanDon
30.01.11, 10:42
Kann man en Hintergrundbild mit einem Hyperlink versehen? Nein!
Da hast du z.b. das 1. Problem

Du kannst doch gar nicht wissen welche Probleme sich auftun, da du ja nicht weißt was genau ich vorhab :emo_biggr

Außerdem ist mein gesamtes Template schon mit Hintergrundbildern voll gepflastert und Hintergrundbild über Hintergrundbild kann auch problematisch werden.

Naja will jetzt nicht in einem Photoshop-Forum ne Diskussion über CSS & HTML anfangen :frieden:

phoenix
30.01.11, 16:45
Kann man en Hintergrundbild mit einem Hyperlink versehen? Nein!
Da hast du z.b. das 1. Problem

Leg ein nicht sichtbares Objekt drüber, z.B. <a> mit display:block und width/height. Oder nutz n Framework wie JQuery/Prototype um das Element mit dem Hintergrundbild klickbar zu machen und als Link zu verwenden.

Es gibt immer ne Lösung ;)

Naja will jetzt nicht in einem Photoshop-Forum ne Diskussion über CSS & HTML anfangen

Gibts extra n Unterforum. Wäre halt sinnvoll wenn Du mal darstellst was Du umsetzen möchtest anstatt merkwürdige Fragen zu stellen ;)

aBanDon
30.01.11, 20:26
Mkay, Ziel ist es das Bild in der größe Breite200px Höhe115px darzustellen und zwar an dieser Stelle:

http://img522.imageshack.us/i/unbenannt129.jpg/

Ihr seht das der Text nicht in das Bild bzw. den Hintergrund schreibt was einfach scheiße aussieht. Das soll geändert werden.


Das Problem mit dem Hyperlink hat sich mit dem Block lösen lassen.



Das steht in meiner CSS-Datei:

}
#body_bttm div.hintergrund{
background:url(Bild/Videosektion.png);background-position:0px 0px;width:200px;height:115px;
float:right;


Und das auf der Page wo das Bild bzw der Hintergrund erscheinen soll:

<a href="Video-Archive.html" style="display:block;width:200px;height:115px;float:right ;"><div class="hintergrund"></div></style></a>



Wenn wer den richtigen Code kennt möchte er den doch bitte posten den mit selfhtml etc... will es bei mir einfach nicht klappen.

phoenix
30.01.11, 21:52
http://photoshop-cafe.de/phoenix/undef/abandon/ecke.html

Schau Dir das mal an. Ist sogar Ylloh sicher :whistling:

aBanDon
30.01.11, 22:28
Wenn du es jetzt noch schaffst das Bild komplett transparent zumachen und ohne es zu stark zu verpixeln auf die Größe 200 Breite und 115 Höhe zu skalieren verneige ich mich vor dir meister :ok:

http://img191.imageshack.us/i/videosektion.png/



ps: Ähm sag mal hast du photoshop-cafe mit gegründet?

phoenix
30.01.11, 23:31
Ist absichtlich nicht komplett transparent damit du besser siehst was was ist. Brauchst ja nur die Grafik austauschen (GIMP schon geladen?). Und die px Werte anzupassen solltest Du auch hinbekommen denk ich mal.

aBanDon
31.01.11, 11:57
Also Gimp habe ich - nur noch nie damit gearbeitet.

Kann ich mit Gimp auch transparent machen? Das Bild wäre mir transparent lieber.

heikehk
31.01.11, 12:28
GIMP ist ziemlich mächtig, wenn auch für einen Photohop-User etwas gewöhnungsbedürftig.
Die Transparenz bekommst Du im allgemeinen über das Dateiformat, in dem Du speicherst. Für Dateien mit Transparenz im Netz ist das GIF oder PNG, wobei PNG den Vorteil hat, dass hier Transparente Verläufe schöner dargestellt werden und den Nachteil, dass ältere Internet-Explorer sie nicht mögen und aus diesem Grund noch eine spezielle Fehlerbehandlung nötig ist.

Gruß
Heike

phoenix
31.01.11, 12:51
Wenn Du Webseiten bastelst, brauchst Du sowieso ein Grafikprogramm, kannst ja nicht für jeden Grafikschnippsel wen anders anhauen. Ausserdem hat tuffy Dir doch hier schon die Grafik transparent eingestellt: http://photoshop-cafe.de/forum/showpost.php?p=167070&postcount=6

Ich würde sie aber nochmal neu machen, durch deine JPG Version ist die mit deutlichen Artefakten übersäht.

aBanDon
31.01.11, 13:11
Ja aber tuffy hat nur die eine Ecke transparent gemacht ( was zu dem Zeitpunkt ja auch so gewollt war). Ich hätte diesmal gern das gesamte Bild transparent damit es sich reibungslos dem braunen Hintergrund anpasst. Jetzt sieht man noch feine Ränder da Paint nicht genau den Farbhintergrund übernommen hat...


Also ich öffne Gimp. Dann kann ich da die Pixel eingeben wie groß das Bild werden soll und dann sepciherere ich es als png ab. Ende.

ps: Hoffe ich stelle eure Geduld nicht zu stark auf die Probe :emo_biggr

phoenix
31.01.11, 13:16
Und was passiert nachdem Du machst? Hinbekommen? Eher nicht vermute ich ;)
Wenn alles transparen sein soll, was soll dann überhaupt noch auf der Grafik drauf sein?

aBanDon
31.01.11, 13:22
Ich kann es erst heut abend ausprobieren.

Der schräge Balken und die grüne Schrift soll vorhanden bleiben.

ps: Aber jo ich denke das mit dem transpirieren geht in die Hose

gelöschter User
31.01.11, 13:25
Ich glaube, ich hab´s kapiert, du willst eine teilweise transparente Grafik,
sozusagen wie ein Blatt Butterbrotpapier, durch das man dann quasi hindurch-
schauen kann, oder!?
Also wie eine Ebene, mit Deckkraft 50%, durch die man dann alles Drunterliegende sieht.
Ich wüßte nicht, dass sowas seitens des Grafikprogramms möglich ist.
Irgendwo hab´ ich aber mal sowas proggrammiertechnisch gesehen.
Also, dass die eingefügte Grafik über den Quellcode auf "halbdurchsichtig" gestellt wurde.
Aber frag mich nicht wie das funzt.

heikehk
31.01.11, 13:31
Tja, da wirst Du das Ganze eben noch mal neu machen müssen.
Entweder mit der 30 Tage Lizenz von Photoshop zum Testen oder mit Gimp.

Du brauchst eine Ebene für das Dreieck.
Auswahl in Form eines Dreiecks machen (am Besten mit dem Lasso, wie das mit Gimp geht ???)...
Fläche mit Farbe Füllen.
Ebenendeckkraft auf den Gewünschten Prozentsatz stellen.
Dann schriftebene drüber
Schriftebene drehen , so dass es passt.
Dann das Ganze erstmal als PSD Speichern (geht auch in Gimp - Damit Du es jederzeit nochmal modifizieren kannst)
Dann als PNG oder GIF mit Transparenz speichern.


feddisch

Gruß
Heike

phoenix
31.01.11, 14:37
Also, dass die eingefügte Grafik über den Quellcode auf "halbdurchsichtig" gestellt wurde. Aber frag mich nicht wie das funzt.

opacity:0.5;

gelöschter User
31.01.11, 14:40
Na, da weiß es ja einer. :ok:

heikehk
31.01.11, 14:41
klappt das denn in allen Browsern?

phoenix
31.01.11, 14:48
Bei allen die zählen. MS hat den 6er Support eingestellt, ergo ist der vernachlässigbar inzwischen. Programmiert ja auch keiner mehr für Windows 2.0

heikehk
31.01.11, 15:19
Aber das opacity gilt dann wahrscheinlich für das ganze Bild, d.h. auch die Schrift wird dann halbtransparent....
Ich würde korrekte Bilder bevorzugen...
Dieses opacity ist wohl eher was für Hintergründe...
Gruß
Heike

phoenix
31.01.11, 15:31
Abandon braucht das nicht, das war nur die Antwort auf fadamis Frage. Brauchen kann man das für alles Mögliche.

heikehk
31.01.11, 17:15
Yupp, war ja nur als Hinweis für Abandon gedacht ;)

aBanDon
31.01.11, 19:18
Abandon gehts supi da alles so ist wie ich mir das zu 95% vorgestellt hab :) danke Leutz.

Achja die Umstellung von Paint auf Gimp war die beste Entscheidung in meiner bisherigen Laufbahn als Grafikkünstler :goldcup:

penguin
31.01.11, 19:22
die Umstellung von Paint auf Gimp war die beste Entscheidung in meiner bisherigen Laufbahn als Grafikkünstler
Haha... Mein Zitat des Tages! 10 Punkte! :)

phoenix
31.01.11, 19:38
Doch noch ein gutes Ende genommen :clap:
Der Thread hat auch wirklich Spass gemacht :emo_biggr

heikehk
31.01.11, 21:04
Freut mich ;)
Aber vielleicht steigst Du ja dann doch irgendwann mal auf PSE um :whistling: