{"id":1582,"date":"2011-02-22T19:50:15","date_gmt":"2011-02-22T17:50:15","guid":{"rendered":"https:\/\/blog.andere-sichtweise.de\/?p=1582"},"modified":"2011-03-14T11:20:51","modified_gmt":"2011-03-14T09:20:51","slug":"tutorial-ansichtskartenlayout-mit-gimp","status":"publish","type":"post","link":"https:\/\/blog.andere-sichtweise.de\/?p=1582","title":{"rendered":"Tutorial: Ansichtskartenlayout mit GiMP"},"content":{"rendered":"<p style=\"text-align: justify;\">Hier mal eine kleine Anleitung, wie man mit wenigen Schritten Ansichtskarten in GiMP erstellen kann. Eine Ansichtskarte kommt mit einem einfachen Rahmen und ein wenig Text perfekt zur Geltung. Die Anleitung hierzu habe ich in der Spezialausgabe &#8222;c&#8217;t special Digitale Fotografie Oktober-Dezember 2010&#8220; gefunden.<\/p>\n<p style=\"text-align: justify;\"><!--more--><\/p>\n<ul>\n<li> <strong style=\"font-size: 11pt; color: #008800;\">Schritt 1 &#8211; Layoutkarte<\/strong>\n<ul>\n<li style=\"text-align: justify;\">eine neue Datei erstellen (<em><strong>Datei -&gt; Neu<\/strong><\/em>)<\/li>\n<li style=\"text-align: justify;\">Im Dialog folgende Einstellungen vornehmen:\n<ul>\n<li>Ma\u00dfeinheit von Pixel auf Milimeter<\/li>\n<li>Breite auf 170 mm und H\u00f6he auf 120 mm<\/li>\n<li style=\"text-align: justify;\">Bei &#8222;Erweiterte Einstellungen&#8220; die X-Aufl\u00f6sung auf 200 Pixel\/Inch festlegen (durch die Verkettung \u00e4ndert sich die Y-Aufl\u00f6sung automatisch mit)<\/li>\n<li>Als Farbraum lassen wir RGB und bei F\u00fcllung w\u00e4hlen wir Wei\u00df.<\/li>\n<\/ul>\n<\/li>\n<li style=\"text-align: justify;\">diese neue Datei speichern (z.B. als Kartenlayout.xcf), da wir sie sp\u00e4ter ben\u00f6tigen<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Der Einstellungsdialog sieht wie folgt aus:<\/p>\n<p style=\"text-align: justify;\">\n<figure id=\"attachment_1627\" aria-describedby=\"caption-attachment-1627\" style=\"width: 150px\" class=\"wp-caption aligncenter\"><a rel=\"lytebox[karte]\" href=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-1627\" title=\"anklicken f\u00fcr gro\u00dfe Darstellung\" src=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto1-150x150.png\" alt=\"anklicken f\u00fcr gro\u00dfe Darstellung\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-1627\" class=\"wp-caption-text\">anklicken f\u00fcr gro\u00dfe Darstellung<\/figcaption><\/figure>\n<ul>\n<li><strong style=\"font-size: 11pt; color: #008800;\">Schritt 2 &#8211; Bild bearbeiten<\/strong>\n<ul>\n<li style=\"text-align: justify;\">Hier bearbeiten wir das Bild, das wir in der Ansichtskarte anzeigen lassen wollen und dazu m\u00fcssen wir es nat\u00fcrlich \u00f6ffnen (<em><strong>Datei -&gt; \u00d6ffnen<\/strong><\/em>)<\/li>\n<li style=\"text-align: justify;\">die Gr\u00f6\u00dfe des Bilds anpassen indem wir auf <em><strong>Bild -&gt; Skalieren<\/strong><\/em> gehen und die x-Aufl\u00f6sung auf 300 Pixel\/Inch stellen, um dann die Breite auf 136 mm zu stellen (vorher die Ma\u00dfeinheit nat\u00fcrlich auf Milimeter stellen). ACHTUNG! Die H\u00f6he wird automatisch mitge\u00e4ndert, was so jedoch auch korrekt ist.<\/li>\n<li style=\"text-align: justify;\">Nach der Gr\u00f6\u00dfen\u00e4nderung ist das Bild f\u00fcr die Ansichtskarte leider noch etwas zu hoch und daher m\u00fcssen wir es noch auf die richtige Gr\u00f6\u00dfe zuschneiden. Unten Links sollte man die Einheit wieder auf Milimeter stellen, dann kann man das Bild auf ca. 80mm zuschneiden.<\/li>\n<li style=\"text-align: justify;\">Nun legen wir noch einen sch\u00f6nen und einfachen Rahmen um das Bild indem wir auf <em><strong>Filter -&gt; Dekoration -&gt; Rand hinzuf\u00fcgen<\/strong><\/em> klicken. Die Randgr\u00f6\u00dfe x und y wird jeweils auf 7 gesetzt und die Farbe auf 4e4e4e (HTML-Notation). Die Farb\u00e4nderung setzten wir auf 25 (je h\u00f6her der Wert ist, desto mehr Farben und desto plastischer wirkt der Rahmen)<\/li>\n<li>Nachdem wir auf OK geklickt haben, wird eine neue Rahmen-Ebene generiert, daher klicken wir auf <em><strong>Bild -&gt; Bild vereinen<\/strong><\/em> um die Ebenen zu verschmelzen<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Der Einstellungsdialog zur Bild-Skalierung sieht wie folgt aus:<\/p>\n<figure id=\"attachment_1628\" aria-describedby=\"caption-attachment-1628\" style=\"width: 150px\" class=\"wp-caption aligncenter\"><a rel=\"lytebox[karte]\" href=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-1628\" title=\"anklicken f\u00fcr gro\u00dfe Darstellung\" src=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto2-150x150.png\" alt=\"anklicken f\u00fcr gro\u00dfe Darstellung\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-1628\" class=\"wp-caption-text\">anklicken f\u00fcr gro\u00dfe Darstellung<\/figcaption><\/figure>\n<ul>\n<li><strong style=\"font-size: 11pt; color: #008800;\">Schritt 3 &#8211; Bilder zusammenf\u00fcgen<\/strong>\n<ul>\n<li style=\"text-align: justify;\">In diesem Schritt wird das Foto in das vorbereitete Layout eingef\u00fcgt, hierzu wechseln wir \u00fcber das Men\u00fc Fenster in die Datei &#8222;Kartenlayout.xcf&#8220;<\/li>\n<li style=\"text-align: justify;\">Nun klicken wir im Ebenendialog ganz oben in das Pulldown-Men\u00fc und w\u00e4hlen unser Foto aus<\/li>\n<li style=\"text-align: justify;\">Jetzt sehen wir im Ebenendialog das Foto und im Bildfenster die noch leere Karte. Wir ziehen mit gedr\u00fcckter Maustaste die Aufnahme aus dem Ebenendialog auf die leere Karte und lassen dann die Maustaste los. Das Foto liegt nun zentriert auf der Ansichtskarte.<\/li>\n<li style=\"text-align: justify;\">Wir wechseln nun via Men\u00fc Fenster zur\u00fcck auf die Karte.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong style=\"font-size: 11pt; color: #008800;\">Schritt 4 &#8211; Beschriftung<\/strong>\n<ul>\n<li style=\"text-align: justify;\">Das Foto liegt nun genau mittig auf der Karte. Wir wollen das Bild nun etwas h\u00f6her positionieren, damit wir darunter Platz f\u00fcr den Text haben. Mit der M-Taste aktivieren wir den Verschiebemodus. Nun halten wir die Shift-Taste gedr\u00fcckt und dr\u00fccken die Pfeil-Hoch-Taste, wodurch das Foto um 25 Pixel (ca. 2,2mm) verschoben wird (ohne Shift-Taste bewegen wir das Bild in kleineren Schritten).<\/li>\n<li style=\"text-align: justify;\">Nun k\u00f6nnen wir den Text einf\u00fcgen indem wir aus dem Werkzeugkasten das Texttool ausw\u00e4hlen (T) und folgende Einstellungen vornehmen:\n<ul>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Schrift:<\/span> Trebuchet MS<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Gr\u00f6\u00dfe:<\/span> 5 mm (vorher auf Milimeter umstellen)<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Hinting:<\/span> aktiviert<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Kanten gl\u00e4tten:<\/span> aktiviert<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Farbe:<\/span> 4e4e4e<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Ausrichtung:<\/span> zentriert<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Zeichenabstand:<\/span> 57<\/li>\n<\/ul>\n<\/li>\n<li style=\"text-align: justify;\">Nun klicken wir in das Bild und ziehen einen Rahmen f\u00fcr den Text (am besten gleich \u00fcber die gesamte Breite, denn dann ist der Text automatisch zentriert). Im nun erscheinenden GiMP-Text-Editor geben wir nun den Text ein und ziehen den Rahmen ggf. mit der Maus an die richtige Stelle.<\/li>\n<li style=\"text-align: justify;\">Abschlie\u00dfend dekorieren wir nun noch den Text mit einem Schatten. Hierzu klicken wir auf <em><strong>Filter -&gt; Licht und Schatten -&gt; Schlagschatten<\/strong><\/em> und nehmen im Dialog folgende Einstellungen vor:\n<ul>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Versatz x:<\/span> 5<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Versatz y:<\/span> 5<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Weichzeichenradius:<\/span> 15<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Deckkraft:<\/span> 64<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Farbe:<\/span> schwarz<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Der Text-Einstellungsdialog sieht wie folgt aus:<\/p>\n<p style=\"text-align: justify;\">\n<figure id=\"attachment_1629\" aria-describedby=\"caption-attachment-1629\" style=\"width: 150px\" class=\"wp-caption aligncenter\"><a rel=\"lytebox[karte]\" href=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-1629\" title=\"anklicken f\u00fcr gro\u00dfe Darstellung\" src=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto3-150x150.png\" alt=\"anklicken f\u00fcr gro\u00dfe Darstellung\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-1629\" class=\"wp-caption-text\">anklicken f\u00fcr gro\u00dfe Darstellung<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">und der Schlagschattendialog sieht wie folgt aus:<\/p>\n<p style=\"text-align: justify;\">\n<figure id=\"attachment_1630\" aria-describedby=\"caption-attachment-1630\" style=\"width: 150px\" class=\"wp-caption aligncenter\"><a rel=\"lytebox[karte]\" href=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-1630\" title=\"anklicken f\u00fcr gro\u00dfe Darstellung\" src=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/Bildschirmfoto4-150x150.png\" alt=\"anklicken f\u00fcr gro\u00dfe Darstellung\" width=\"150\" height=\"150\" \/><\/a><figcaption id=\"caption-attachment-1630\" class=\"wp-caption-text\">anklicken f\u00fcr gro\u00dfe Darstellung<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><strong>Fertig!<\/strong> Schon haben wir eine sch\u00f6ne Ansichtskarte, wie man sie auch auf im Urlaub verschickt. Hier mal ein Beispiel:<\/p>\n<p style=\"text-align: justify;\">\n<figure id=\"attachment_1622\" aria-describedby=\"caption-attachment-1622\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a rel=\"lytebox[karte]\" href=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1622\" title=\"Vorher\" src=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial-300x199.jpg\" alt=\"Vorher\" width=\"300\" height=\"199\" srcset=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial-300x199.jpg 300w, https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1622\" class=\"wp-caption-text\">Vorher<\/figcaption><\/figure>\n<figure id=\"attachment_1623\" aria-describedby=\"caption-attachment-1623\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a rel=\"lytebox[karte]\" href=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial-Karte.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1623\" title=\"Nachher\" src=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial-Karte-300x194.jpg\" alt=\"Nachher\" width=\"300\" height=\"194\" srcset=\"https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial-Karte-300x194.jpg 300w, https:\/\/blog.andere-sichtweise.de\/wp-content\/uploads\/2011\/02\/fuer_Tutorial-Karte.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1623\" class=\"wp-caption-text\">Nachher<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Hier mal eine kleine Anleitung, wie man mit wenigen Schritten Ansichtskarten in GiMP erstellen kann. Eine Ansichtskarte kommt mit einem einfachen Rahmen und ein wenig Text perfekt zur Geltung.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,248],"tags":[318,317,316,319,343,1018],"class_list":["post-1582","post","type-post","status-publish","format-standard","hentry","category-technik","category-tutorial","tag-anleitung","tag-ansichtskarte","tag-gimp","tag-hilfe","tag-howto","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=\/wp\/v2\/posts\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1582"}],"version-history":[{"count":50,"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1766,"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=\/wp\/v2\/posts\/1582\/revisions\/1766"}],"wp:attachment":[{"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.andere-sichtweise.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}