Tutorials

DeletedUser69532 · 3. Dez 2008

Postet hier eure Tutorials zum Erstellen von Grafiken!

GIMP

Photoshop

DeletedUser · 3. Dez 2008

DeletedUser89567 · 28. Dez 2008

und was ist das für ein programm mit dem man diese vertiefung gemacht hatt?

DeletedUser · 28. Dez 2008

zyrak schrieb:
und was ist das für ein programm mit dem man diese vertiefung gemacht hatt?

It`s loks like >Gimp<

DeletedUser · 28. Dez 2008

Graf von Hockenstein schrieb:
It`s loks like >Gimp<

nein, das ist photoshop

habs mal zu dem tut dazueditiert^^

DeletedUser · 28. Dez 2008

Ein seriöses und neutrales Web / Firmen-Logo erstellen / Gimp

+
1.Wenn ihr meine Schrift verwenden wollt ladet euch diese rechts bei den Details herunter, installiert sie im System und startet GIMP dann neu!

Erstellt ein neues File. Ich habe hier zur Demonstration ein kleines Format gewählt: 640 x 480 px. Ihr könnt gerne auch ein größeres Format nehmen. Wenn ihr das Logo für den Druckbereich verwenden wollt, solltet ihr die DPI von 72 (für Web) auf 300 erhöhen.

- Füllt die Ebene mit #414141.

2Schreibt 2 Texte mit dieser Schrift auf die Ebene. Ich habe "gimpusers" (weiße Schriftfarbe) und "design" (#cbcbcb als Schriftfarbe) gewählt. Schriftgröße 40. Klickt die "Hinting"-Option weg, da dies bei großen dicken Schriften nicht notwendig ist. Nehmt das "Bewegen"-Werkzeug und schiebt die beiden Texte an dieselben Stellen wie im Bild zu sehen.

3Als nächstes kreieren wir einen Pfad der den Text ein wenig in ein echtes Logo verwandelt. Wir werden um den Text eine schöne Schwingung legen.

Dazu nehmt ihr das Pfade-Werkzeug. Klickt nun vom linken unteren Punkt ausgehen an jene Stellen wie ich am Bild.

Ich habe das Wort "design" ausgeblendet damit ihr den Pfad besser sehen könnt, lasst euch davon nicht abschrecken.

4Wenn ihr beim letzten Punkt seid haltet STRG gedruckt und klickt wieder auf den ersten Punkt, dadurch verbindet ihr den Pfad zu einer einzelenen Region. Ihr könnt Punkte natürlich auch noch verschieben, falls es nicht passen sollte.

Nach dem Abschließen des Pfaden zieht ihr die untere Linie (in der Mitte anklicken und ziehen) etwas nach unten. Eine Kurve sollte entstehen.

5Mit den zwei gestrichelten Linien könnt ihr die Kurve beeinflussen: Zieht die Linkte Linie etwas mehr in die Mitte - dadurch ist die Kurve links etwas flacher. Die rechte zieht ihr ein wenig nach rechts, sodass sie verlängert gesehen eine lange Gerade mit der Linie darüber bildet.

Danach nehmt ihr die Gerade darüber, zieht sie ebenfalls nach unten und ändert die gestrichelten Linien wie im Bild zu sehen!

6- Klickt danach ENTER um eine Auswahl zu erhalten.
- Legt eine neue, transparente Ebene an.
- Stellt als VG: #dcf6ff und als HG #00b8e0 ein.
- Nehmt das Verlaufswerkzeug oder drückt einfach L.

Seht euch die Einstellungen am Bild an, im Prinzip wurde nur die Form auf "Formangepasst (winklig)" geändert. (wichtig)

7Zieht nun irgendwo am Bild den Farbverlauf, ganz egal wo, die Auswahl wird dann automatisch mit dem Verlauf gefüllt. Drückt STRG+SHIFT+A oder geht auf Auswahl / Nichts um die Auswahl zu entfernen.

8Geht auf Farben / Helligkeit & Kontrast: -25 / +35.

9Meine Ebene derzeit:

10Nun fügen wir nur noch einen kleinen Schatten hinzu.

- Rechtsklick im Ebenen-Dialog auf die geschwungene Form-Ebene: "Auswahl aus Alphakanal".
- Legt unter dieser Ebene eine neue Ebene an.
- Füllt die Auswahl mit Schwarz und setzt die Deckkraft dieser Ebene auf 25%.
- Nehmt das Bewegen-Werkzeug, stellt in den Einstellungen auf "Die aktive Ebene bewegen" um und schiebt den Schatten ein wenig nach rechts unten!

Das ganze gut durchgelesen und schon hat man soetwas:

DeletedUser · 28. Dez 2008

das hier ist kein thread, in dem irgendwelche installationprobleme besprochen werden können.

DeletedUser · 9. Jan 2009

Ergebniss seihe Spoiler 1

wir öffnen ein neues bild. ich habe die grösse eines Profilbildes genommen. also die grösse 240x180px. Achte aber darauf das die Ebene Transparent ist.

Wir wählen eine eher dicke und nicht verschnörkelte schrift aus und schreiben dasmit unseren Text. Ich habe "Sans Bolt" genommen. diese ist von anfang an vorhanden.

bringt jetzt noch die neue Text Ebene auf grösse des Hintergrundes mit Ebene-> Ebene auf Bildgrösse
Das sollte dann ungefair so aussehen:

Macht nun eine neue ebene die einfach schwarz ist.
Nehmt jedoch das Auge vor der Ebene wieder weg sodass sie nicht mehr zu sehen ist.
Klickt im Ebenen-Reiter rechts auf die "Textebene" und wählt "Sichtbare Ebenen vereinen". Ihr solltet nun nur noch zwei einzelne Ebenen haben.
das sollte dann so aussehen:

Nun, da wir alles auf einer Ebene haben, kümmern wir uns um die Flammen. Wir verwenden das Verschmieren-Werkzeug

=den Finger)

Stellt diese Werte ein (Bild):

http://img3.imagebanana.com/img/z5a33yt3/Screen3.jpg

macht die schwarze Ebene wieder sichtbar.
Stellt auf 200 % Vergrößerung. (unter Ansicht->Vergrösserung) Nun beginnt ihr beim ersten Buchstaben eures Textes mit gedrückter Maustaste um den Rand des Buchstabens herumzufahren. Ziel ist es diesen unscharf zu machen und Grautöne ins Spiel zu bringen. Es soll auf keinen Fall perfekt aussehen, bei Flammen stellt man ja auch ein gewisses Chaos fest

Wichtig ist, daß ihr viel vom eigentlichen Weiß in leichtes Grau ändert:

Wenn ihr mit dem Buchstaben fertig seid, macht ihr kleine geschwungene Flammen-Bewegungen von der Text-Oberseite hinauf.
In ungefair so:

Lasst eurer Kreativität absolut freien Lauf und macht das nun mit allen Buchstaben.

So, im Prinzip wars das. Nun geht ihr auf "sichtbare Ebenen vereinen" und fügt die zwei Ebenen zusammen. Dann geht auf:Ebene->Farben->Farbabgleich und wendet diese Werte an(Bilder):

Das ergebniss sollte jetzt so aussehen:

DeletedUser · 11. Jan 2009

hier 3 tuts von mir, alle für gimp, sind aber schon älter....

DeletedUser · 24. Mai 2009

Die ersten 2 von Zwordi gehen nicht mehr

DeletedUser · 24. Mai 2009

BwlMcBrt1 schrieb:
Die ersten 2 von Zwordi gehen nicht mehr

Joa, wäre nett, wenn er die nochmal reinstellen könnte ;D

DeletedUser · 24. Mai 2009

Das liegt wahrscheinlich daran weil die Bilder auf BtHost gespeichert sind und Bthost jetzt Wartungsarbeiten durchführt.

DeletedUser · 24. Mai 2009

da das hier schon öfter thema war, schriften wegretuschieren.

ausgangssituation ist ein bild auf dem die schrift von objekt und hintergrund entfernt werden soll.

Zuerst benutzt man das Verschmieren Werkzeug um an den Konturen des Gesichtes entlang die schrift wegzuwischen

mit der elliptischen auswahl suchen wir uns ein paar Stellen im Hintergrund die wir weiterverwenden können.
Diese werden mit "Bearbeiten->Kopieren" und "Bearbeiten->Einfügen als...->Neuer Pinsel" verfügbar gemacht.
Anschließend benutzen wir die neuen Pinsel um die Schrift grob zu übermalen

mit dem weichzeichnen Werkzeug werden die Übergänge zwischen den Pinseln etwas entschärft

mit den voangegangenen Werkzeugen Verwischen, eigenen Pinseln und Weichzeichnen wird dem ganzen der letzte Schliff gegeben

Fertig

DeletedUser · 24. Mai 2009

ich behaupte das es bei deinem bild nicht so drauf ankommt, da es sehr klein is, is das bild aber grösser kannst du nicht so einfach n wenig "herumpfuschen"

mit elipse und so^^

und vorallem wenn du keinen teil vom bild hast den du dort einfach einsetzen kansnt, da eigent sich der stempel besser

DeletedUser · 24. Mai 2009

da es hier hauptsächlich um stammesprofile geht, die eh nicht viel größer sind, sind die techniken die ich benutzt habe ausreichend.
ich stimme dir zu das man bei größeren Bildern etwas mehr aufwand treiben muss. aber grundsätzlich kann man auf diese art schon eine menge erreichen wenn man etwas übung und talent hat.
da bildbearbeitung sehr zeitaufwendig sein kann, geht es auch um effizienz. also für gegebene aufgabenstellungen eine akzeptable lösung zu finden und nicht mit kanonen auf spatzen schießen.

DeletedUser · 24. Mai 2009

So hab mich auch mal rangesetzt.

Ihr braucht mindestens ein wenig Erfahrung in Gimp. Aber probiert es einfach aus ;-)

Ich habe diese Grunge-Brushes benutzt Grunge-Brushes

DeletedUser · 24. Mai 2009

schön das das hier langsam wieda in schwung kommt^^

vllt mach ich ma wieda eins^^

verlassen? is nämlich auch mein acc...^^

DeletedUser · 24. Mai 2009

speziell für alexus ein beispiel das man mit der retusche technik auch bilder mit etwas höherer auflösung bearbeiten kann.

das geht sicher noch besser aber ich denke zur demonstration reichts.
bevor man sich stundenlang einen abklont.

DeletedUser · 24. Mai 2009

@ BwlMcBrt1

weiß nicht was du in dienem tut damit meinst (Zitat): ,, Brusht ein bisschen mit dem Grunge Brushes rum"

DeletedUser · 24. Mai 2009

Dass er im Pinsel den Grunge-Brush auswählt und dann gezielt auf dem Bild rumklickt...

DeletedUser · 24. Mai 2009

sry4 dp, abetr mein 1.tut

absolut für anfaenger und einfach

animierter Regen (ganz einfach)

Animierter regen

Zuerst erstelle ich ein Dokument mit einer beliebigen Größe. Bei mir ist es 600X450 Pixel.
Der Hintergrund (BG) ist weiß.

1. Als erstes wendet ihr "HSV-Rauschen an. Filter->Rauschen->HSV-Rauschen.
Ich habe folgende Werte gewählt:

Zitat:
Festhalten: 1
Farbton: 0
Sättigung: 0
Wert: 255

Hier könnt ihr variieren, aber es sollte schon ziemlich wie bei mir sein!

2. Jetzt wird das weichgezeichnet:

Filter->weichzeichnen->Bewegungsschärfe

Hier wendet ihr folgende Werte an:

Weichzeichnungsart: Linear
Länge: 25
Winkel: 130

Dabei könnt ihr aber auch herumspielen.

Nun sollte es ungefähr so aussehen:

3. Nun wird ein Bild benötigt, auf dem es regnen soll.

Ich habe einen Wald ausgewählt:

4. Nun fügt ihr den Regen in den Wald ein (dabei beachten, dass ihr die schwebende Auswahl als Ebene einfügt!).

5. Jetzt werden die Ebenen "Wald" und "Regen" jeweils dupliziert und folgendermaßen angeordnet:

von unten nach oben:

Wald
Regen
Wald Kopie
Regen

sry, konnte leider keinen Screen hochladen ;(

6. Jetzt wählt folgende Ebeneneinstellungen:

Regen Kopie:
Deckkraft: 50 (ca!)
Modus: Weihe Kanten
Anschießend nach Unten Vereinen

Regen:
Deckkraft: 50 (ca.!)
Modus Weihe Kanten
Um 180° drehen
Anschließend nach Unten Vereinen

7.Das ganze könnt ihr euch jetzt unter Filter->Animation->Animation anschauen.

Nun müsst ihr es noch als Gif optimieren: Filter->Animation->Optimieren für gif

Als letzten Schritt speichert ihr es als -gif.

Mein Ergebnis:

Viel Spaß!

Schwierigkeit auf der Nick Skala:

1/5

Würde mich über konstruktive Kritik freuen.

N777 · 24. Mai 2009

nick name schrieb:
sry4 dp, abetr mein 1.tut

absolut für anfaenger und einfach

animierter Regen (ganz einfach)

Animierter regen

Zuerst erstelle ich ein Dokument mit einer beliebigen Größe. Bei mir ist es 600X450 Pixel.
Der Hintergrund (BG) ist weiß.

1. Als erstes wendet ihr "HSV-Rauschen an. Filter->Rauschen->HSV-Rauschen.
Ich habe folgende Werte gewählt:

Hier könnt ihr variieren, aber es sollte schon ziemlich wie bei mir sein!

2. Jetzt wird das weichgezeichnet:

Filter->weichzeichnen->Bewegungsschärfe

Hier wendet ihr folgende Werte an:

Dabei könnt ihr aber auch herumspielen.

Nun sollte es ungefähr so aussehen:

3. Nun wird ein Bild benötigt, auf dem es regnen soll.

Ich habe einen Wald ausgewählt:

4. Nun fügt ihr den Regen in den Wald ein (dabei beachten, dass ihr die schwebende Auswahl als Ebene einfügt!).

5. Jetzt werden die Ebenen "Wald" und "Regen" jeweils dupliziert und folgendermaßen angeordnet:

von unten nach oben:

Wald
Regen
Wald Kopie
Regen

sry, konnte leider keinen Screen hochladen ;(

6. Jetzt wählt folgende Ebeneneinstellungen:

7.Das ganze könnt ihr euch jetzt unter Filter->Animation->Animation anschauen.

Nun müsst ihr es noch als Gif optimieren: Filter->Animation->Optimieren für gif

Als letzten Schritt speichert ihr es als -gif.

Mein Ergebnis:

Viel Spaß!

Schwierigkeit auf der Nick Skala:

1/5

Würde mich über konstruktive Kritik freuen.

wie billig ist denn der regen ???
OmG

DeletedUser · 24. Mai 2009

N777 schrieb:
wie billig ist denn der regen ???
OmG

das heist omr ;-)

aber stimmt, jetzt siehts hier i-wie viel billiger aus

DeletedUser · 24. Mai 2009

kommt mir das nur so vor oder hat deer regen hier ne pause oder hört einmal aufn und fängt wieder an??

DeletedUser · 24. Mai 2009

Mega Monkey schrieb:
kommt mir das nur so vor oder hat deer regen hier ne pause oder hört einmal aufn und fängt wieder an??

Also bei mir gibts keine Pausen (wenigstens das^^)

Tutorials

DeletedUser69532

Gast

DeletedUser

Gast

DeletedUser89567

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast

N777

Gast

DeletedUser

Gast

DeletedUser

Gast

DeletedUser

Gast