{"id":9359,"date":"2014-03-18T12:12:14","date_gmt":"2014-03-18T11:12:14","guid":{"rendered":"http:\/\/www.nerd-o-mania.de\/wordpress\/?p=9359"},"modified":"2017-03-15T23:14:32","modified_gmt":"2017-03-15T22:14:32","slug":"prsentiert-doch-mal-screenshots-de-luxe-dank-photoshop-mock-ups-kinderleicht","status":"publish","type":"post","link":"https:\/\/www.nerd-o-mania.de\/wordpress\/2014\/03\/prsentiert-doch-mal-screenshots-de-luxe-dank-photoshop-mock-ups-kinderleicht\/","title":{"rendered":"pr&auml;sentiert doch mal Screenshots de Luxe &ndash; dank Photoshop Mock-ups kinderleicht"},"content":{"rendered":"<h2>..oder Photoshop Smart Objekts \u2013 das ideale Tool um fotorealistische Visualisierungen zu erstellen.<\/h2>\n<p align=\"justify\">Wirft man das Wort Mock-Up in den Raum, werden die meisten erst mal verst\u00e4ndnislos die Stirn runzeln. Nicht zu Unrecht, denn mir selber war der Begriff bis vor kurzem noch unbekannt. Das Wort Mock-up bedeutet eigentlich Attrappe. Mehr dazu k\u00f6nnen interessierte in der <a href=\"http:\/\/de.wikipedia.org\/wiki\/Mock-up\" target=\"_blank\" rel=\"noopener\">Wikipedia<\/a> dazu lesen.<\/p>\n<p align=\"justify\">Mehr durch Zufall bin ich bei <a href=\"http:\/\/www.Themeforest.org\" target=\"_blank\" rel=\"noopener\">www.Themeforest.org<\/a> bzw. dem angeschlossenem Graphicriver Bereich damit in Kontakt gekommen und fand das wirklich beeindruckend. Denn damit er\u00f6ffnen sich tolle M\u00f6glichkeiten Dinge mit Photoshop in einer fotorealistischen Umgebung darzustellen. Eine kleine Vorschau wie so etwas aussehen k\u00f6nnte, habe ich in <a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/blog\/2014\/02\/20\/das-nerd-o-mania-magazin-ist-da-endlich\/\" target=\"_blank\">diesem Beitrag<\/a> gezeigt. Auch die Abbildungen der T-Shirts in meinem Shop sind mit Hilfe von Smart Objekten entstanden, da ich nicht f\u00fcr jede Farbe ein T-Shirt bedrucken lassen wollte. <a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/iPhone-5.png\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: left; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"iPhone-5\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/iPhone-5_thumb.png\" alt=\"iPhone-5\" width=\"229\" height=\"400\" align=\"left\" border=\"0\" \/><\/a>Daran sieht man auch, wo man es einsetzen kann, und wie viel Geld es einem sparen kann. Man muss f\u00fcr Modeaufnahmen nicht in sonnige Gefilde reisen, sondern kreiert die Bilder f\u00fcr den Katalog gleich auf dem PC- bei Bedarf mit dem passenden Umfeld.<\/p>\n<p>Das soll als Vorwort reichen \u2013 kommen wir direkt zu einem Beispiel, damit Du siehst was ich meine:<\/p>\n<p align=\"justify\">Das was Du links siehst, sieht aus wie ein in einem professionellem Fotostudio aufgenommenes Foto\u00a0 von einem IPhone. Doch tats\u00e4chlich handelt es sich um eine Attrappe, die mittels Photoshop, Smart-Objekten und dem einblenden von Ebenen erzeugt worden ist.<\/p>\n<p align=\"justify\">Nur der Sperrbildschirm ist echt, bzw. wurde der von mir auf meinem IPhone erstellt. Danach wurde der als Grafik exportiert und in Photoshop deckungsgleich auf das entsprechende Smartobjekt kopiert. Da Smart-Objekte die Eigenschaften des \u00fcbergeordneten Objekts annehmen,\u00a0 f\u00fcgen Sie sich ohne erkennbaren Unterschied in das Gesamtobjekt ein.\u00a0 So kann man einen simplen Screenshot wesentlich schicker darstellen. Da die Smartobjekte meistens in tats\u00e4chlicher Pixelgr\u00f6\u00dfe des Originals sind (der Bildschirm des Iphone 4 also in 960 x 640 Pixel), hat man das Objekt in Originalgr\u00f6\u00dfe und kann dann auch hochwertige Printouts erstellen. <a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/mockup-Detail.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: right; padding-top: 0px; padding-left: 0px; margin: 10px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"mockup Detail\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/mockup-Detail_thumb.jpg\" alt=\"mockup Detail\" width=\"420\" height=\"310\" align=\"right\" border=\"0\" \/><\/a><\/p>\n<p align=\"justify\">Im rechten Bild sieht man, wie dies in Originalgr\u00f6\u00dfe dargestellt wird. Sowohl das IPhone als auch der ins Bild montierte Screenshot wirken aus einem Guss. Doch damit sind die M\u00f6glichkeiten von Photoshop und Smart Objekten noch lange nicht ausgereizt. Da sich Ebenen duplizieren lassen \u2013 und die damit verbundenen SmartObjekte, kann man Ebenen wie Scheiben \u00fcbereinander stapeln, verschieben, ausblenden ineinanderkopieren \u2013 und was man eben sonst so alles in Photoshop mit Ebenen anfangen kann.<\/p>\n<p align=\"justify\">Dazu kommt ein wirklicher Bildbearbeitungs-Quantensprung: 3D! In den neuen Photoshop-Versionen ist die M\u00f6glichkeit gegeben wie in 3dsmax von Autodesk Objekte dreidimensional zu bearbeiten. Das bedeutet, das IPhone l\u00e4sst sich mittels Maus in jede Lage drehen, schwenken, kippen \u2013 und es sieht immer so aus als w\u00e4re es plastisch (w\u00fcrde man ein Bild kippen, w\u00fcrde es irgendwann nicht mehr zu sehen sein, weil es flach auf dem Boden liegt und ein zweidimensionales Objekt nun mal keine H\u00f6he hat). Dazu hat Photoshop einen eigenen Renderer an Bord, der die einzelnen Bereiche des Bildes dann berechnet. Ebenso lassen sich Lichtquellen erstellen \u2013 und deren Parameter wie Helligkeit, Lichtabnahme, Schattenwurf. Damit ist Photoshop weit mehr als nur ein Bildbearbeitungsprogramm. Nat\u00fcrlich sind die Funktionen im Vergleich mit 3ds max abgespeckt \u2013 aber das Ergebnis kann sich durchaus sehen lassen und die gerenderten Grafiken haben durchaus fotorealistische Qualit\u00e4t.<\/p>\n<p align=\"justify\"><em>(untere Grafik: mittels kopierter Ebenen verschiedene Screenshots wie F\u00e4cher angeordnet. So kann man in einer Grafik mehrere Screenshots zeigen, ohne dass es langweilig aussieht)<\/em><\/p>\n<p align=\"justify\"><a href=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/iPhone-4S-multiscreenshot.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"iPhone-4S-multiscreenshot\" src=\"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/iPhone-4S-multiscreenshot_thumb.jpg\" alt=\"iPhone-4S-multiscreenshot\" width=\"658\" height=\"548\" border=\"0\" \/><\/a><\/p>\n<p align=\"justify\">Unter normalen Umst\u00e4nden w\u00fcrde ich ja gerne hier weiter auf das Thema Smartobjekte eingehen \u2013 am besten mit einem Tutorial. Allerdings ist das Thema zu komplex um in einem einzelnen Beitrag das umfassend zu erkl\u00e4ren &#8211; und seien wir ehrlich: dadurch, dass die Leser eh nicht mehr kommentieren ist meine Lust hier noch stundenlang ein Tutorial dazu zu schreiben quasi nicht mehr existent. Deshalb auch nur noch die Info: das gibt\u2019s, ich find\u2019s toll, und wenn Ihr\u2019s braucht sucht euch die Infos mit google zusammen<\/p>\n<p align=\"justify\">\u00a0Na gut, ich will mal nicht so sein &#8211; ein gutes Tutorial auf English gibt&#8217;s <a href=\"http:\/\/www.pixeden.com\/psd-tutorials\/how-to-make-a-catalog-photoshop-mockup-tutorial\" target=\"_blank\" rel=\"noopener\">hier<\/a>.<\/p>\n<p align=\"justify\"><span style=\"color: #888888;\"><em>Datum letzte \u00c4nderung: 19.03.2014 07:56 Uhr<\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>..oder Photoshop Smart Objekts \u2013 das ideale Tool um fotorealistische Visualisierungen zu erstellen. Wirft man das Wort Mock-Up in den Raum, werden die meisten erst mal verst\u00e4ndnislos die Stirn runzeln. Nicht zu Unrecht, denn mir selber war der Begriff bis vor kurzem noch unbekannt. Das Wort Mock-up bedeutet eigentlich Attrappe. Mehr dazu k\u00f6nnen interessierte in &hellip;<\/p>\n","protected":false},"author":11,"featured_media":9358,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_post_was_ever_published":false},"categories":[5,19,16],"tags":[26,27,215],"class_list":["post-9359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer","category-angetestet-software-und-apps","category-werbung-andere-lugen","tag-3d-visualisierung","tag-3ds-max","tag-photoshop"],"jetpack_featured_media_url":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-content\/uploads\/2014\/03\/iPhone-4S-multiscreenshot_thumb-e1396365292110.jpg","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts\/9359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/comments?post=9359"}],"version-history":[{"count":0,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/posts\/9359\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/media\/9358"}],"wp:attachment":[{"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/media?parent=9359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/categories?post=9359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nerd-o-mania.de\/wordpress\/wp-json\/wp\/v2\/tags?post=9359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}