Login

Petra. · (Dieser Beitrag wurde zuletzt bearbeitet: 08.01.2011, 18:55 von Petra..)

Hallo,

ich möchte mit PhotoImpact11 (leider nur wenig Kenntnisse) verschiedene Bilder, die verschiedene Größen und z. T. auch versch. Formate haben, alle in eine Form und einheitliche Größe bringen, die rundherum einen farbigen (dünnen) Rahmen (gerne Farbverlauf, aber kein Muss) haben und unter dem Bild (also ins Bild integriert) eine farbige Fläche, in die man etwas schreiben kann.

Klingt etwas kompliziert, deshalb nochmal anders erklärt: Z. B. soll ein Bild am Ende 200 x 200 Pixel groß mit abgerundeten Ecken sein, Bild aber nach Bearbeitung nur 160 x 200 px groß, die restl. 40 Px. unter dem Bild sollen die selbe Farbe haben wie der farbige Rahmen drum herum, auf den man Text platzieren kann, Das Ursprungsbild ist entsprechend größer und muss ggf. rechts und links oder oben und unten abgeschnitten werden;
das Ganze nicht zum Druck, sondern nur am Bildschirm sichtbar.

Kann mir jemand helfen, wie ich das am einfachsten realisieren kann?

Für Tipps bedanke ich mich schon mal.

Viele Grüße
Petra

Petra. · (Dieser Beitrag wurde zuletzt bearbeitet: 08.01.2011, 19:22 von Petra..)

Hallo,

ich glaube, es ist mir nicht richtig gelungen, meinen Wunsch so zu formulieren, dass genau zu verstehen ist, was ich meine (na ja, war ja auch schon spät ;-)).

Ich habe daher mal angefangen, ein Bild in "eckig" zu basteln, das ich gerne mit runden Ecken haben möchte - der rote Bereich soll alle 4 Ecken abgerundet haben, das darin enthaltene Bild soll an den oberen Ecken abgerundet werden - so dass ich ein rundherum rot eingerahmtes Bild habe, das unten drunter zusätzlich eine rote "Schreibfläche" hat.

Kann mir jemand helfen, wie ich das umsetzen kann? xmasdanke

Ich kann mir vorstellen, dass das für Euch Grundwissen der 1. Klasse Grundschule ist und Ihr Euch halb totlacht, dass ich sowas nicht hin bekomme - mein Problem ist leider, dass ich nicht weiß wie... Big Grin

LG
Petra

Bildquellenangabe: Gerd Altmann / pixelio.de

hsk · 08.01.2011, 19:26

Hallo Petra,

meinst Du in etwa sowas:

[SIZE="1]1026[/SIZE]
[Bild: 5336438386_dbe7da8ce3_m.jpg]

Automatisch in einem Schwung für mehrere Bilder wird das nicht funktionieren.
Du musst alle Fotos einzeln auf die gewünschte Form und Größe bringen.

Das Abrunden und der Freiraum für die Schrift
sind zwar kein Hexenwerk, aber doch einigermaßen arbeitsintensiv.

Ich sage mal ein paar Stichworte: Maske/Pfad, Pfad duplizieren,
unten abradieren, Auswahl einfügen, Text hinzufügen.

Wenn jemand damit etwas anfangen kann und eine elegantere
(und vor allem schnellere) Methode kennt, dann spare ich mir Weiteres.
Ansonsten kommt morgen eine Anleitung ;-)

Gruß,
Hans

Petra. · 08.01.2011, 19:31

Hallo Hans,

das sieht sehr gut aus und stark in die Richtung tendierend, die ich haben möchte. xmasdanke

Gerne warte ich auf Deine kleine Anleitung morgen (habe PI 11), freue mich aber auch über weitere Antworten mit ggf. einfacheren Lösungen.

Liebe Grüße
Petra

Jade · 08.01.2011, 21:11

Hallo Petra,

ich habe auch einen Versuch gewagt und habe eine etwas anderen Methode versucht als Hans. Hier das Ergebnis:

Nr. 1 ist 2D, Nr. 2 ist 3D.

Meine Stichworte: Pfad -> Weiterzeichnen -> Ecken abrunden nach folgender Anleitung:

http://www.juergens-workshops.de/tutoria...ow=weiterz

Liebe Grüße,

Jade

Helmut · 09.01.2011, 13:43

...
ich würd es so machen:

1. Rahmen und Füllobjekt erstellen
[Bild: 225277cc867e2233e251fe073ab17b78.jpg]

2. Mit IrfanView und der Batch Konvertierung die Bilder anpassen.
[Bild: f7ffd0baeb16440200695ad35accddd5.jpg]

3. Die Bilder auf das Füllobjekt anwenden.
[Bild: a03ceb27a6a4708ac3f196f7b977f3c9.jpg]

Das mit dem Füllobjekt spart die ganze Radiererei der Ecken, dann als PNG speichern und fertig.

[Bild: 223e6ea4f8d9738dc190c746e66f2342.png]

Falls Du die Bilder nicht fest mit dem Rahmen verbinden willst, z.B. weil die als Webseite dargestellt werden sollen, geht auch das:

1. Rahmen als PNG Datei speichern.
2. Bilder seperat speichern
3. Das ganze als HTML Datei so anlegen

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Untitled</title>

<style type="text/css">
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
padding: 0;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* Contentbox */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
margin:10px auto;
text-align:left;
width: 850px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* Bilder */
/* - - - - - - - - - - - - - - - - - - - - */
.bilder {
position: relative;
display: inline;
width: 385px;
float: left;
margin: 10px;
}

.txt {
position: absolute;
top:320px; left:20px;
z-index:1;
width: 350px;
color: #ffffff
}

</style>

</head>
<body>

<div id="inhalt">

<div class="bilder" style="background: url('bild1.jpg'); background-position: 15px 15px; background-repeat: no-repeat;"><div class="txt">Text zum Bild 1</div><img src="rahmen.png" alt="" width="393" height="393" border="0"></div>
<div class="bilder" style="background: url('bild2.jpg'); background-position: 15px 15px; background-repeat: no-repeat;"><div class="txt">Text zum Bild 2</div><img src="rahmen.png" alt="" width="393" height="393" border="0"></div>

</div>
</body>
</html>[/HTML]

So schaut das dann aus...
http://www.inspire-net.de/images/seite.html

Der Rahmen liegt hier vor dem Hintergrundbild (die Bilder an sich), darüber liegt dann noch ein Textbereich.

Cu Helmut

Jade · 09.01.2011, 16:45

Das sieht klasse aus, Helmut. Wie man sieht, führen viele Wege zum Ziel. Auf die Idee mit dem Füllobjekt bin ich garnicht gekommen, werd mirs aber merken.

Liebe Grüße,

Jade

hsk · 09.01.2011, 17:16

Meine Variante wäre die Folgende:

[SIZE="4]1.[/SIZE]

Einen rechteckigen Pfad mit Rundung aufziehen.
Wunschfarbe verpassen, Rundung einstellen.

[SIZE="1]1027[/SIZE]
[Bild: 5338716821_6f858e651e_z.jpg]

[SIZE="4]2.[/SIZE]

Pfad duplizieren (kopieren/einfügen)
und den Oberen zum Bild wandeln.

[SIZE="1]1028[/SIZE]
[Bild: 5338716977_e9c9fa1548_z.jpg]

[SIZE="4]3.[/SIZE]

Hiervon jetzt das spätere Textfeld freiradieren.
Ist die Fläche max. 500 breit, mit dem Querradierer in einem Klick,
ansonsten wie im nächsten Bild in der Einstellung 'gerade Linie',
das ergibt eine saubere und exakt horizontale Radierkante.
Auf alle Fälle für Transparenz und Vignette '0' wählen.

[SIZE="1]1029[/SIZE]
[Bild: 5338717037_481638b7df_o.jpg]

Nach diesem Schritt gleich als UFO abspeichern,
das bisherige Ergebnis dient als Passepartout
und lässt sich in Form und Farbe variieren.

[SIZE="4]4.[/SIZE]

Das Objekt, von dem Du den unteren Rand wegradiert hast,
markiert lassen und das Foto zum Einfügen in die Zwischenablage nehmen.
Dann (wichtig!) NICHT mit Rechtsklick einfügen, sondern wie unten gezeigt.

[SIZE="1]1030[/SIZE]
[Bild: 5339329338_2ae9ed8a25_o.jpg]

[SIZE="4]5.[/SIZE]

Mit Rechtsklick auf das eingefügte Foto in die Eigenschaften,
dort auf 'Position & Größe' und (grünes Häkchen nicht vergessen!)
die Höhe oder Breite solange verringern, bis der Rand abgenehm ist.

[SIZE="1]1031[/SIZE]
[Bild: 5339329650_0d36334805_b.jpg]

6.

Text dazu - fertig 8-)

[SIZE="1]1032[/SIZE]
[Bild: 5338822201_fc2c312070_o.jpg]

Anmerkung:
wenn das nach dem Radieren verbleibende Feld
nicht mit dem Format des einzufügenden Fotos übereinstimmt,
wird das Foto automatisch beschnitten.
Damit der Beschnitt nicht allzu heftig ausfällt,
gleich beim Aufziehen des Pfades und beim Radieren an die Fotoformate denken!

Gruß,
Hans

Petra. · 10.01.2011, 01:07

Hallo Jade, Hans und Helmut :-)

ganz herzlichen Dank Euch für Eure große Mühe.

Ich habe gerade geschaut, was ich am einfachsten umsetzen kann...

Mein Hauptproblem dabei, dass ich bei den meisten Sachen nicht weiß, was ich dazu brauche und was ich wo finde (ja, ich habe das Programm zwar schon länger, bin aber trotzdem totaler Anfänger, weil ich allenfalls mal einen Kantenrahmen eingebaut und Schrift auf ein Bild platziert habe, das wars...)

Einen Rahmen, wie aus Helmuts Vorschlag, habe ich unter Foto - Fotorahmen - 2D-Fotorahmen gefunden (13. Reihe rechts).
Bei "innere Form" und "äußere Form" habe ich die runden Ecken gefunden - leider gibt es bei den möglichen Formen aber keine Form, die oben abgerundet und unten gerade ist...

Ich finde, dass mein Bild sehr komisch und leider auch unschön aussieht.

Beim Schritt 2 von Helmut weiß ich nicht, wie ich dieses Füllobjekt erstelle, in das man scheinbar später Bilder einsetzen kann?
IrfanView kenne ich nicht - das ist für die einzusetzenden Bilder?

Die Idee mit den individuell austauschbaren Bildern ist vielleicht gar nicht so schlecht (aber kein unbedingtes Muss).

Beim Vorschlag von Hans weiß ich nicht, in welchem Menü ich "Werkzeugeinstellungen - Pfad" in PI 11 finde. Ich habe alle Menüpunkte durchgeguckt, hab aber nix dergleichen gesehen.

Ich komme damit leider nicht wirklich zurecht, bräuchte eine Anleitung, die sehr viel detaillierter ist, was ich Schritt-für-Schritt ganz genau machen muss und wo ich was genau finde.

Die zu schreiben sprengt verständlicherweise aber sicher den Rahmen dieses Forums hier - deshalb meine Bitte, könnte mir jemand nach Wunsch eine Vorlage erstellen (gerne auch gegen Bezahlung), in der ich Bilder und Text sehr einfach selbst austauschen kann? Eignet sich dazu Helmuts Vorlage? Angebote gerne per PN.

Vielen Dank und liebe Grüße
Petra

Lia · 10.01.2011, 03:04

Moin,

aller Anfang ist schwer, ich helf' mal, Begriffe klären.

Zitat:IrfanView kenne ich nicht - das ist für die einzusetzenden Bilder?

Irfanview ist Fotobearbeitungs- und Verwaltungsprogramm, bei dem manche Bearbeitungsschritte, wie hier das Anpassen der Bildgröße, bequemer sind als in PI.

Zitat:Beim Vorschlag von Hans weiß ich nicht, in welchem Menü ich "Werkzeugeinstellungen - Pfad" in PI 11 finde. Ich habe alle Menüpunkte durchgeguckt, hab aber nix dergleichen gesehen.

Ich hoffe, es geht auch ohne sreenshot:
In der linken Leiste findest Du die Pfadwerkzeuge, in PIX3 ist es der vierte Menüpunkt von oben. Dort findest Du das Zeichenwerkzeug. Darunter auch ein abgerundetes Rechteck. ( Auswahl in der oberen Menuleiste)
Wenn Du ein Zeichenwerkzeug benutzt, benutzt, erscheint rechts das " Werkzeugeinstellungen-Pfad-Menü, wo Du die Rundung einstellen kannst.
Bei Helmut bin ich mir nicht sicher, ob ich es wirklich in allen Zwischenschritten richtig gemacht habe, das muss er- oder jemand anders Dir dann noch erklären, auch, wenn es bei mir richtig aussieht.

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	2 abgerundete Ecken	JP_Im_Radio	2	504	08.04.2023, 08:53 Letzter Beitrag: JP_Im_Radio
	Trickkiste - Rahmen voreingestellte Kante	hexe	10	3.752	25.12.2014, 14:35 Letzter Beitrag: Gabi
	Fertige Animation -wie Rahmen?	Lona	4	1.631	21.11.2014, 18:33 Letzter Beitrag: Lona
	Rahmen	Frauke Feind	10	2.224	20.07.2014, 21:20 Letzter Beitrag: Sunny507
	Rahmen verändern?	Frauke Feind	20	3.048	02.01.2014, 13:38 Letzter Beitrag: Hanni47
	1000 Rahmen ode so	Rotuma	12	3.344	01.01.2014, 14:45 Letzter Beitrag: Jürgen
	Schrift und Rahmen am Stück	regi	5	1.317	01.03.2013, 13:15 Letzter Beitrag: regi
	Vorgetäuschtes Blatt mit Ecken darstellen	Netpower	1	1.006	11.02.2013, 14:57 Letzter Beitrag: Ettenna
	Wie bekomm ich ein Dreieck mit runden Ecken?	KA2k8	12	4.680	14.03.2012, 17:43 Letzter Beitrag: Helmut
	Schrift um Rahmen wickeln	Taddybär	6	1.572	26.07.2011, 10:51 Letzter Beitrag: Taddybär