Box-Design mit Photoshop
Viele Produkte und Ideen gibt es heute nur noch virtuell und zum Download im Netz. Um sie greifbarer zu machen, werden sie gern online in einer Box dargestellt. Und so wird es in loser Folge auf screenz Aktionen geben, mit denen sich solche Hüllen ohne großen Aufwand gestalten lassen. Die Aktion eignet sich auch sehr schön um größere Icons oder Symbole zu erstellen.
Um eine Box wie sie oben dargestellt ist in Photoshop zu gestalten, müssen einfach nur Aktion und Photoshop-Vorlage heruntergeladen und angepasst werden. Wie das geht zeigt der Screencast.
Update: Version 0.6: Photoshop CS, Deutsch und Englisch
Die erste Version 0.5 machte im englischen Photoshop Probleme. Version 0.6 sollte nun auch auf dem englischen PS, Mac ein akzeptables Ergebnis erzielen. Außerdem sollte die Aktion nun auch in Photoshop CS funktionieren.
Version 0.5: Photoshop CS2, Deutsch
Viel Spaß!
06.07.2006 Rubrik: Aktionen, Screencasts, Tutorials. . Trackback-URL. RSS 2.0 Feed für die Kommentare.
6. Juli 2006, am frühen Abend
Absolut magic. Fantastisch!!! Vielen Dank!
6. Juli 2006, am frühen Abend
große Klasse, wirklich!
Nur funktioniert es bei mir nocht so, wie bei Ihnen im Cast – mit welcher Version entstand das Screencast? Bei mir scheint etwas mit der Auswahl nicht zu klappen – die Aktion kann den Befehl “Auf eine Ebene reduzieren” nicht nutzen.
6. Juli 2006, am frühen Abend
Hallo Hannes, die Aktion wurde mit CS2 erstellt. Es handelt sich wahrscheinlich um das Kommando \”Gruppe zusammenführen\”, das alle Ebenen einer Gruppe auf eine reduziert. Ich weiß leider nicht, ob es CS2 spezifisch ist.
6. Juli 2006, abends
schick siehts aus :)
tut mir leid das ich immer alles nieder machen muss. aber wer würde ernsthaft auf die idee kommen sein produkt in einem pixelbasierten programm anzulegen. vektorbasierte wie freehand oder fürs web fireworks ist da wohl ein besserer einsatz.. pshop is für bildbearbeitung – nicht zum layouten. die actions spielereien sind trotzdem schön :)
6. Juli 2006, abends
Jim, da der Ausgangspunkt hier natürlich Vektorebenen sind, ist es eigentlich egal. Man kann so was doch heute ganz leicht im Photoshop machen und die Belichtung, Schatten etc. sind im Photoshop schon um einiges einfacher als im Illu. Deshalb bekommen viele Vektorgrafiken im Photoshop ja auch den letzten Schliff. Wenn man es genau nimmt, wäre hier wohl eher 3D gefragt, denke ich.
Und so eine kleine Aktion zeigt ja nur einen Bruchteil, von dem was möglich ist und soll in diesem Falle ja auch möglichst einfach zu guten Ergebnissen führen.
7. Juli 2006, furchtbar früh am Morgen
Wie ich grad bemerkt habe, ist diese Action leider nicht im englisch sprachige PS ausführbar.
In unserer Firma wird leider nur englische Software verwendet. (Ständig wechselnde ausländische Mitarbeiter)
7. Juli 2006, früh am Morgen
Hallo Stefan, wann bricht er denn ab? Ich habe momentan keine Möglichkeit, die engl. Version zu testen. Der einfachste Weg, ist die Schritte, die PS Probleme bereiten dann einfach im englischen PS noch einmal aufzunehmen.
7. Juli 2006, früh am Morgen
Hallo Manuela,
erstmal großes Kompliment an Dich für die Podcasts und auch screenz.de
Die Box ist sehr interessant, nur hab ich ein kleines Problem mit der atn.
Wenn ich alles in “originalzustand” ausführe, oder auch veränderungen durchgeführt habe, ist die Tranzparenz genau verkehrt herum. Siehe Bild:
http://www.ralf-dengel.de/4images/details.php?image_id=333
7. Juli 2006, am Vormittag
Das Problem von Ralf kann ich (Windows, Photoshop CS2) bestätigen. Genau so sieht das Ergebnis auch bei mir aus :(
7. Juli 2006, am Vormittag
schön währe es jetzt, auch nicht quadratische, also z.B. hochkant stehende Boxen zu erzeugen :)
7. Juli 2006, am Vormittag
Ralf und Thomas, vielen Dank für das Feedback! Gibt es eine Fehlermeldung? Ich habe am Anfang der Aktion exta ein Reset der Standardfarben eingebaut, so dass dieses Problem nicht auftreten sollte.
Wolfgang, das kommt in einer späteren Aktion, oder Du setzt Dich selbst ran :).
7. Juli 2006, am Vormittag
Nein, es wird kein Fehler ausgegeben. Die Aktion wird ganz normal abgearbeitet.
7. Juli 2006, am späten Vormittag
Hallo,
ich habe genau das gleiche Problem mit der englischen Version von Photoshop. Bei mir bricht es ab bei dem Schritt – Select layer “Seite Kopie”. Da der Layer auf englisch “Seite copy” heißt kann diese Ebene nicht gefunden werden. Das gleiche passiert bei dem Aktionsschritt – Select layer “Ebene 3″. Hier heißt die Ebene “Layer 3″.
Wie kann man die einzelnen Schritte denn ändern?
7. Juli 2006, am späten Vormittag
Ich auch, ich auch …!
Spiegelung verkerht herum & das Bild ist unten abgeschnitten …
http://www.flickr.com/photos/waldstein/183956527/
Liegt’s an mir oder an der Aktion? Hätt’ die doch so gern funktionierend, macht was her, so ’ne box.
Ansonsten: wirklich klasse hier, macht immer wieder Spaß!
7. Juli 2006, am späten Vormittag
sorry, die tech. Details:
Mac, PhotoShop CS2.
7. Juli 2006, mittags
Der untenstehende Link sollte allen behilflich sein welche die BoxDesign Aktion an die englische Photoshop Version anpassen wollen. Der Beitrag beschreibt zwar die Anpassung von Englisch nach Deutsch, doch intelligente Leser werden den Tipp bestimmt anwenden können.
http://www.photoshop-weblog.de/?p=411
7. Juli 2006, mittags
@nightshifter: Habe alle Schritte angepasst.
Irgendetwas ist da trotzdem schief gelaufen: http://www.flickr.com/photos/bartekk/183980372/
Ansonsten tolle Aktion.
7. Juli 2006, mittags
Ich habe mal eine andere Version hochgeladen. Download hier. Tritt das Problem im deutschen Photoshop noch auf?
Thomas, ich glaube, das ist was schiefgegangen bei der Anpassung, denn die Layerpositionen stimmen nicht.
7. Juli 2006, mittags
Klappt super bei mir. WinXP und PS CS2. DANKE!
7. Juli 2006, nachmittags
hallo zusammen, hab mir grad das QT angeschaut und frage mich nun,
sollte aus einer quadratischen fläche in der perspjektive nicht ein objekt werden welches kleiner als die fläche selbst ist? Laut mathematischen Grundregeln schon, auch wenn der winkel hier keine 45° sind.
Oder narrt mich mein Auge?
7. Juli 2006, am späten Nachmittag
killywilly, wie wäre es, wenn Du Dich da selbstmal ransetzt und und die perfekte Aktion zum kostenlosen Download spendierst? Geht’s noch?
7. Juli 2006, am frühen Abend
Nein,
geht nicht, sieht aber anders falsch aus jetzt … ich verlink das jetzt mal nicht.
Hab übrigens die deutsche creative suite cs2, wie gesagt auf’m mac … schade schade, die Boxen sehen doch so gut aus …
Kannst Du die spiegelung nicht einfach weg lassen? Die kann man doch hinterher nich dazu zaubern …
thnx,
hhp.
7. Juli 2006, abends
Hallo Hanno, danke für das schnelle Feedback. Die Spiegelung muss schon irgendwie bei Zeiten mit rein, denn später ist sie schwerer reinzubekommen. Ich habe jetzt am Wochenende keine Zeit, werde aber noch eine Version erstellen, die hoffentlich klappt und auch ohne CS2 funktioniert. Gebt mir nur ein wenig Zeit :).
Kannst Du mir ein Bild per Mail senden, so dass ich sehen kann, wo es jetzt hapert? Danke!
7. Juli 2006, spät Abends
klar, kann alles, bin der größte …
… und bloß keine Hetze mit der nächsten Version, hab zZt leider eh’ viel zu wenig Zeit um ausführlich Phtotshop zu spielen.
Schönes WE,
hhp.
8. Juli 2006, mitten in der Nacht
aha…so wird hier mit kontruktiver kritik umgegangen…
auf wiedersehen !
8. Juli 2006, mittags
mit ein paar anpassung händisch in den ebenen klappt es auch in der englischen version von photoshop sehr gut. in der neuen datei “Layer” gegen “Ebenen” austauschen (copy ‘n paste) und “Copy” gegen “Kopie”. o.k., ein workaround, aber man kommt doch recht schnell zum ergebnis…
8. Juli 2006, mittags
ich mische mich bei so etwas sonst nie ein aber es fällt mir auf das killywilly selbst auch nicht mit kritik umgehen kann.
das auf wiedersehen ist auch unnötig da nicht die redaktion schlecht mit kritik umgegangen ist sondern ein einziger leser.
weis auch garnicht warum sich einige immer beschweren müssen. was man hier und in anderen blogs “kostenlos” geboten bekommt ist manchmal mehr als wenn man geld für diverse bücher oder dvds ausgibt.
8. Juli 2006, nachmittags
ich habe mich nich beschwert…ich hab nur gesagt das die form in der räumlichen darstellung nich korrekt dargestellt wird. und dabei bleibe ich auch…ich wollte damit eigentlich einen anstoss dazu geben um evtl. verbessungen vorzunehmen.
der rest is ansichstssache.
in diesem sinne.
10. Juli 2006, mittags
Ich finde, dass killywilly seine Ansicht, sehr sachlich vorgetragen hat. Kein Grund gleich überzureagieren. Im Übrigen hat er Recht mit dem was er sagt, was aber den Wert des Tutorials und der von Manuela erarbeiteten Dateien in keinster Weise schmälert. Ich sehe das als einen Korrekturvorschlag.
10. Juli 2006, mittags
Ich habe den Kommentar von killywilly als sachlichen Hinweis verstanden. Die vorgetreagenen Meinungen in den Kommentaren spiegeln subjektive Ansichten wider, nicht meine. Mit den Kommentaren wird hier so verfahren, dass jeder seinen gesunden Menschenverstand benutzt und ich Kommentare nur moderiere, wenn dieser nicht zu erkennen ist ;). Das war allerdings noch nie nötig.
10. Juli 2006, mittags
Hallo Manuela,
das Problem ist immer noch das gleiche, die Transparenz der Spiegelung liegt in der top, seite und front ebene. Das letzte Freistellen in der Aktion schneidet den unteren Bereich mit der Spiegelung ab.
11. Juli 2006, nachmittags
Hallo, ich bin mir sicher, dass die Aktion ansich funktioniert, aber sie ist halt nur für CS2 ausgelegt und das besitz ich nicht. Vielleicht können Sie ja mal sagen, wie man den Befehl “auf eine ebene reduzieren” bearbeiten kann, sodass es auch bei photoshop CS(1) klappt.
11. Juli 2006, am frühen Abend
nein in cs2 läuft die aktion auch nicht richtig. die spiegelung wird über den boxen angezeigt und die sichtbaren boxen selbst sind über die hälfte abgeschnitten.
11. Juli 2006, am frühen Abend
Die Aktion läuft in CS2 perfekt, siehe Screencast. Wenn ich wüsste, welche Einstellung dafür verantwortlich ist, dass sie auf einigen Maschinen nicht läuft, wären wir schon einen Schritt weiter.
11. Juli 2006, abends
Also ich habe gerade mal die Aktion mehr oder weniger Schrittweise ausgeführt (siehe Anhang) ich weiss zwar nicht genau was da schiefläuft, aber für mich sieht es aus, als ob irgendwas mit der Auswahl nicht richtig klappt (pdf ab Seite 10).
Ich hoffe dass Du dadurch etwas weiterkommst!
Anhang:
http://www.ralf-dengel.de/4images/details.php?image_id=479
12. Juli 2006, früh am Morgen
Vielen Dank für die Information. Ich es gibt nun eine Version 0.6, die im englischen Photoshop CS und im deutschen CS2 getestet wurde.
12. Juli 2006, mittags
spitze, ich habe die 06 gerade getestet WinXP/ CS2. Die Aktion läuft erstklassig!!
Vielen Dank dafür,
Ralf
12. Juli 2006, mittags
Hallo Ralf, danke Dir für die Hilfe! Freut mich, dass es endlich klappt.
12. Juli 2006, nachmittags
die aktion scheint schon besser zu laufen. leider stimmt das ergebnis bei mir nicht. siehe link: http://static.flickr.com/57/188059196_bf2977016a.jpg?v=0
13. Juli 2006, früh am Morgen
Hallo nightshifter, das ist korrekt. So schaut das Ergebnis momentan aus.
13. Juli 2006, abends
Die neue Version 0.6 funktioniert jetzt auch bei mir (PS CS1) !
Sehr schön. Allerdings wäre es cool, wenn das Ergebnis trotzdem so wir vorher aussehen könnte mit gleichlanger kantenlänge des würfels…. bis dahin aber schon sehr gut.
15. Juli 2006, am frühen Abend
Hallo, habe da mal eine Frage, wie man die Aktion in Photoshop hinein bekommt?
MFG Jannik
15. Juli 2006, am frühen Abend
Sorry, sorry, sorry, habe es harausgefunden *grummel* Hat sich versteckt…. dieses Fenster…. Sorry
MfG Jannik
18. Juli 2006, nachts
Bei CS2 Deutsch aufm MAC geht es jetzt mit der Version 0.6en. Allerdings genauso verzerrt wie im Posting von nightshifter…
Ansonsten wirklich klasse ! Danke!
21. Juli 2006, mittags
Hallo
Tolle sache die Boxen !!und überhaupt die screenz.
Helfen einem doch sehr einblick in Photoshop zu bekommen.
Bei mir läufts leider nur bis zum Protokollpinsel und sagt dann das die Aktuelle Arbeitsfläche nicht der größe des Protokoobjekts entspricht
27. Juli 2006, nachmittags
Hi Manuela,
klasse so einfach und schnell habe ich noch nie ein Box hinbekommen. Klasse wäre noch die Abmessungen der Box anpassen zu können. Damit es nicht immer nur ein Würfel wird. Oder geht das bereits?
Beste Grüße
Jens
27. Juli 2006, am frühen Abend
Hallo Jens, nein das geht bisher leider nicht, denn Photoshop ist so variabel nicht. Aber ich werde weitere Aktionen dieser Art veröffentlichen, z.B. für E-Books und DVDs. Momentan habe ich leider nur allerhand Arbeit und komme einfach nicht dazu.
31. Juli 2006, am frühen Abend
[...] [...]
31. August 2006, mittags
[...] Link zum Tutorial [...]
17. September 2006, früh am Morgen
hm.. ich kann die dateien auf meinen mac irgend wie nicht runterladen, kann mir vielleicht jemand helfen ??? wenn ich auf die psd klicke dann kommt da nur so ein bild und wenn ich auf die aktion klicke dann kommt nur zahlenwirrwar. liegt das an safari???
24. September 2006, am späten Vormittag
Das ist genau das was ich suche… Wollte “Produkte” anbieten, die grafisch als eine Box dargestellt werden.
Daumen hoch @ Manuela
12. Dezember 2006, abends
wirklich eine super sache!
habe mir beide versionen der aktion runtergeladen aber bekomme leider kein vernünftiges ergebnis :(
bei mir treten folgende fehler auf…
photoshop cs (mac) … perspektive stark verzerrt
photoshop cs2 (mac) … nach der meldung “der befehl “bewegen” ist zzt. nicht verfügbar” wird das erbgebnis sehr “durcheinander”
jemand eine idee?!
22. Januar 2007, am frühen Abend
wieder n klasse tut!
23. Januar 2007, furchtbar früh am Morgen
Einfach toll. Mit etwas anlauf hat alles geklappt
9. Februar 2007, am Vormittag
ein schönes tutorial. wenn die box jedoch eine würfelform
haben soll, dann stimmen die winkel so nicht!
5. März 2007, abends
Du hast eine echt schöne Stimme …
Bin froh die Seite gefunden zu haben.
Gruß
Norman
9. März 2007, nachts
Hallo Manuela,
deine Boxen-Action ist echt toll. Leider klappt es bei mir nicht richtig, es kommt die Fehlermeldung “Bewegen aktueller Ebene nicht verfügbar” Kannst du mir da auf die Sprünge helfen?
Ich verwende CS2 auf XP und habe deine Version 6.0 runtergeladen.
Schon mal vielen Dank im Voraus
Gruß Mike
23. März 2007, am späten Nachmittag
Hallo Manuela,
vielen Dank für den Artikel. Wenn Du wüsstest, wie lange ich schon nach einer entsprechenden PSD-Vorlage gesucht habe, echt super ;-)
Gruß aus Hannover
Sven
19. August 2007, nachts
sehr schönes tutorial, vielen dank … ich füge den link gleich zu meiner webseite ein :) .
7. Dezember 2007, früh am Morgen
[...] die ihr oben sehen könnt, stammt aus einer Photoshop-Aktion, die Manuela Hoffmann auf screenz.de veröffentlicht hat. Bei mir sieht die Box zwar etwas verzogen aus, aber der Screencast zum [...]
12. Dezember 2007, am Vormittag
Servus,
interessante Sache – kann man die Aktion auch irgendwie so anpassen, dass ich im Endeffekt eine CD-Hülle habe?
Also das ganze etwa sflacher als die Box?
16. Januar 2008, früh am Morgen
[...] AW: Design Realisieren hier gibts z.B. eins: Box-Design mit Photoshop – Screenz.de [...]
14. August 2008, am späten Nachmittag
Bei mir klappt GAR NICHTS! Bei allem heißt es “nicht verfügbar” oder Programmfehler… :o(
11. Oktober 2008, mittags
Ich habe ein US Prodkt gekauft:
“Hot Graphics Product”
Damit kann man 3d boxes machen. Dabei ist ein Action Srcipt:
PLR eBox eCover.atn
Wenn ich das mit Photoshop 7.0 laufen lasse, geht es 15 Schritte durch und bleibt dann stehen bei:
“Erstellen Textebene”
und es kommt die Meldung:
“Konnte den Befehl nicht bearbeiten, weil ein Programmfehler aufgetreten ist.”
Hilfe!!!!!!!!!!!!
Wie kriege ich das Ding zum Laufen?
Ich will es haben, die Boxes und eBook Covers sehen echt klasse aus …
Manuela, wenn ich Dir die Datei schicke, kannst Du sie hinkriegen?
7. November 2008, am späten Nachmittag
Wow, was für ein hilfreiches Tool.
14. April 2009, abends
Nicht schlecht, wow, gefällt mir sehr gut …
18. Februar 2010, am frühen Nachmittag
Moin alle zusammen
danke erstmal für diesen tollen screencast und die ressourcen dazu! Großes Lob an die Macherin.
So nun zu meinem Problem..
ich habe PS CS4 unter Win7 und da hat des mit den aktinen nicht ganz hin…
die würfel kommen gut zustande… nur die front ist so wie sie ist sprich nicht perspektivisch verzerrt, sondern in 2d ansicht.
hier seht ihr, was ich meine: http://www.reality-hosting.de/shop-bilder/video/basic.png
woran liegt das?
Gruß Adrian S.