{"id":130,"date":"2018-03-18T17:05:20","date_gmt":"2018-03-18T16:05:20","guid":{"rendered":"http:\/\/test.ekiwi.de\/?p=130"},"modified":"2018-03-18T17:05:20","modified_gmt":"2018-03-18T16:05:20","slug":"spiegeleffekt-mit-photoshop","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/130\/spiegeleffekt-mit-photoshop\/","title":{"rendered":"Spiegeleffekt mit Photoshop"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/130\/spiegeleffekt-mit-photoshop\/#1_Schritt\" >1. Schritt<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/130\/spiegeleffekt-mit-photoshop\/#2_Schritt\" >2. Schritt<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/130\/spiegeleffekt-mit-photoshop\/#3_Schritt\" >3. Schritt<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ekiwi.de\/index.php\/130\/spiegeleffekt-mit-photoshop\/#4_Schritt\" >4. Schritt<\/a><\/li><\/ul><\/nav><\/div>\n<p>In diesem Workshop wird beschrieben wie man einen Spiegeleffekt in Photoshop erstellt. Ein Objekt spiegelt sich am unteren Rand:<\/p>\n<p><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-131\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic4.jpg\" alt=\"\" width=\"400\" height=\"200\" srcset=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic4.jpg 400w, \/wp-content\/uploads\/2018\/03\/spiegelffekt_pic4-300x150.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"1_Schritt\"><\/span>1. Schritt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Erstellen Sie zuerst das gew\u00fcnsche Bild in Photoshop, wichtig ist, dass die einzelnen Elemente die gespiegelt werden sollen, jeweils eine extra Ebene sind:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-132\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic1.jpg\" alt=\"\" width=\"400\" height=\"200\" srcset=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic1.jpg 400w, \/wp-content\/uploads\/2018\/03\/spiegelffekt_pic1-300x150.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Schritt\"><\/span>2. Schritt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nun m\u00fcssen die gew\u00fcnschtenen Ebenen dupliziert werden. Dazu einfach in der Ebenenansicht mit Rechtsklick auf die Ebene klicken und &#8222;Ebene duplizieren&#8220; ausw\u00e4hlen.<br \/>\nAnschlie\u00dfend muss die Ebene noch gespiegelt werden, dazu die Ebene in der Ebenenansicht ausw\u00e4hlen und dann im Men\u00fc &#8222;Bearbeiten&#8220;-&#8222;Transformieren&#8220;-&#8222;Vertikal spiegeln&#8220; ausw\u00e4hlen.<\/p>\n<p>Die gespiegelte Ebene muss nun an den unteren Rand der Orginalebene geschoben werden. Das Resultat sollte nun so aussehen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-133\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic2.jpg\" alt=\"\" width=\"400\" height=\"200\" srcset=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic2.jpg 400w, \/wp-content\/uploads\/2018\/03\/spiegelffekt_pic2-300x150.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Schritt\"><\/span>3. Schritt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Anschlie\u00dfend muss der neuen Ebene (in dem Fall hier z.B. die gespiegelte Kiwi) eine Ebenenmaske hinzugef\u00fcgt werden. Dazu w\u00e4hlen Sie die Ebene aus und klicken in der Ebeneansicht auf den Button &#8222;Ebenenmaske hinzuf\u00fcgen&#8220;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-134\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_ebenenmaske.gif\" alt=\"\" width=\"25\" height=\"15\"><\/p>\n<p>Hin der Ebene sollte nun ein wei\u00dfes K\u00e4stchen erscheinen, dies muss f\u00fcr den n\u00e4chsten Schritt angew\u00e4hlt sein.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Schritt\"><\/span>4. Schritt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nun wird die Transparenz f\u00fcr die gespiegelte Ebene hinzuf\u00fcgt. W\u00e4hlen Sie daf\u00fcr das Farbverlaufstool aus.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-135\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_verlauf_2.gif\" alt=\"\" width=\"53\" height=\"51\"><\/p>\n<p>Der Farbverlauf welcher der Ebenenmaske hinzugef\u00fcgt wird muss von schwarz nach wei\u00df gehen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-136\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_verlauf.gif\" alt=\"\" width=\"28\" height=\"24\"><\/p>\n<p>Setzen Sie den Farbverlauf nun in der gespieltenen Ebene an und ziehen Sie diesen ein St\u00fcck weit nach oben (siehe Bild). Wichtig ist, dass Sie den Verlauf in der Ebenenmaske einf\u00fcgen, ansonsten wird Ihr Bild mit dem Verlauf \u00fcberschrieben.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-137\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_1.png\" alt=\"\" width=\"324\" height=\"133\" srcset=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_1.png 324w, \/wp-content\/uploads\/2018\/03\/spiegelffekt_1-300x123.png 300w\" sizes=\"auto, (max-width: 324px) 100vw, 324px\" \/><\/p>\n<p>Photoshop f\u00fcgt nun Transparenzinformationen f\u00fcr die gespiegelte Ebene hinzu, der untere Teil der gespiegelten Ebene wird transparent und es entsteht der gew\u00fcnschte Effekt.<\/p>\n<p>Dieser Schritt wird nun noch f\u00fcr den Text wiederholt und fertig ist das Bild:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-138\" src=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic41.jpg\" alt=\"\" width=\"400\" height=\"200\" srcset=\"\/wp-content\/uploads\/2018\/03\/spiegelffekt_pic41.jpg 400w, \/wp-content\/uploads\/2018\/03\/spiegelffekt_pic41-300x150.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-ico-before dashicons-admin-site\" style=\"background-color: #33809e; color: #ffffff;\" href=\"\/wp-custom\/spiegeleffekt\/ekiwi_spiegeleffekt.zip\">Download des Beispiels<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>In diesem Workshop wird beschrieben wie man einen Spiegeleffekt in Photoshop erstellt. Ein Objekt spiegelt sich am unteren Rand:<\/p>\n","protected":false},"author":1,"featured_media":106,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[8],"tags":[19,23],"class_list":["post-130","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grafik","tag-grafik","tag-photoshop"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/106"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}