Schlagwort-Archive: psd

Bildbearbeitung

Vorlage für 3D Box (Produktbox, Verpackung, Schachtel) – Photoshop Tutorial

Verwende eine tolle 3D Box um Dienstleistungen oder Software dreidimensional zu präsentieren. Da Dienstleistungen und Software im Gegensatz zu realen Produkten nicht greifbar und somit auch schwierig darstellbar sind, bietet sich eine virtuelle Produktverpackung für die Veranschaulichung: „hier gibt es was, das kann man erwerben oder kaufen“ idealerweise an.

3D Box Photoshop Template

Hiermit stelle ich eine fertige Photoshop-Vorlage (Template) zur Verfügung, die sowohl für private als auch für kommerzielle Zwecke kostenlos verwendet werden dar. Über einen Backlink würde ich mich sehr freuen, ist aber nicht Pflicht!

Photoshop Vorlage (Template) 3D Box

  1. Einfach die Datei: 3D Box Template 1200 x 1600 Pixel oder die Datei 3D Box Template 260 x 350 Pixel oder die Datei 3D Box Template mit Spiegelung und Schattenwurf hier downloaden, dekomprimieren und mit Photoshop ab Version CS2 öffnen.
  2. Die Ebene Front doppelklicken um das Design der Front zu ändern. Das geöffnete Fenster schließen und speichern.
  3. Die Ebene Seite doppelklicken um das Design der Seite zu ändern. Das geöffnete Fenster schließen und speichern.
  4. Fertig ist deine individuelle Schachtel für dein Produkt, deine Dienstleistung oder deine Software.

Tutorial Photoshop Vorlage (Template) 3D Box erstellen

3D-Box mit Spiegelung und Schatten

Wer lieber die Vorlage selbst macht, weil er die 3D Box etwas anders gestalten möchte, für den habe ich unter Tutorial Photoshop 3D Box eine Anleitung geschrieben wie das geht.

Viel Spaß mit deinem neuen 3D Box Template.

Bildbearbeitung

Fotoecke mit Photoshop

Im Internet findet man zwar schon viele Tutorials für die Erstellung einer Fotoecke, ich wollte aber ohne spezielle Funktionen von Photshop Cs3 auskommen und trotzdem eine relativ schnelle und flexible Lösung finden. Ich habe mich darum entschieden die Fotoecke als Vektorform zu speichern und ihre Füllfarbe als Verlauf abzulegen. Hier nun die Vorgangsweise für die Erstellung der Fotoecke. 

Voraussetzungen:

Lade zuerst die Form und den Verlauf der Fotoecke auf deinen Pc und entpacke das Archiv in ein beliebiges Verzeichnis. Du findest darin die Dateien:

  • Fotoecke.csh
  • Fotoecke Verlauf.grd

Download Form und Verlauf Fotoecke: Fotoecke Form und Verlauf.zip (2 KByte)

Beginn Workshop:

Schritt 1

Öffne ein beliebiges Bild in Photoshop und erzeuge sofort eine neue Ebene (1), (2), welcher du den Namen Fotoecke gibst.

Fotoecke_Schritt_00

Schritt 2

Wähle das Form-Werkzeug (1) aus. Stelle in den Optionen Pixel füllen (2) und Eigene-Form-Werkzeug (3) ein und öffne anschließend die Auswahlliste der Formen (4). Nun musst du die zuvor heruntergeladene Form laden. Klicke hierfür zuerst auf den schwarzen Pfeil (5) und dann auf Formen laden (6). Nun wählst du die Datei Fotoecke.csh und klickst dann auf laden.

Fotoecke_Schritt_01

Schritt 3

Wähle nun die Form der Fotoecke aus und zeichne sie in die gewünschte Ecke deines Bildes. Die Füllfarbe der Fotoecke ist egal.

Fotoecke_Schritt_02

Schritt 4

Erstelle jetzt eine Auswahl der Fotoecke auf der Ebene Fotoecke: STRG-Taste gedrückt halten und die Ebene Fotoecke anklicken.

Schritt 5

Wähle das Verlaufswerkzeug (1) aus. Öffne anschließend die Auswahlliste der Verläufe (2). Nun musst du den zuvor heruntergeladenen Verlauf laden. Klicke hierfür zuerst auf den schwarzen Pfeil (4) und dann auf Verläufe laden (6). Nun wählst du die Datei Fotoecke Verlauf.grd und klickst dann auf laden.

Fotoecke_Schritt_03

Schritt 6

Wähle nun den Verlauf Fotoecke aus und zeichne ihn von links oben (1) nach rechts unten (2) senkrecht zur Fotoecke ein. Du kannst diesen Arbeitsschritt öfters wiederholen bis dir der Verlauf gefällt.

Fotoecke_Schritt_05

Schritt 7

Nun muss links über der Fotoecke das Bild gelöscht werden. Am besten du kehrst die Auswahl (Menü: Auswahl>Auswahl umkehren oder Tastenkombination: STRG+UMSCHALT+I), wählst die  Ebene mit deinem Bild (1) aus und löschst mit dem Radiergummi-Werkzeug (2) die linke obere Ecke (3) deines Bildes.

Fotoecke_Schritt_06

Schritt 8

Eventuell kannst du jetzt noch der Ebene mit der Fotoecke einen Schlagschatten zuweisen, indem du die Ebene mit der Fotoecke Doppelklickst und bei Schlagschatten mit Winkel, Distanz und Größe experimentierst. So müsste jetzt das Ergebnis aussehen:

Fotoecke_Schritt_07

Ein Anwendungsbeispiel der Fotoecke findet ihr im Design von www.kleinundfein.org