Formen zu Bild hinzufügen

[LinLa]

Hallo zusammen,

ich bin ganz neu hier und für euch ist das wahrscheinlich eine ganz triviale Frage, aber:
Wie kann man an ein Bild eine Form dranhängen?

Ich habe gar keine Erfahrung mit Bildbearbeitung usw. und besitze Paint und Photoscape und bei einem Familienmitglied habe ich auch noch Zugriff auf Photoshop. Da ich eine Homepage gestalte, muss ich manchmal mit Bildern viel herumprobieren (Größe, Qualität usw.) und jetzt eben ein weißes Rechteck an Bilder dranhängen, damit sie anders dargestellt werden.

Bei Paint z.B. habe ich es aber nur hinbekommen dass das Rechteck IM Bild ist. Aber es soll außen an 2 Seiten hinzu kommen.

Vielen Dank für Hilfe!

 

[lonicera66]

eine leere Seite mit den gewünschten Maßen erstellen, das Bild als neue Ebene einfügen und platzieren. den "Überstand" in der gewünschten Farbe wählen, fertig.

 

[LinLa]

Danke für deine Antwort, aber von welchem Bildbearbeitungsprogramm redest du denn? Könntest du das noch etwas genauer beschreiben?
Tut mir Leid, aber ich habe echt gar keine Vorerfahrung damit

 

[lonicera66]

Photoshop kann das ganz toll.

Nun arbeite ich nicht mit Photoshop und kenne die Bezeichnungen dort nicht, aber ich versuche es mal ganz einfach mit eigenen Worten.

Du hast das Foto in 10x15cm. Du möchtest auf jeder Seite eine 10x5cm Rechteck dazu.

Also öffnest Du Dir in Photoshop ein neues Projekt und gibst das Maß des Bildes+der beiden Rechtecke als Gesamtgröße ein. (10x25cm)

Das Foto wird als eine neue Ebene geöffnet und in das Projekt eingefügt und platziert.

Nun hast Du rechts und links vom Bild Freiflächen (die Rechtecke, die Du anfügen willst).
Die füllst Du mit der Farbe Deiner Wahl, setzt alle Ebenen zusammen und hast Dein neues Bild mit Rand.

 

[ASretouch]

In Ps gewünschte Hintergrundfarbe für den Rahmen einstellen.
Dann auf Bild - Arbeitsfläche gehen, relativ aktivieren und die Rahmenbreite x 2 als Maße eingeben.

 

[MichaelN]

Wenn ich das richtig vermute, das Du Abstand rechts und links zum Bild haben willst, dann lös das einfach in HTML indem Du im CSS-Style zum Bild einfügst:

	border-radius:10px;
	box-shadow: 8px 8px 7px #666;
	border:none;
	margin-left:20px;
	margin-right:20px;

Also wirklich relevant sind nur die margin-Befehle, aber der Rest macht es schön ;-)