{"id":563,"date":"2010-03-26T15:09:05","date_gmt":"2010-03-26T14:09:05","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=563"},"modified":"2010-03-26T15:09:59","modified_gmt":"2010-03-26T14:09:59","slug":"logodesign-transparenz-illu-id","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/indesign\/logodesign-transparenz-illu-id","title":{"rendered":"Logodesign: Transparenzinteraktion zwischen Illustrator und InDesign"},"content":{"rendered":"<p><strong>[SACHA HECK]<\/strong> Gerade heute ist mir wieder ein Logo aufgefallen wo ein typischer Fehler unterlaufen ist und wo man als Logodesigner acht geben sollte beim Erstellen der Datei.<\/p>\n<p>Ich m\u00f6chte hier nicht das Original-Logo abbilden, deshalb hier ein \u00e4hnliches \u00bbTestlogo\u00ab:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-564\" title=\"testlogo\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo.jpg\" alt=\"\" width=\"451\" height=\"366\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo.jpg 451w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo-300x243.jpg 300w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/p>\n<h2>Das Problem<\/h2>\n<p>Dieses Logo importieren wir jetzt in InDesign mit Apfel(Strg)-D und setzen es auf eine gelbe Fl\u00e4che z.B.:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-565\" title=\"teslogo_gelbe_flaeche_ID\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/teslogo_gelbe_flaeche_ID.jpg\" alt=\"\" width=\"410\" height=\"344\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/teslogo_gelbe_flaeche_ID.jpg 410w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/teslogo_gelbe_flaeche_ID-300x251.jpg 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/p>\n<p>Bis jetzt ist alles ok. Aber der Schreck kommt wenn das Ganze gedruckt wird. Schon auf dem Laserdruckerausdruck entsteht folgendes Bild:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-566\" title=\"testlogo_verfaerbt\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_verfaerbt.jpg\" alt=\"\" width=\"378\" height=\"292\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_verfaerbt.jpg 378w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_verfaerbt-300x231.jpg 300w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/p>\n<p>Ups, das rechte Quadrat ist auf einmal Gr\u00fcn anstatt Blau &#8230; Was ist hier passiert? \u00dcbrigens kann man das falsche Ergebnis auch schon visualisieren wenn in InDesign die \u00dcberdruckenvorschau angeschaltet wird. Und das ist schon ein Hinweis auf den Fehler. Wenn man die Datei in Illustrator \u00f6ffnet, sieht man, dass das rechte Quadrat auf Multiplizieren gestellt wurde. Eben um den Effekt zu erzeugen, dass die Intersektion der beiden sich \u00fcberlagernden Quadrate mit einer anderen Farbe gef\u00fcllt wird.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-567\" title=\"testlogo_multipizieren\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_multipizieren.jpg\" alt=\"\" width=\"500\" height=\"280\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_multipizieren.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_multipizieren-300x168.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Im Gegensatz zu den Transparenzmodi in Photoshop, werden die Einstellungen in Illustrator von InDesign erkannt, da diese auf dem PDF Objekt-Modell basieren. Das hei\u00dft dieses Multiplizieren wirkt auch noch in InDesign. Steht das Logo auf wei\u00df, stellt sich das Problem gar nicht aber sobald es wie in unserem Beispiel auf einen Hintergrund gesetzt wird, tritt der Fehler auf.<\/p>\n<h2>Die L\u00f6sung: Der Pathfinder<\/h2>\n<p>Wie kann man das nun reparieren? Ganz einfach: Man nimmt den Pathfinder zu Hilfe um aus den zwei sich \u00fcberlagernden Quadraten, drei Objekte zu machen. Wir w\u00e4hlen also die zwei Quadrate aus und w\u00e4hlen im Pathfinder-Panel den ersten Button \u00bbDivide\u00ab:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-568\" title=\"testlogo_pathfinder\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_pathfinder.jpg\" alt=\"\" width=\"500\" height=\"282\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_pathfinder.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_pathfinder-300x169.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Jetzt haben wir drei Objekte. Das blaue Quadrat mit dem wei\u00dfen Pfeil anw\u00e4hlen und auf \u00bbnormal\u00ab stellen:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-569\" title=\"testlogo_normal\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_normal.jpg\" alt=\"\" width=\"500\" height=\"325\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_normal.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_normal-300x195.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Zur\u00fcck nach InDesign und unser Logo im Verkn\u00fcpfungen-Panel aktualisieren &#8230;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-570\" title=\"logo_aktualisieren\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/logo_aktualisieren.jpg\" alt=\"\" width=\"294\" height=\"150\" \/><\/p>\n<p>&#8230; und alles stimmt wieder:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-571\" title=\"testlogo_fehler_behoben\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_fehler_behoben.jpg\" alt=\"\" width=\"376\" height=\"302\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_fehler_behoben.jpg 376w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/03\/testlogo_fehler_behoben-300x240.jpg 300w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/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%2Findesign%2Flogodesign-transparenz-illu-id&text=Logodesign%3A%20Transparenzinteraktion%20zwischen%20Illustrator%20und%20InDesign\" 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%2Findesign%2Flogodesign-transparenz-illu-id\" 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%2Findesign%2Flogodesign-transparenz-illu-id\" 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>Gerade heute ist mir wieder ein Logo aufgefallen wo ein typischer Fehler unterlaufen ist und wo man als Logodesigner acht geben sollte beim Erstellen der Datei.<\/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,3],"tags":[98,426,424,97,96,51,72,99],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/563"}],"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=563"}],"version-history":[{"count":4,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/563\/revisions"}],"predecessor-version":[{"id":686,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/563\/revisions\/686"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}