{"id":139,"date":"2018-03-18T17:11:50","date_gmt":"2018-03-18T16:11:50","guid":{"rendered":"http:\/\/test.ekiwi.de\/?p=139"},"modified":"2018-03-18T17:11:50","modified_gmt":"2018-03-18T16:11:50","slug":"verpackung-erstellen-boxshot-in-photoshop","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/139\/verpackung-erstellen-boxshot-in-photoshop\/","title":{"rendered":"Verpackung erstellen (Boxshot) in Photoshop"},"content":{"rendered":"<p>Dieser Workshop beschreibt die Erstellung einer virtuellen Verpackung in Photoshop. Prinzipiell lassen sich die Schritte aber auch auf jedes andere Bildbearbeitungsprogramm \u00fcbertragen.<\/p>\n<p><!--more--><\/p>\n<p>Im ersten Schritt m\u00fcssen die Front und die Seite in Photoshop ganz normal als Bild erstellt werden. Beide Bilder m\u00fcssen die gleiche H\u00f6he haben (anklicken zum vergr\u00f6\u00dfern):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_1.png\" alt=\"\" width=\"422\" height=\"237\" class=\"alignnone size-full wp-image-140\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_1.png 422w, \/wp-content\/uploads\/2018\/03\/boxshot_1-300x168.png 300w\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" \/><\/p>\n<p>Generell sollten die Grafiken immer in einem gro\u00dfen Format abgespeichert werden. Das fertige Ergebnis kann sp\u00e4ter problemlos verkleinert werden, wohingegen eine gr\u00f6\u00dfere Variante, z.B. f\u00fcr den Druck, immer eine Neuerstellung der ganzen Grafik mit sich bringt.<\/p>\n<p>Beide Teilbilder werden nun in ein neues gr\u00f6\u00dferes Bild eingef\u00fcgt:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_2_schritt_klein.jpg\" alt=\"\" width=\"300\" height=\"236\" class=\"alignnone size-full wp-image-141\" \/><\/p>\n<p>In der Ebenen\u00fcbersicht klicken Sie mit der rechten Maustaste jeweils auf die Ebene und w\u00e4hlen im Men\u00fc &#8222;F\u00fclloptionen&#8220;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_2.png\" alt=\"\" width=\"274\" height=\"193\" class=\"alignnone size-full wp-image-142\" \/><\/p>\n<p>Es erscheint der folgende Dialog:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_3_schritt_kante.png\" alt=\"\" width=\"465\" height=\"300\" class=\"alignnone size-full wp-image-143\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_3_schritt_kante.png 465w, \/wp-content\/uploads\/2018\/03\/boxshot_3_schritt_kante-300x194.png 300w\" sizes=\"auto, (max-width: 465px) 100vw, 465px\" \/><\/p>\n<p>Geben Sie hier der Ebene jeweils eine Kontur (Rand) mit der gew\u00fcnschten Farbe und der gew\u00fcnschten Dicke. Die Dicke der Kontur h\u00e4ngt hier von der Bildgr\u00f6\u00dfe ab.<\/p>\n<p>Anschlie\u00dfend sollte Ihr Bild in etwa so aussehen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_3_schritt_mit_kontur.jpg\" alt=\"\" width=\"380\" height=\"300\" class=\"alignnone size-full wp-image-144\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_3_schritt_mit_kontur.jpg 380w, \/wp-content\/uploads\/2018\/03\/boxshot_3_schritt_mit_kontur-300x237.jpg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/p>\n<p>Im vierten Schritt werden wir nun die beiden Teile der &#8222;Verpackung&#8220; perspektivisch verzerren. Markieren Sie zuerst die Ebene der Frontseite in der Ebenen\u00fcbersicht. Rufen Sie anschlie\u00dfend \u00fcber das Men\u00fc &#8222;Bearbeiten&#8220; -> &#8222;Transformieren&#8220; -> &#8222;Perspektisch verzerren&#8220; die entsprechende Photoshopfunktion auf.<\/p>\n<p>Ziehen Sie nun die Grafik auf der linken Seite zusammen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_perspektive.jpg\" alt=\"\" width=\"350\" height=\"275\" class=\"alignnone size-full wp-image-145\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_perspektive.jpg 350w, \/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_perspektive-300x236.jpg 300w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/p>\n<p>Das Bild sieht durch Verzerrung etwas l\u00e4nger aus, daher sollten Sie beim Verzerren gleich die Breite verkleinern. Tragen Sie daher im Feld Breite beim Verzerren einen kleineren Wert ein. 75% der Originalbreite ist ein Wert der in den meisten F\u00e4llen passt. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_breite.png\" alt=\"\" width=\"501\" height=\"53\" class=\"alignnone size-full wp-image-146\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_breite.png 501w, \/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_breite-300x32.png 300w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/p>\n<p>Anschlie\u00dfend sollte das Bild wie folgt aussehen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_nach_breite.jpg\" alt=\"\" width=\"320\" height=\"252\" class=\"alignnone size-full wp-image-147\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_nach_breite.jpg 320w, \/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_nach_breite-300x236.jpg 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/p>\n<p>Wiederholen Sie die Schritte ebenfalls f\u00fcr die Seitenfl\u00e4che, die Verzerrung wird hier nat\u00fcrlich auf der anderen Seite durchgef\u00fchrt. Anschlie\u00dfend werden die beiden Ebenen so angeordnet, dass die beiden Seiten sich ber\u00fchren:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_ende.jpg\" alt=\"\" width=\"320\" height=\"251\" class=\"alignnone size-full wp-image-148\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_ende.jpg 320w, \/wp-content\/uploads\/2018\/03\/boxshot_4_schritt_ende-300x235.jpg 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/p>\n<p>Damit ist die Box im Prinzip schon fertig und kann in der gew\u00fcnschten Gr\u00f6\u00dfe exportiert werden. Damit die ganze Sache anschlie\u00dfend noch etwas plastischer aussieht, f\u00fcgen wir noch einen Schatteneffekt hinzu.<\/p>\n<p>Wir zeichnen an der unteren Ecke einfach ein schwarzes Dreieck in einer neuen Ebene. Auf diese Ebene wenden wir anschlie\u00dfend den Gaussschen-Weichzeichner an und setzen die Deckkraft der Ebene hinab. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_5_schritt_1.jpg\" alt=\"\" width=\"258\" height=\"144\" class=\"alignnone size-full wp-image-149\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_5_schritt_6.jpg\" alt=\"\" width=\"226\" height=\"118\" class=\"alignnone size-full wp-image-150\" \/><\/p>\n<p>Vor und Nach dem Weichzeichner<\/p>\n<p>Fertig, das Ergebnis sehen Sie hier: <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/03\/boxshot_ergebnis.jpg\" alt=\"\" width=\"355\" height=\"300\" class=\"alignnone size-full wp-image-151\" srcset=\"\/wp-content\/uploads\/2018\/03\/boxshot_ergebnis.jpg 355w, \/wp-content\/uploads\/2018\/03\/boxshot_ergebnis-300x254.jpg 300w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Dieser Workshop beschreibt die Erstellung einer virtuellen Verpackung in Photoshop. Prinzipiell lassen sich die Schritte aber auch auf jedes andere<\/p>\n","protected":false},"author":1,"featured_media":152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[19,23],"class_list":["post-139","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unkategorisiert","tag-grafik","tag-photoshop"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/139","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=139"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/139\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/152"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}