{"id":1456,"date":"2012-06-11T15:43:32","date_gmt":"2012-06-11T14:43:32","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=1456"},"modified":"2012-06-11T15:43:32","modified_gmt":"2012-06-11T14:43:32","slug":"bild-in-text-einfuegen","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/illustrator\/bild-in-text-einfuegen","title":{"rendered":"Illustrator: Bild in Text einf\u00fcgen"},"content":{"rendered":"<p>Heute wurde ich von einer Kollegin gefragt, wie man im Illustrator denn ein Bild in den Text bekommt. Eigentlich nichts wirklich gro\u00dfes aber es klappte nicht ganz.<\/p>\n<p>In Illustrator l\u00f6st man das mit einer Schnittmaske. D.h. der Text wird \u00fcber das Bild gesetzt, dann beide ausw\u00e4hlen, Rechtsklick und \u00bbSchnittmaske erstellen (Make Clipping Mask)\u00ab w\u00e4hlen.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-1457\" title=\"clipping_mask\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/clipping_mask.jpg\" alt=\"\" width=\"520\" height=\"266\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/clipping_mask.jpg 650w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/clipping_mask-300x153.jpg 300w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/p>\n<p>Resultat:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-1458\" title=\"clipping_mask_resultat\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/clipping_mask_resultat.jpg\" alt=\"\" width=\"506\" height=\"201\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/clipping_mask_resultat.jpg 633w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/clipping_mask_resultat-300x118.jpg 300w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/p>\n<h2>Vektorisierter Text<\/h2>\n<p>In diesem Beispiel war der Text richtiger Text, also man kann ihn noch im Nachhinein ver\u00e4ndern. Was aber, wenn der Text vektorisiert vorliegt? Die gerade gezeigte Technik funktioniert dann nicht.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-1459\" title=\"vekto1\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/vekto1.jpg\" alt=\"\" width=\"520\" height=\"212\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/vekto1.jpg 650w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/vekto1-300x122.jpg 300w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/p>\n<p>Es f\u00e4ngt schon damit an, dass der Men\u00fceintrag \u00bbSchnnittmaske erstellen\u00ab nicht im Men\u00fc erscheint bei Rechtsklick. Man kann den Punkt zwar via Objektmen\u00fc ausw\u00e4hlen aber das Resultat ist nicht wie erwartet. Das Bild verschwindet und der Text wird durchsichtig &#8230;<\/p>\n<p>Die L\u00f6sung besteht hier darin, zuerst aus dem vektorisierten Text einen zusammengesetzten Pfad zu erstellen \u00fcbers Men\u00fc \u00bbObjekt \u2013 Zusammengesetzter Pfad \u2013 Erstellen (Compound Path \u2013 Make).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1460\" title=\"compound_path\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/compound_path.jpg\" alt=\"\" width=\"550\" height=\"480\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/compound_path.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/compound_path-300x261.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Danach funktioniert das mit der Schnittmaske wieder. Also wieder wie oben den vektorisierten Text, der jetzt ein zusammengesetzter Pfad ist, ausw\u00e4hlen, zusammen mit dem Hintergrundbild und dann \u00bbObjekt \u2013 Schnittmaske \u2013 Erstellen (Clipping Mask \u2013 Make)\u00ab w\u00e4hlen.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1461\" title=\"resultat_compound\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/resultat_compound.jpg\" alt=\"\" width=\"500\" height=\"189\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/resultat_compound.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2012\/06\/resultat_compound-300x113.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fillustrator%2Fbild-in-text-einfuegen&text=Illustrator%3A%20Bild%20in%20Text%20einf%C3%BCgen\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fillustrator%2Fbild-in-text-einfuegen\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Fillustrator%2Fbild-in-text-einfuegen\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Heute wurde ich von einer Kollegin gefragt, wie man im Illustrator denn ein Bild in den Text bekommt. Eigentlich nichts wirklich gro\u00dfes. In Illustrator l\u00f6st man das mit einer Schnittmaske. Wenn der Text vektorisiert vorliegt funktioniert diese Technik aber nicht ganz.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[7],"tags":[54,303,302,301,426,155,149,140],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/1456"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":4,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/1456\/revisions"}],"predecessor-version":[{"id":1465,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/1456\/revisions\/1465"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=1456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=1456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}