Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Grafik zurecht schneiden (https://www.photoshop-cafe.de/forum/showthread.php?t=11293)

aBanDon 26.01.11 20:27

Grafik zurecht schneiden
 
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 ;)

Zitat:

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

Zitat:

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

Zitat:

Zitat von aBanDon (Beitrag 167068)
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

Zitat:

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

Zitat:

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

Zitat:

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 ;)

Zitat:

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;floa t: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/und...ndon/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/showp...70&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

Zitat:

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 ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:33 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02807 Sekunden mit 8 Queries