Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

DVD-Werbung
Passend zum Inhalt empfehlen wir unsere:

Photoshop-Workshop-DVD - Webdesign

  • Webdesign mit Photoshop: alle erstellten Layouts mit Arbeitsdatei (PSD)!
  • Umsetzung erstellter Weblayouts in HTML/CSS
  • Tipps & Tricks zum Webdesign in Photoshop und zur Webentwicklung
Jetzt informieren Trailer ansehen

Kommentare

  • Alternative Portrait von finkchen34

    finkchen34

    14.01.2011 - 14:25

    Was wäre man ohne die fleissigen Bienchen hier bei PSD......ich kann nur danke sagen und hoffen das weitere interessante tuts kommen ;o)

  • Alternative Portrait von photoheini

    photoheini

    10.10.2010 - 13:52

    Sehr schöner Tutorial!

  • Alternative Portrait von artesmaracay

    artesmaracay

    10.08.2010 - 22:39

    Prima, ist gut und verstaendlich geschrieben.

  • Alternative Portrait von Lischa

    Lischa

    14.05.2010 - 09:12

    leider nicht das was ich gesucht habe, aber trotzdem nachvollziehbar erklärt

  • Alternative Portrait von v0lki

    v0lki

    06.02.2010 - 11:37

    sehr schönes tut. weiter so!

  • Alternative Portrait von PrOOnOOb

    PrOOnOOb

    26.11.2009 - 18:25

    Sehr Schön

  • Alternative Portrait von Brushie

    Brushie

    15.09.2009 - 12:03

    Die Farbkombinationen sind sehr ansprechend

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    21.05.2009 - 18:45

    ich finde das tutorial auch gut, aber es wäre gut zu wissen das die dienste von photocase nicht kostenlos sind...

  • Portrait von kallito89

    kallito89

    05.05.2009 - 09:57

    nett gemacht! mal ausprobieren

  • Portrait von DiabloWinnie

    DiabloWinnie

    24.08.2008 - 01:45

    Hm ich würde mal sagen ein verdammt gutes "Re-Einarbeitungs-Tutorial". Für mich jetzt hat sich mit dem Tutorial so einiges geklärt. Also dankeschön für diese relativ simpel gehaltene Sprache und Fachbegriffe in Anführungszeichen.

Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Vorwort: 

In diesem Tutorial wird eigentlich die „Manipulierung des Bildes“ erklärt. Aber wenn wir schon mal dabei sind, machen wir das Tutorial so wie im Vorschau.

Die Manipulierung des Bildes besteht aus dem Schatten, welches unser Balken wirft und der Schriftzug, welches sich hinten auf der Wand befindet. Dazu gehört auch das Emblem. 

Schritt 1:

Vorab:

Bei dem Bild handelt es sich um ein Originalbild. Solche und ähnliche Bilder könnt Ihr unter diversen Webseiten zur Eigenbrauch kostenlos herunterladen. Da ich aufgrund der Nutzungsbedingung das vorhandene Bild hier nicht laden darf, könnt Ihr das genannte Bild „hier“ nach einer kostenlosen Anmeldung herunterladen.

Um euch die Suche nach dem Bild zu ersparen, klickt Ihr nach eurer Anmeldung, diesen „Link“ an.

Nach dem wir unser Bild herunter geladen haben, öffnen wir diesen mit unserem Macromedia Fireworks. (Rechtsklick öffnen mit…. / oder sofern FW offen ist über „Datei / Öffnen“,  nicht über Importieren) und sperren diesen sofort auf unserer Ebenenleiste. 

Schritt 2:

Wir nehmen unseren „Rechteckwerkzeug“ und zeichnen ein Rechteck in der
Größe: 215 x 446 Pixel
Farbe: #23282E
Und setzen unseren Rechteck wie in unserer Vorschau auf das Bild.

Schritt 3:

Wir zeichnen ein weiteres Rechteck mit unserem „Rechteckwerkzeug“ in der
Größe: 215 x 70 Pixel
Farbe: wird übernommen.
Bilder

Bild 1 / Schritt 4:

Das neu gezeichnete Rechteck setzen wir mit einem geringen Abstand unter unser größeres Rechteck wie in Bild 1. 

Schritt 5:

Wir vergeben dem kleineren Rechteck folgenden Filter über:

Filter / Weichzeichnen / Gauß-Verwischen……
Verwischungsradius: 4.1

Bilder

Bild 2 / Schritt 6:

Unser kleines Rechteck ist weiterhin angeklickt! Wir nehmen unseren „Neigungswerkzeug“ neigen diesen wie in Bild 2. Und neigen diesen noch außen, in dem wir den untersten punkt rechts anklicken und nach außen ziehen, so dass es mit dem größeren Rechteck eine Linie bildet.

Bilder

Bild 3 / Schritt 7:

Wir nehmen unseren „Skalierungswerkzeug“ und ziehen unseren kleinen Rechteck, in dem wir den unteren/mittleren punkt anklicken und einwenig nach oben ziehen, so dass es aussieht, als würde es auf dem Boden liegen. Siehe Bild 3.

Es kann nun sein, dass durch die „Skalierung und Neigung“ unser kleines Rechteck an unseren großen heran gerückt ist. Stellt das kleinere Rechteck (Augenmaß) ein paar Punkte nach unten.

Schritt 8:

Stellt zuletzt das kleine Rechteck im „Mischmodus“ auf „Weich abwendeln“

Bilder

Bild 4 / Schritt 9:

Das ganze sollte insoweit wie in Bild 4 aussehen. Wie Ihr sieht, ist durch den Schatten der eigentliche Boden noch ersichtlich.

Schritt 10:

Auf die Beschriftung gehe ich hier nicht ein, da ich davon ausgehe, dass es ja jeder kann. Ich habe hier die Schrift: „Arial“ und Farbe: #4A5350 benutzt. Und zu dem „Emblem“ möchte ich eine kurze Erklärung / Beispiel abgeben. Alles andere bleibt eurer Phantasie.

Bilder

Bild 5 / Schritt 11:

Emblem

Viele Fireworks User kennen ja den „Stern“ (Siehe Bild). - Ich rede jetzt nur von mir – ich dachte immer, dass man damit lediglich nur „Sterne“ zeichnen kann aber Falsch gedacht.

Im folgenden Schritt, mal ein Beispiel mit der Erklärung, was man damit sonst noch erstellen kann.

Bilder

Bild 6 / Schritt 12:

Zeichnet einen Stern auf eine neue Leinwand wie in Bild 6. Die Größe ist uninteressant. Ich habe die Größe 91 x 87 Pixel genommen.
Wie Ihr auf dem Bild 6 erkennen könnt, habe ich auch die Bezeichnungen angegeben. Diese Bezeichnungen erscheinen, wenn Ihr mit eurer Maus über die gelben Punkte - ohne anzuklicken -, herüber fährt.

Bilder

Bild 7 / Schritt 13:

Hier mal ein Beispiel, wie wir von Bild 1 zu Bild 4 kommen.

  • Bild 1: Unser erstellter Stern.  
  • Bild 2: Hier habe ich den „Punkt 5“ angeklickt und diesen nach oben verschoben bis auf Punkt 7. Dieser Punkt bezeichnet die Anzahl der Zacken.
  • Bild 3: Hier habe ich den Punkt „Rundung 1“ nach innen gezogen.  
  • Bild 4: Hier habe ich den Punkt „Rundung 2“ nach außen gezogen.

So, in dieser form könnt Ihr euren Stern in die gewünschte Erscheinung bringen.

Bilder

Bild 8 / Schritt 14:

Nachdem wir unser gewünschtes Emblem erstellt haben, kommen wir zur Beschriftung an der Wand. Siehe Bild 8.

Wir setzen unser Emblem an die Wand und schreiben was dazu. Klicken beides an und stellen beide in „Mischmodus“ auf „Ineinanderkopieren“. Dann sollte das ganze wie in Bild 8 aussehen.

Das war’s, wir sind fertig!

Ich hoffe ich konnte es so gut wie möglich erklären und hoffe, euch nicht gelangweilt zu haben.

BisZumNächstenMal

cenka

Bilder

vBulletin 0.036 • ZF-App 0.474 • Total 0.51