[HowTo] use GIF Animation in Counter Strike Source by ACB

ACB

Well-Known Member
22 Feb 2012
202
0
16
world wide web
~ German ~

Hallo Elite HunterZ!
In diesem Tutorial zeige Ich Euch wie ihr GIF Animationen unter Counter Strike Source nützen könnt.
Dieses Tutorial habe ich selber verfasst in 15 Minuten. Also Entschuldigt bitte meine Rechtschreibfehler oder sonstiges.
Bei Fragen/Anregungen/Kritik oder sonstigem, könnt Ihr mir gerne eine PM schreiben oder Euch hier im Thread äußern.

Lets Go!



Schritt 1.
Benötigte Programme laden:
- VTFEdit downloaden (Download: http://nemesis.thewavelength.net/files/files/vtfedit125-11.exe)
- GifSplitter v2.0 (Download: http://www.freewarefiles.com/GifSplitter-V_program_14905.html)


Schritt 2. – GIF splitten

So, ihr sucht euch eure gewünschte .GIF Animation aus und öffnet „GifSplitter v2.0“.
<--> Nachdem ihr „GifSplitter“ geöffnet habt, klickt ihr unter <Input> auf die drei Punkte „…“ :

1.png


<--> …Nun wählt ihr eure gewünschte GIF Animation und klickt auf „Öffnen“:
2.png


<--> So, nun wählt ihr einen Platz aus, wo die gesplittete GIF Animation entpackt werden soll. Das macht ihr unter <Output> und „…“:

3.png


<--> Platz/Ordner auswählen, wo es entpackt werden soll:
4.png


<--> Jetzt splitten wir die Animation. Dazu klicken wir einfach auf „Split Now“:

5.png


<--> Die GIF Animation wird je nach dem wie diese aufgebaut ist in verschiedene Frames gesplittet. Ihr schließt nun „GifSplitter“. Eure Animation sollte nach dem splitten ungefähr so aussehen (im Output Folder zu finden):

6.png



Schritt 3. - VFTEdit

Öffnet nun VTFEdit:

7.png


<--> Ihr geht auf „File“ (oben links) und dann auf „Import“:
8.png


<--> Ihr sucht euren Output Ordner und wählt alle einzelnen Frames euer GIF aus und klickt anschließend auf „Öffnen“:
9.png


<--> Es öffnet sich nun das VFT Option Fenster mit euer GIF Animation. Ihr könnt nun an den Settings rumspielen, ausprobieren…Ich rate euch jedoch davon ab. Nimmt am besten die Settings, die ich auch habe:
10.png


!!!Wichtig: Damit überhaupt GIF Animationen in CSS angewendet werden, müssen die Breite und die Höhe gleich groß sein! Das heißt: 32x32; 64x64, 128x128, 256x256 usw. Ich empfehle euch die Animationen nie größer als 256x256 pixel zu wählen (werden sonst nicht angezeigt in CSS). Die optimale Größe ist (meinen Erfahrungen nach) 128x128!!!

Ihr klickt nun auf „OK“ und es sollte dann ungefähr so aussehen:

11.png


<--> Jetzt geht ihr wieder auf „File“ (oben links) und klickt auf „Save As…“:

12.png


<--> So, nun wird es wichtig! Ihr müsst eure nun fertige Animation in den Ordner „Logos“ speichern. Diesen Ordner findet ihr unter folgendem Pfad!!!:
13.png


<--> C:\Program Files\Steam\SteamApps\STEAMNAME\counter-strike source\cstrike\materials\vgui\logos <-->
Wichtig!!!: Ihr müsst die GIF in diesem Ordner speichern, ansonsten geht es nicht. Der Pfad kann von System zu System anders sein. Auf der deutschen Windows 7 Version (32/64 Bit) sollte es jedoch genau wie oben angegeben sein!!!




4.Schritt. – CSS
So, eure GIF Animation sollte nun fertig sein. Ihr schließt „VFTEdit“ und öffnet „Counter Strike Source“
<--> In CSS geht ihr unter „Optionen“…:

1.jpg


<--> …auf „Multiplayer“ :
14.png


<--> Ihr klickt auf „Graffiti-Bild importieren“…:
15.png


<--> …und wählt eure GIF Animation (.vft) im Ordner „Logos“ aus und klickt anschließend auf „Öffnen“:
16.png


So, Fertig
icon_e_wink.gif

Nun solltet ihr eine GIF Animation als Spray haben. Ihr könnt nun eine Map/ einen Server suchen und es testen.


~ English ~
comming soon

~ Video ~
[video=youtube;8frzk2oROb8]http://www.youtube.com/watch?v=8frzk2oROb8[/video]


 

ACB

Well-Known Member
22 Feb 2012
202
0
16
world wide web
Push ;)
I have record a video. There you also can see how you set up a GIF in vft.

For all english users, you really do not need a english version^^ The Screens and the Video are enough.

Also for them who cant use it, post your .gif animation here and i will do it for you.
Greets. ACB
 

Dominik.

Ex-Admin
Ex Admin
25 Aug 2012
600
19
18
25
You can change it easily with VTFedit.
But wouldnt be bad if you'd explain that for some players-
 

winter

Ex-Admin
Ex Admin
14 Nov 2012
475
40
28
28
Spain



~ Video ~
[video=youtube;8frzk2oROb8]http://www.youtube.com/watch?v=8frzk2oROb8[/video]


Thank you! But i must disagree with the music of the video. Do you know what thay sing? i mean, do you understand it? Lol, never heard so much profanity and sex references in a song.
 
Last edited:

ACB

Well-Known Member
22 Feb 2012
202
0
16
world wide web
Thank you! But i must disagree with the music of the video. Do you know what thay sing? i mean, do you understand it? Lol, never heard so much profanity and sex references in a song.

Lol?
Really? ^^
I dont understand any word. A friend have send me this song via messenger and i liked the beat^^
 

winter

Ex-Admin
Ex Admin
14 Nov 2012
475
40
28
28
Spain
Lol?
Really? ^^
I dont understand any word. A friend have send me this song via messenger and i liked the beat^^
Yes, many people listen to reggae and some kind of music, but they dont know what the most of the songs means ;)
 

ACB

Well-Known Member
22 Feb 2012
202
0
16
world wide web
Bump guys!

I have finished you some GIF Animations (in .vtf). That means, you must only put this .vtfs in the .../logo folder. Look at the first post, there is the directlly pfad.
(pfad "
<--> C:\Program Files\Steam\SteamApps\STEAMNAME\counter-strike source\cstrike\materials\vgui\logos <-->")

1. Animation:

2.gif


Downloadlink: https://www.dropbox.com/s/luqh9bfcd2uvqlh/spray.vtf

2. Animation:

spray1k7m9tbivy8.gif

Downloadlink: https://www.dropbox.com/s/9x8527momb3az87/spray1.vtf

3. Animation:
spray22uywoh5fqv.gif

Downloadlink: https://www.dropbox.com/s/yhvcacr38nw8ve1/spray2.vtf

4. Animation:

spray3hdtpxfo6z2.gif

Downloadlink:
https://www.dropbox.com/s/5fs33aihjxcriu1/spray3.vtf

5. Animation:
spray5bfdmptvzsa.gif

Downloadlink: https://www.dropbox.com/s/e9xbl2vd6nq2fcc/spray5.vtf

6. Animation:
spray65gbsupq4c3.gif

Downloadlink: https://www.dropbox.com/s/c8t6e1dkwc7v6nr/spray6.vtf


And again,
For those that wont and cant download the programms and make gif/vtf animation:
Post your animations here and i will do that for you.

Greets
 

ACB

Well-Known Member
22 Feb 2012
202
0
16
world wide web
hast du zufaellig ne ahnung, wie groß die vtf datei am ende maximal sein darf?

ansonsten super tutorial ! :D

Das weiß ich nicht genau^^
Ich hatte schon unterschiedliche Fälle.
Wie groß ist denn deine Datei nun?
Ansonsten poste mal deine .gif hier und ich guck mal.
Grüße