Zurück   FIFA 4 LIFE Forum - die Community zur FIFA Serie > Off-Topic Foren > Off-Topic Forum > GFX Forum

Dies ist eine Diskussion zum Thema Grafiktutorials im GFX Forum, Teil der Off-Topic Forum Kategorie

: Hier werde ich ab jetzt ab und zu Tutorials reinstellen (Andere User können das freilich auch sehr gerne machen ), ...

Like Baum12Likes

Antwort
 
LinkBack Themen-Optionen
Alt 02.09.2011, 15:42   #1
drugs are bad mkay...
 
Benutzerbild von Jisatsu
 
Registriert seit: 02.03.2009
Beiträge: 3.826
Jisatsu eine Nachricht über ICQ schicken Jisatsu eine Nachricht über MSN schicken
Standard Grafiktutorials

Hier werde ich ab jetzt ab und zu Tutorials reinstellen (Andere User können das freilich auch sehr gerne machen ), indem ich immer anhand verschiedener Beispiele erkläre, wie man leicht Grafiken erstellt ! Ich hoffe einige können was damit anfangen, da ich öfters mal gefragt werde, wie man dies oder das macht ^^. Ich fange an mit einer Scorebox; als Beispiel nehme ich die, die Domi (FR) für Ersans Dortmund Story gemacht hat
So, wo fangen wir an
Natürlich braucht ihr als Grundlage erstmal ein ordentliches Grafikprogramm ;D
Das muss nicht unbedingt Photoshop oder sowas sein; Freeware-Programme, wie GIMP oder Paint.net tun es auch wunderbar :3
Für dieses Tutorial verwende ich letzteres (Downloadlink)

1.) Wenn ihr das Programm nun öffnet werdet ihr erstmal eine große weiße Fläche sehen ^^
Da diese natürlich deutlich zu groß ist, werden wir einfach eine neue Arbeitsfläche für unsere Zwecke erstellen, die deutlich kleiner ist
Dafür wählt ihr in der oberen Leiste Datei - Neu (Oder drückt Strg + N) und gebt die Maße 500 (Breite) x 75 (Höhe) ein.
Wie sich unschwer erkennen lässt ist die neue weiße Fläche deutlich besser für unser Vorhaben geeignet

2.) Nun werden wir uns erstmal das Grundgerüst vorzeichnen, das wir dann später noch was ausarbeiten werden ;D
In unserem Fall wären das die beiden kleinen Kästchen für die Vereinswappen und ein größerer Kasten in der Mitte für Vereinsnamen und Ergebnis
Wählt dazu einfach in der Toolbox das "Rechteck"-Tool aus und erstellt euch die drei Kästen in beliebiger Größe (So wie ihr es halt haben wollt). Natürlich bleiben die Kästchen am Ende nicht schwarz - Ist ja nur unser Grundgerüst ;D
Das sollte dann in etwa so aussehen:


3.) Natürlich könnten wir unsere Kästen jetzt einfach mit weißer Farbe füllen, aber das sähe nicht so toll aus ^^"
Daher machen wir es wie in dem Beispiel und fügen einen schönen Effekt hinzu
Der Effekt soll ein kleiner Verlauf werden, der von weiß in hellgrau übergeht - Nicht so sehr auffallend aber macht einen edlen Eindruck ;D
Dafür müsst ihr uns zuerst die passenden Farben raussuchen
Rechts-Oben in eurem Paint.net Fenster findet ihr die Farben Box mit eurer Primär- und Sekundärfarbe. Als erstes wählt ihr die Primärfarbe aus - Ein simples Weiß. Anschließend klickt ihr auf den kleinen blauen "Wechselpfeil", um zur Sekundärfarbe umzuschalten. Um den passenden Grauton zu finden könnt ihr nun auch auf den "Mehr >>" Button klicken wo uns weitere Optionen geboten werden, um eine passende Farbe heruaszusuchen
Wenn ihr eure Farben gefunden habt gehts darum den Bereich auszuwählen, wo wir unseren Effekt haben wollen.
Dazu müssen wir aber zu aller erst eine neuen Ebene erstellen. Das hat den einfachen Grund, dass wir sozusagen eine neue Fläche über unserer alten haben und unser vorher angefertigtes Grundgerüst nicht zerstören (Wäre aber in diesem Fall auch nicht tragisch, da wir es eigentlich nicht weiter benötigen)
Um die Ebene zu erstellen, drückt ihr in der Ebenen-Box unten rechts auf den kleinen Button "Neue Ebene hinzufügen"!
Um den Bereich für den Effekt nun zu markieren wählt ihr in der Toolbox "Rechteckige Maske" und zieht damit erneut Rechtecke um das komplette Grundgerüst
Ihr könnt jetzt entweder alle Vierecke einzelnd markieren und den Effekt immer wieder machen oder ihr haltet einfach "Strg" gedrückt und könnt somit mehrere Rechtecke ziehen
Das ganze sollte nun in etwa so aussehen:


4.) Wo der letzte Schritt nun schon ziemlich lang war, geht es jetzt vergleichsweise schnell
Für den Effekt wählt ihr in der Toolbox "Farbverlauf" aus, wobei uns nun links oben im Bildschirm mehrere Möglichkeiten gezeigt werden. Ihr lasst aber für unser Beispiel alles so wie es ist und fahrt wie folgt fort: Ihr setzt das neu erschienene Fadenkreuz, dass euren Mauszeiger ersetzt, irgendwo am oberen Rand eurer markierten Fläche an und zieht mit gedrückter linker Maustaste eine gerade Linie nach unten
In etwa so:


5.) Schritt 5 ist eigentlich so klein, dass es gar kein Schritt ist xD
Ihr wählt einfach im Ebenen-Fenster euer Grundgerüst aus und drückt auf den "Ebene löschen" Button.
Jetzt haben wir wieder bessere Sicht, weil der Hintergrund nun transparent sein dürfte


6.) Als nächstes machen wir uns an die rote Linie, die Domi durch die Scorebox gezogen hat
Dafür gehen wir wieder auf die Toolbox und wählen "Linien/Kurven" (Natürlich könnt ihr auch hier wieder mit den Farbverläufen von eben arbeiten; wie es euch besser gefällt ) und stellt die Pinselstärke hoch auf 5 (Oder wie dickt ihr es eben haben wollt ;D)
Allerdings müsst ihr, bevor ihr eure Linie zieht in der oberen Leiste auf die blaue Schlangenlinie sag ich einfach mal klicken, um das so genannte Anitialiaising (so lern auch ich dazu) zu deaktivieren ! Das hat den Effekt, dass unsere Linie keinen halbtransparenten Ränder besitzt! Wenn ihr nicht wisst, was ich meine, lasst es zum Testen einfach mal aktiviert.
Nun solltet ihr auch so weit sein:


7.) Wie ihr sicher merkt nähern wir uns immer mehr dem Ende !
Allerdings fehlen uns noch die dunklen Flächen, wo wir später das Ergebnis eintragen wollen =O
Dafür könnt ihr natürlich entweder zwei graue Kästchen machen, oder ihr seid ordentlich und arbeitet wieder mit Farbverläufen!
Ich habe mich für Variante 2 entschieden ;3
Zuerst braucht ihr allerdings trotzdem die zwei grauen Käste, die ihr wieder mit dem "Rechteck-Tool" zieht und dann mit Pinsel, Stift oder Farbeimer ausfüllt; das ist euch überlassen ;D
Jetzt verfahren wir wieder, wie in Schritt 4: Ihr wählt erstmal zwei Hellgrau-Töne aus (Sekundärfarbe einen Tick dunkler als die Primärfarbe), markiert die obere Hälfte beider Kästen (Oben hell, unten dunkel) und zieht dann wieder die Linie nach unten
Genauso verfahrt ihr auch bei der unteren Hälfte eurer Kästen, außer dass ihr jetzt zwei Dunkelgrau-Töne wählt


8.) Nun sieht das doch schon mal gar nicht so schlecht aus ;D
Ein Schritt fehlt aber noch, bevor wir das ganze mit Vereinen und Ergebnissen füllen können: Die oberen Logos ^^
Da wir uns ja an das Beispiel halten wollen wären das ein Sky-Logo, ein BuLi-Logo und ein Krombacher-Logo =O
Ich erkläre es euch anhand ersterem; mit den beiden anderen müsst ihr dann genauso verfahren
Wenn ihr bei google.de oder sonstwo ein passendes Logo gefunden und kopiert habt, erstellt bei Paint.net über Datei-Neu wieder eine neue Arbeitsfläche (Die Größe könnt ihr so lassen, da sie auf die Größe des kopierten Bildes eingestellt ist) und fügt über STrg+V euer Logo ein
Wenn ihr Glück habt ist euer Hintergrund bereits transparent, wenn nicht, dann verfahrt wie folgt:
Wählt in der Toolbox das "Zauberstab"-Tool aus, lasst in der oberen Leiste die Toleranz auf 50 (Sie gibt an, wieviel der Zauberstab markieren soll) und drückt auf die weiße Fläche. Der Zauberstab ist nämlich so schlau und markiert immer Flächen ähnlicher Farbe, die aneinander liegen (Je nachdem wie viel Toleranz ihr einstellt), wodurch auch halbtransparente Weß-Töne verschwinden, die wir nicht brauchen können ! Anschließend drückt ihr die "Entf"-Taste und Voilà - Euer Logo ist ausgeschnitten


9.) Allerdings ist es jetzt noch ein wenig groß für unsere Bedürfnisse ó__ò
Also wählt ihr in der oberen Leiste nun Bild-Größe Ändern aus und gebt einen neuen Wert ein
In unserem Fall würde sich 55x35 gut eignen


10.) Habt ihr das soweit geschafft, könnt ihr euer Logo über Strg+A markieren und anschließend mit Strg+C kopieren ;D
Erstellt euch bei eurer Scorebox wieder eine neue Ebene (Damit der transparente Hintergrund bei eurem Logo nichts überschreibt), fügt euer Logo mit Strg+V ein und platziert es an die gewünschte Stelle ;D! So verfahrt ihr dann auch mit den anderen beiden
Euer vorzeitiges Endergebnis dürfte nun so ausschauen:


11.) Wenn ihr wollt könnt ihr jetzt natürlich noch wie im Beispiel einen halbtransparenten Ramen um die Kästen ziehen mit dem Rechteck-Tool (Dafür einfach in der Farb-Box auf "Mehr>>" und den Transparenz-Regler unten verschieben), aber das habe ich mir jetzt gespart ;D
Ähnlich wie ihr es mit den Logos gemacht habt, könnt ihr euch noch die entsprechenden Vereinswappen heraussuchen, verkleinern und in die dafür vorgesehenen Boxen einfügen! Danach wählt ihr für den Text in der Toolbox das "Text"-Tool, wählt Schriftart, -größe, -farbe, usw aus, klickt auf die Fläche, wo ihr hinschreiben wollt und schreibt drauf los ^^


Damit wären wir dann auch eigentlich schon am Ende angekommen ;D
Ich hoffe ihr konntet was draus lernen und freut euch über weitere Teile ^^"
Ganz wichtig noch zum Schluss: Wenn ihr mal einen Fehler gemacht habt, könnt ihr den ganz einfach durch Strg+Z oder in der oberen Leiste über Bearbeiten-Rückgägig rückgängig machen
Fatti987, Europaskiller und Ralf gefällt dieser Beitrag.
__________________
Jisatsu ist offline   Mit Zitat antworten
Alt 02.09.2011, 16:41   #2
Star
 
Benutzerbild von fcb-fan-1995
 
Registriert seit: 30.06.2010
Beiträge: 16.208
fcb-fan-1995 eine Nachricht über Skype™ schicken
Standard AW: Grafiktutorials

Respekt! Ich probiere mal, ob es auch mit Gimp geht bis heute Abend und poste Sachen, die man vielleicht anders machen müsste
fcb-fan-1995 ist offline   Mit Zitat antworten
Alt 02.09.2011, 16:43   #3
H96
Europa League !
 
Benutzerbild von H96
 
Registriert seit: 25.07.2011
Ort: Hannover
Beiträge: 6.204
H96 eine Nachricht über ICQ schicken
Standard AW: Grafiktutorials

Find ich richtig gut!
Ich probiere es wahrscheinlich auch bald mal für Gimp aus, mal sehen wie es klappt!
H96 ist offline   Mit Zitat antworten
Alt 02.09.2011, 19:33   #4
SOLO ASK!
 
Benutzerbild von Lask Fan
 
Registriert seit: 04.09.2009
Ort: Österreich <3
Beiträge: 6.579
Standard AW: Grafiktutorials

Cool danke

Hoffentlich wird da noch mehr kommen ;D
Lask Fan ist offline   Mit Zitat antworten
Alt 02.09.2011, 20:09   #5
FIFA 12 Legende
 
Benutzerbild von DJoke
 
Registriert seit: 31.08.2010
Ort: Bränel
Beiträge: 857
Standard AW: Grafiktutorials

Super Tuto
DJoke ist offline   Mit Zitat antworten
Alt 03.09.2011, 15:45   #6
Domi O'Mac is here! xD
 
Benutzerbild von FifaReports
 
Registriert seit: 22.03.2011
Ort: Göttingen
Beiträge: 64
Standard AW: Grafiktutorials

Meine Scoreboards sind Fame xDD
Finde es toll das du dir mal zeit genommen hast um den "Anfängern" mal ein Tut zu erstellen. Alles top beschrieben und hut ab
FifaReports ist offline   Mit Zitat antworten
Alt 03.09.2011, 15:52   #7
KINGKILLASONNYBLACK
 
Benutzerbild von Speedy04
 
Registriert seit: 28.06.2011
Beiträge: 6.264
Standard AW: Grafiktutorials

hab das Tutorial gerade nachgemacht, klappt alles super - auch mit Photoshop

Danke
Speedy04 ist offline   Mit Zitat antworten
Alt 03.09.2011, 15:54   #8
FORMEL 1 WELTMEISTER 2014
 
Benutzerbild von marin10_
 
Registriert seit: 15.05.2010
Beiträge: 23.234
marin10_ eine Nachricht über Skype™ schicken
Standard AW: Grafiktutorials

Ich würde mir ein Tutorial über solche Spielereffekte wünschen^^
Also solche Wirbel usw um den spieler herum, für Paint.net hehe
marin10_ ist offline   Mit Zitat antworten
Alt 03.09.2011, 15:58   #9
KINGKILLASONNYBLACK
 
Benutzerbild von Speedy04
 
Registriert seit: 28.06.2011
Beiträge: 6.264
Standard AW: Grafiktutorials

Ich würde mir eins für Spielergrafiken wünschen :p
Speedy04 ist offline   Mit Zitat antworten
Alt 03.09.2011, 18:05   #10
H96
Europa League !
 
Benutzerbild von H96
 
Registriert seit: 25.07.2011
Ort: Hannover
Beiträge: 6.204
H96 eine Nachricht über ICQ schicken
Standard AW: Grafiktutorials

Ich auch
Am besten für Gimp ^^
H96 ist offline   Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Login
Benutzername:
Kennwort:


Statistik
Themen: 33.356
Beiträge: 724.311
Benutzer: 18.298
Benutzer online: 8
Gäste online: 91
Gesamt online: 99
Benutzer Infos
Name: Unregistriert
Rang:
Beiträge:
Werbenetzwerk
Fantastic Zero
Glam Entertainment
Anzeige
Aktuelle FIFA News
FIFACentral
Strategische Partnerschaft
Electronic Arts
FIFA 4 Fans
Empfehlungen

Alle Zeitangaben in WEZ +2. Es ist jetzt 11:20 Uhr.

Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.0
Powered by vBCMS® 1.2.5 ©2002 - 2014 vbdesigns.de
Das FIFA 4 LIFE Forum ist Mitglied im FIFACentral Netzwerk
© FIFA 4 LIFE Forum 2006-2014