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 skatemarv

    skatemarv

    13.09.2011 - 19:02

    Hi, ich hab mir die Dingbats gedownloadet. Nun steht aber oben im Text "Jetzt nehmen wir unseren „Textwerkzeug“ und schreiben mit dem
    Dingbats: „Seeing Star“
    Wie genau ist das gemeint? Hab die ganze Zeit rumprobiert aber ich weiß nich wie der Stern auf das Bild kommen soll. Kann mir da einer weiterhelfen?
    lg

  • Portrait von Jaspisch

    Jaspisch

    17.11.2010 - 08:59

    Ich hab zwar nicht alles genau so hinbekommen, wie es erklärt wurde aber danke für den Link für die Dingbats. Jetzt weiß ich was das ist und kann endlich diesen coolen Spray effect erzeugen :D

  • Alternative Portrait von photoheini

    photoheini

    10.10.2010 - 13:54

    Gute Erklärung zur Nutzung von Brushes!

  • Alternative Portrait von 2010spam

    2010spam

    12.05.2010 - 18:21

    ich habs für eine einladung verwendet. kindergeburtstag und auf Pirat getrimmt. :-)

  • Alternative Portrait von crypto256

    crypto256

    05.09.2009 - 02:30

    naja, irgendwann werde ich es mal brauchen und dann weis ich es auch zu schätzen
    Sonst ein sehr gutes Tut

    schätze ich ;-)

    sagt mal, ist es normal, das wenn ich mir ein Tut/Workshop zwecks Kommentarschreiben anzeigen lasse, mit wieder weitere 3 Punkte abgezogen werden? ist doch voll sch... so!!! schade

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    29.07.2009 - 16:58

    tolles Tutorial. super erklärt :)

  • Alternative Portrait von Fellacio

    Fellacio

    23.04.2008 - 23:43

    Gute Erklärung zur Nutzung von Brushes!!!
    Von mir ein dickes Lob!

  • Alternative Portrait von ireneus

    ireneus

    11.03.2008 - 22:51

    genau nach so etwas habe ich schon lange gesucht.
    sehr gut erklärt; danke

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

Tutorial empfehlen

 

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


Vorwort: 

Vielen Fireworks- Liebhabern ist es ja bekannt, dass Fireworks nicht gerade eine große Auswahl an „Bruches“ hat, außer der bereits vorinstallierten. Da ist Photoshop leider im Vorteil. Aber mit den folgenden Tutorial, werde ich euch das Gegenteil beweisen.

Was wir brauchen:

  • Filter „Alien Skin Splat LE / Edges“ Dieser Filter sollte bereits ab Fireworks MX als Standart vorinstalliert sein. Andernfalls habt Ihr die Möglichkeit, diesen Filter „hier“ als 30 Tage Testversion herunter zu laden.
  • Dingbats: „Seeing Stars“ – „hier“.
  • Dingbats: „Soldier WW2“ – „hier“.
  • Dingbats: „WC Rhesus A Bta“ – „hier“.
Schritt 1:

Sobald wir alle oben genannten „Dingbats und Filter“ installiert haben, öffnen wir Fireworks mit einer neuen Leinwand in der
Größe: 400 x 500  Pixel
Leinwandfarbe: #40444D


Schritt 2:

Wir nehmen unseren „Rechteckwerkzeug“ und zeichnen ein Rechteck in der
Größe: 259 x 436 Pixel
Farbe: #CDC5A1
Textur: Baumwolle (sollte als Standart vorinstalliert sein)
Texturmenge: 50%
Und richten unseren Rechteck „Mittig und Zentriert“ auf unsere Leinwand.

Bilder

Bild 1 / Schritt 3:

Klicken unseren Rechteck an und vergeben Ihm den Filter „Edges“ über:

Filter / Alien Skin Splat LE / Edges….

Und übernehmen die Daten wie in Bild 1.  (Achtet darauf, dass Ihr „Transparent Fill“ angeklickt habt).

Bilder

Bild 2 / Schritt 4:

Wir nehmen unseren „Ellipsenwerkzeug“ und zeichnen einen Kreis in der
Größe: 90 x 90 Pixel
Füllfarbe: #CDC5A1
Randfarbe: #40444D
und setzen diesen wie in Bild 2 dargestellt.


Schritt 5:

Wir Klonen unseren „Kreis“ über

Bearbeiten / Klonen…

und sperren unseren ersten Kreis in der Ebene.


Schritt 6:

Wir markieren unseren Rechteck und das geklonte Kreis (SHIFT-Taste halten und beide Objekte anklicken. Der gesperrte Kreis wird nicht übernommen) und „öffnen diesen über:

Modifizieren / Pfad kombinieren / öffnen……

Bilder

Bild 3 / Schritt 7:

Öffnet die Sperre vom Kreis in der Ebene. Sofern das wie in Bild 3 aussieht, macht Ihr das genauso mit der Ecke unten rechts, allerdings mit dem unterschied, dass die Ecke unten rechts frei bleibt. Also braucht Ihr nur ein kreis, um die Ecke zu öffnen. Am besten klont Ihr den bereits vorhandenen Kreis und setzt es unten rechts. Siehe dazu Bild 4.

Bilder

Bild 4 / Schritt 8:

Das ganze sollte dann so aussehen.

Bilder

Bild 5 / Schritt 9:

So, nun schneiden wir noch die Ecke unten links. Das machen wir allerdings mit unserem „Füllerwerkzeug“. Benutzt den „Füllerwerkzeug“ wie in Bild 5 und verbindet es anschließen mit dem Anfangspunkt. (Ich habe es, um es „Darzustellen“ nicht verbunden) Das öffnen geht dann genauso wie mit den Kreisen.
Siehe hierzu

Schritt 6.

Bilder

Bild 6 / Schritt 10:

Das ganze sieht dann so aus. (Muss natürlich nicht gleich sein. Ihr macht es so, wie es euch gefällt).

Bilder

Bild 7 / Schritt 11:

Wir beschäftigen uns nun mit dem Kreis oben Links.
Zeichnet mit dem „Ellipsewerkzeug“ ein weiteren Kreis in der
Größe: 53 x 53 Pixel
Randfarbe: #40444D
Füllfarbe: Transparent
Pinselstärke: 10
Pinselstrichkategorie: „1-Pixel-Weich“
Pinselrand: 0
Und setzt das ganze wie in Bild 7 dargestellt.

Bilder

Bild 8 / Schritt 12:

Jetzt nehmen wir unseren „Textwerkzeug“ und schreiben mit dem
Dingbats: „Seeing Star“
Buchstaben: Groß „P“.
Farbe: #40444D
Schriftgröße: 70
Und setzt es wie in Bild 8 dargestellt.

Bilder

Bild 9 / Schritt 13:

Wir klonen unseren Stern. Stellen die Füllung auf Transparent und vergeben Ihm nur eine Randfarbe: #CDC5A1. (Siehe Bild 9).

Bilder

Bild 10 / Schritt 14:

Markiert nun die Kreis und die Sterne. (Am besten sperrt Ihr in der Eben unseren geschnittenen Rechteck und Markiert den Rest mit der Tastaturenbefehl: „STRG+A“).

Und „Gruppiert“ diese mit der Tastaturbefehl: „STRG+G“ (oder über Modifizieren / Gruppieren…).

Klont nun das Gruppierte und ändert die Größe in der Eigenschaft:

Breite: 50
Höhe: 50

und setzt das neue Objekt wie in Bild 10 dargestellt.

Bilder

Bild 11 / Schritt 15:

Wir gehen nun an die Ecke unten rechts. Nehmen erneut unseren „Textwerkzeug“
Dingbats: „Seeing Stars“
Buchstabe: klein - „L“
Größe: 70

und setzt es wie in Bild 11 dargestellt.

Bilder

Bild 12 / Schritt 16:

Jetzt die Ecke links unten.

Zeichnet mit dem „Ellipsewerkzeug“ einen Kreis in der
Größe: 50 x 50 Pixel
Füllfarbe: #40444D
Randfarbe: #CDC5A1
Randgröße: 3
Randkategorie: „1-Pixel Weich“

Jetzt der Stern:
Dingbats: Seeing Stars
Buchstabe: Groß „P“
Buchstabengröße: 40

Setzt das ganze wie in Bild 12 dargestellt.

Bilder

Bild 13 / Schritt 17:

Ein weiterer
Dingbats: Seeing Stars
Buchstabe: Klein „a“
Buchstabengröße: 48

Setzt das ganze wie in Bild 13 dargestellt.

Bilder

Bild 14 / Schritt 18:

Ein weiterer
Dingbats: SoldierWW2
Buchstabe: Klein „e“
Buchstabengröße: 50

Setzt das ganze wie in Bild 14 dargestellt.

Bilder

Bild 15 / Schritt 19:

Zeichnet mit dem „Rechteckwerkzeug“ einen Rechteck in der
Größe: 4 x 42 Pixel
Klont diesen und setzt beide wie in Bild 15 dargestellt.

Bilder

Bild 16 / Schritt 20:

Die in Schritt 19 erstellten Rechtecke Klont Ihr und setzt diese oben, wie in Bild 16 dargestellt.

Bilder

Bild 17 / Schritt 21:

Wir arbeiten mit dem Kreis und Stern unten Links. (Siehe Bild 12 / Schritt 16)

Markiert den Stern und den Kreis und Gruppiert diesen (STRG + G).
Klont die Gruppierung und ändert die Größe in der Eigenschaft:

Breite: 22
Höhe: 22

Klont den Klon und setzt beide Objekte wie in Bild 17 dargestellt.

Bilder

Bild 18 / Schritt 22:

Das Objekt was wir in Schritt 21 erstellt haben, klonen wir erneut und setzen diesen wie in Bild 18 dargestellt.

Bilder

Bild 19 / Schritt 23:

Wir erstellen ein neuen

Dingbats: „WC Rhesus A Bta“
Schriftgröße: 50
Schriftfarbe: #40444D
Buchstaben: “alles klein” = jlökpü
Die Buchstaben wurden von mir Wahllos genommen. Ihr könnt auch andere nehmen!
Klickt den Dingbats an und macht eine 90 Grad Linksdrehung über:

Modifizieren / Transformieren / 90 Linksdrehung…..

Und setzt es wie in Bild 19 dargestellt.

Bilder

Bild 20 / Schritt 24:

Wiederholt den Schritt 23.

Als Buchstaben haben ich genommen: asdf.
Wie gesagt, Ihr könnt auch andere nehmen.
Setzt das ganze wie in Bild 20 dargestellt. Allerdings müsst Ihr diesen in der Ebene so stellen, dass der Stern rechts über unser Dingbats- Objekt liegt.

Das war’s, wir sind fertig!

Ihr könnt jetzt noch – wie in der Vorschau – das ganze mit Texten versehen, sozusagen als Navigationspanel für eine Homepage (Gamer Page). Alles andere ist eurer Phantasie überlassen.

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

BisZumNächstenMal

cenka

Bilder

vBulletin 0.042 • ZF-App 0.469 • Total 0.511