All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 9 posts ] 
Author Message
 Post subject: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 27 Oct 2010, 18:48 
Offline
2D Crew
User avatar

Joined: 26 May 2009, 17:54
Posts: 1338
Location: France, Angouleme

Manialink   Garage  
[FR] Bonjour à tous,
dans ce tuto je vais expliquer mes deux principales méthodes pour faire de jolies screens.
Je prends en compte le fait que vous sachiez vous servir d'un logiciel de retouche photo ainsi que du Mediatracker de Trackmania.

I- Le contre-braquage: Es muy fàcil!!!
II- Photo montage: Votre skin dans un parking....


[EN] Hello all,
In this tutorial, I'll explain 2 of my technics to have nice screenshots.
I assume that you can use a softare as Gimp or Photoshop and that you know how to use the TM Mediatracker.

I- Counter-steering : Es muy fàcil!!!
II- Photomontage: Your skin in a carpark....

_________________________________________________________________
[FR]
I. Le contre-braquage: Es muy fàcil!!!


Lancer le jeu puis, choisissez une voiture pour coast (ça glisse mieux, et il y a pleins de mod pour faire de joulis décors!!). Faites une course simple en solo, et dans un virage que vous aurez choisis au préalable, vous commencerez à "drifter" et puis vous allez vous arrêter (en essayant de rester sur les traces) et puis, en étant à l'arrêt, vous allez tourner les roues de l'autre côté.
Ca donne ça (En rouge c'est ma vitesse. Je suis aller trop loin mais en reculant je me suis replacer sur les traces):Image

Enregistrez le replay, puis allez dans l'éditeur de replay (heureusement) et ouvrez votre enregistrement. Cliquez sur "Importer un Fantôme"(entouré en rouge) et reprenez le même enregistrement.
Image

Vous placez la caméra en face du virage, vous déplacez le curseur du temps pour voir votre voiture à l'arrêt et avec le roues tournées.Là vous allez cliquer sur la timeline du deuxième fantôme (en bleu pour moi) et la déplacer vers la droite (comme sur le screen) pour qu'il traverse la voiture arrêtée (cf: screen). Remontez un peu le temps puis passez au ralenti et appuyez sur stop quand les deux se traversent. (PK? -> Pour avoir la fumée et des traces arrondies...). Une fois que vous avez tout ça, sélectionnez le 2eme fantôme et supprimez-le (bouton en rouge).
Image

Replacez la caméra comme vous le souhaitez et prenez un screen!!!
Ca donne ça:
Image


_____________________________________________________________________

II.Photo montage: Votre skin dans un parking....


On va placez notre belle voiture dans la vie réelle. Comme environnement on va prendre un parking:
http://www.atpm.com/13.10/tim-allen/ima ... 0Night.jpg

Lancez le jeu, enregister un replay avec votre caisse sur le mod White Out: http://www.tmmod.info/files/redir.php?id=591
Faites la prendre des virages des trucs basiques...

Ensuite ouvrez l'Editeur de replay et réduisez TM et mettez en fond le parking. Placez la cam' en fonction de la perspective. Pour bien placer la prise de vue je fais comme ça:
Image

Remettez TM en plein-écran et prenez le screen sans rien toucher. Fermez TM et glisser votre Screen dans le logiciel de retouche, par dessus le parking. Détourrez la caisse et placez-la par rapport à la taille de l'envirronement.
Vous avez désormais 2 Calques: Dessous> Le parking Dessus> la caisse détourrée.
Image

Créez un calque tout dessus pour faire les ombres de la carroserie. Soyez imaginatif et respectez les lumières et les formes de la caisse. Ici j'ai fais une zone de lumière au milieu. En fait j'ai rempli en noir, puis j'ai supprimé le mileu en adoucissant les bords. Ensuite j'ai baissé l'opacité du calque.
Image

Pour terminer, faites un calque sous la voiture, pour l'ombre. Regardez d'où vient la lumière puis faites le tour du bas de la caisse. Adoucissez la sélection, d'en gros 50 pixels en remplissez en noir.
Image


Voilà, c'est fini et on a ça: Image

Et si on fait un mélange Contre-braquage et photo-montage:
Image

Si vous avez une méthode, vous pouvez nous la décrire à la suite, avec pleins d'images!!! [FR]
_______________________________________________________________________
[EN]
I. Counter-steering : Es muy fàcil!!!


Run the game, then choose a car for Coast (the best for drifting and there are a lot of nice mods for very nice landscapes). Play a simple race in solo mode, and in a turn you have chosen, start drifting then stop (and try to stay on the skid marks), and while you are stopped, turn your wheels in the other side.
You have this (in red it's my speed. I was too far but I rove back and I could replace the car on the marks) :
Image
Save the replay then go to the replay editor (of course) and open your saved replay. Click on « import ghost » (circled in red) and open again the same replay.
Image
Place the camera in front of the turn, move the time cursor to see your car stopped with the wheels turned in the other side. Here you click on the timeline of the second ghost (in blue for me) and move it to the right side as on the screen so that the ghost passes through the stopped car (cf screen).
Go a little back in time, then play it in slow motion and click on stop when the 2 skins are stacked (why ? → to have the smoke and the marks...). Now you can delete the second ghost (red button).
Image
Replace the camera like you want and take a screen !!
Image

_____________________________________________________________________

II.Photomontage: Your skin in a carpark....

We'll place our nice car in the real life. We'll take this carpark as environment :
http://www.atpm.com/13.10/tim-allen/ima ... 0Night.jpg
Run the game, save a replay with the White Out mod : http://www.tmmod.info/files/redir.php?id=591
Drive on some turns, basic things...
Then open the replay editor, reduce TM and open your carpark picture. Place the camera depending on the perspective. To place correctly the camera I do this :
Image
Put back TM in full screen, ans take the screen. Close TM and open your screen in the picture softare, above the carpark screen. Cut the car and put at the right size in relation to the environement.
Now you have 2 layers : the carpark below and the car above.
Image
Add a layer above the others to create the shadows. Be imaginative and respect the lights and the forms of the car. Here I made a light area in the middle. Actually I filled with black, then I have deleted the middle and softened the edges. And I played with the opacity of the layer.
Image
Finally, add a layer below the car for the shadow. Look for the light and draw the bottom of the car. Soften the selection, approximately 50 pixels and fill it in black.
Image
That's it, we have this : Image
And a mixture between counter steering and photomontage : Image

If you have other methods, feel free to add it here !!!

Translation by Pj059

_________________
Image


Last edited by cSammiec on 29 Oct 2010, 10:46, edited 3 times in total.

Top
 Profile  
 
 Post subject: Re: [Tutorial - 2D] Contre-braquage et Photo-montage.
PostPosted: 27 Oct 2010, 20:27 
Offline
Moderator
User avatar

Joined: 30 Nov 2008, 03:46
Posts: 2656
Location: Toulouse-Mazamet

Garage  
très sympa comme tuto, merci!

_________________
Image
Image


Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 28 Oct 2010, 19:58 
Offline
2D Crew
User avatar

Joined: 02 Jun 2009, 19:33
Posts: 2962
Location: France, 59

Garage  
[EN] English version : How to create a screen with reflection : see below

[FR]
Comment faire un screen avec reflet


Ce tuto a pour but d'expliquer comment on peut avoir ça :
Image
Merci à Furious31 pour ses explications ;)

Tout d'abord, il faut récupérer le mod Whiteout (ici, merci à stephop pour le lien..., Miroir également ici).
On commence par créer une nouvelle map sur l'enviro Island avec le mod Whiteout. Evitez les maps tordues marathon, etc..., un bloc départ et un bloc arrivée ça suffit... Ne pas oublier de le sauvegarder... Il faut ensuite sauvegarder un replay qui servira à prendre les screens, donc faites faire à votre voiture ce que vous voulez sur la map, S pour sauvegarder. Ensuite on va entrer dans le MediaTracker, pour cela cliquer sur la petite caméra :
Image
On arrive ici :
Image
Pour pouvoir accéder au MediaTracker il faut créer un ghost, cliquer sur « enregistrer un ghost pour le Mediatracker », lorqu'on a fini on le sauve. On peut maintenant cliquer sur « Editer » pour la phase « Pendant le jeu » :
Image
On arrive dans le MT. Première chose à faire, on clique par exemple sur le bloc départ pour poser un déclencheur, il ne sert à rien pour notre screen mais il faut en mettre un. On clique sur la troisième icône en bas pour le valider et on clique sur la cinquième icône en haut pour importer un replay :
Image
On choisit le replay qu'on a enregistré tout à l'heure, on peut choisir le skin qui nous intéresse en cliquant sur la timeline correspondant au replay et en choisissant dans le cadre à gauche.
On peut maintenant ajouter une caméra personnalisée, pour cela cliquer sur la quatrième icône en bas (le carré à côté de la corbeille) et choisir « caméra personnalisée »
Image
Cliquer sur la double flêche pour afficher la timeline complète sur l'écran, choisir avec le curseur la position du replay qui nous intéresse et cliquer sur « insérer une clef » ( troisième icône en bas en partant de la droite). Maintenant la caméra est éditable, on peut la placer comme on veut par rapport à notre voiture (laisser de la place sous la voiture pour le reflet) :
Image
Il faut maintenant verrouiller la caméra sur notre skin, pour cela choisir en cible et ancrage votre pseudo (celui avec lequel vous avez enregistré le replay), au besoin arranger la position de la caméra avec les flêches et les touches page sup et page inf. En cliquant sur les trois points dans la zone à gauche on déroule les coordonnées de la caméra.
Avec tab on cache le menu du MT et on peut prendre notre screen
Image
Maintenant qu'on a notre screen vu de dessus, on va faire le reflet.
Pour cela, il suffit de mettre un – devant la valeur de Y de la caméra :
Image
Tab, on prend notre screen vu de dessous
Image
La phase dans TM est finie...

Montage final

Il suffit d'importer nos 2 screens dans un logiciel type Photoshop ou Gimp (qui gère les calques). Une symétrie d'axe horizontal pour notre screen vu de dessous nous donne le reflet. Grâce au mod Whiteout on peut facilement virer le décor blanc autour des voitures, simplement avec la baguette magique, parfois pour les skins à couleur principale blanche c'est moins pratique, il vaut mieux passer par la plume. On peut découper l'ombre avec la plume et la placer sur un calque entre le reflet (en dessous) et la vue de dessus (tout en haut de la pile des calques), en mode produit (multiplier sous Gimp) on obtient une ombre qui laisse voir le reflet. Avec un peu de flou, un masque de calque et un dégradé j'ai obtenu ceci en 10 minutes :
Image

Astuce de cSammiec : comment détourer un skin blanc

cSammiec wrote:
Votre skin est BLANC et vous voulez faire un screen avec un reflet, j'ai la solution.

Copiez le zip de votre voiture. Allez dans le Painter du jeu (pas besoin d'un skin de qualité... ;)) et peignez votre doublon en noir mat.
Image

Faites un replay avec une des deux voitures et enregistrez. Allez dans l'Editeur de replay et ouvrez votre replay. Placez la caméra, prenez un screen, puis sans rien toucher, cliquez sur la timeline du fantôme en bas et dans la fenêtre de gauche cliquez sur les points de suspensions à côté du nom de votre skin. Choisissez l'autre doublon du skin et prenez un second screen.
Vous aurez deux images.
Image
Vous ouvrez le screen avec la voiture noire et d'un coup de baguette magique vous la détourez en un clin d'oeil.
Image
Servez vous de cette sélection pour détourer votre voiture blanche.
Image
Vous avez votre magnifique screen avec votre voiture blanche.
Image





[EN]
How to make a screen whith reflection

This tutorial aims to explain how you can make this :
Image
Thx to Furious31 for explanations ;)

First, you must have the mod White Out (here, thanks to stephop for the link... Mirror also here).
We start by creating a new map for Island with the White Out mod. Avoid marathonian maps, a start block and a finish block are enough... Don't forget to save. Now we must save a replay, which we'll be used to take the screenshots. « S » to save. Now we can enter in the Mediatracker, click on the little camera :
Image
We have this :
Image
To be able to edit the Mediatracker we must create a ghost. Click on « Save a ghost for the Mediatracker », when finisehd save it. Now we can click on « Edit » for « during the game » :
Image
First step, click for example on the starting block to put a trigger, it's useless for our screens but we must put one. Click on the third icon at the bottom to validate it and click on the fifth icon at the top to import a replay :
Image
Choose the replay you saved before, you can choose the skin you want by clicking on the timeline and choose in the part on the left.
Now we can add a custom camera, click on the fourth icon at the bottom and choose « custom camera »
Image
Click on the double-sided arrow to show the complete timeline on the screen, choose with the cursor the position of the replay that you want and click on « add a key » (third icon at the bottom starting from the right). Now you can edit the camera, place it as you want around the car (let some space under the car for the reflection) :
Image
Now we must lock the camera on our skin : choose your pseudo (the one you used to make the replay) for « target » and « anchor », you can improve the position of the camera with the keyboard arrows and the « page down » and « page up » keys. You can unroll the coordonates of the camera by clicking on the three points on the left.
With Tab you hide the menu and you can take your screen
Image
Now we'll make the reflection. To do this, simply put “-” in front of the Y value of the camera:
Image
Tab, take the screen
Image
Phase in TM is over....

Final assembly

Simply import your 2 screens in a software like Photoshop or Gimp (which manages the layers). A horizontal axis symmetry for your screen viewed from below gives the reflection. With the mod Whiteout you can easily delete the white decor around cars, just with the magic wand, sometimes for the skins which main color is white it's less convenient, it is better to use the pen. We can cut the shadows with the pen and place them on a layer between the reflection (below) and the normal view (top of the layer), with the multiply mode we obtain a shadow and see the reflection. With a little blur, a layer mask and a gradient I got this in 10 minutes:
Image

cSammiec's tip : how to delete the white background when you have a white skin

cSammiec wrote:
Your skin is WHITE and you want to make a screen with reflection, I have the solution.

Duplicate the zip of your skin. Go in the TM painter (we don't need quality for this skin ;) ) and paint your doubloon in mate black.
Image
Make a replay with one of the two cars and save it. Go to the replay editor and open your replay. Place the camera, take a screen, then don't touch anything and click on the timeline of the ghost. In the left window, wlick on the three points and choose the other doubloon of the skin. Take a second screenshot. Now you have two screens
Image
Open the screen with the black skin and with the magic wand select the white background.
Image
Use this selection to delete the background on the screen with the white skin.
Image
You have now a wonderful screen with your white skin.
Image

_________________
ImageImage
Image


Last edited by pj059 on 21 Jun 2012, 18:58, edited 4 times in total.

Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 28 Oct 2010, 21:44 
Offline
2D Crew
User avatar

Joined: 14 Apr 2008, 20:36
Posts: 1117
Location: Reims

Garage  
[FR]
Le site TMMOD va s’arreter le 1er novembre. Dans l’attente d’une reprise possible par TM-ACTU, je met à dispo le mod sur mon FTP ;)

[EN]
The site TMMOD will stop on 1 November. In anticipation of a possible takeover by TM-ACTU, I provide the mod on my FTP ;)

[DE]
Die Website TMMOD wird am 1. November zu stoppen. Im Vorgriff auf eine mögliche Übernahme von TM-ACTU, biete ich die Mod auf meinem FTP ;)

Link : WhiteOut Mod

_________________
Image


Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 28 Oct 2010, 22:49 
Offline
2D Crew
User avatar

Joined: 02 Jun 2009, 19:33
Posts: 2962
Location: France, 59

Garage  
Merci pour l'info, j'espère que le site sera repris...
Je me permets d'inclure ton lien dans mon tuto :thx

_________________
ImageImage
Image


Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 29 Oct 2010, 00:46 
Offline
Moderator
User avatar

Joined: 25 Jul 2009, 21:03
Posts: 1088
Location: Lyon

Garage  
merci Pj pour le tuto :bier
(+Furious+ cSammiec + Steph)

je vais pouvoir tenter de faire un screen du coup :)

(et pour Tm Mod, ne vous faites pas de soucis ^^)

_________________
Image
Image


Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 29 Oct 2010, 11:44 
Offline
Moderator
User avatar

Joined: 30 Nov 2008, 03:46
Posts: 2656
Location: Toulouse-Mazamet

Garage  
Sympa l'astuce de cSammiec

_________________
Image
Image


Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 29 Oct 2010, 12:46 
Offline
2D Crew
User avatar

Joined: 26 May 2009, 17:54
Posts: 1338
Location: France, Angouleme

Manialink   Garage  
Y'a pas de quoi...

_________________
Image


Top
 Profile  
 
 Post subject: Re: [Tutorial - Screens] Special effects screens FR/ENG
PostPosted: 01 Sep 2011, 11:48 
Offline
2D Crew
User avatar

Joined: 26 May 2009, 17:54
Posts: 1338
Location: France, Angouleme

Manialink   Garage  
Petit Up:

Sur la demande de Ricardosan, j'ai préparé ce petit tuto:

COMMENT AJOUTER UNE FUMEE REALISTE SUR UN SCREEN:
-----------------------------------------

Pré-requis:
- Ps smoke brushes ( Pour les utilisateurs de GIMP, les brushes Photoshop sont uilisables à partir de la version 2.4)

- No smoke for video shooting ( fait par moi ^^. A placer dans: "TmUnitedForever\GameData\Vehicles\Media\Texture\Image)

-------------------------------------------
Tuto

Tout d'abord choisissez (ou prenez) un screen où l'ajout de fumée sera simple. Les vues de dessus ou de derrière sont à éviter car le résultat risque d'être laid. Le screen de 3/4 face est parfait.
Exemple pour ce tuto:
Image


L'application de la fumée est très simple, choisissez la brush adéquat et une couleur de premier plant blanche ou grise très claire. Puis appliquez, en pivotant la brush s'il le faut....
Image

Il ne reste plus qu'a effacer les zones qui ne doivent pas êtres couvertes. Utilisez un piceau adouci à 50% et d'environ 14 pixels (pas besoin d'être précis.... :D ). Pour les roues, faites des tests. Dupliquez vos calques (au cas où, mais il faudra les supprimer pour garder une certaine transparence) et essayez des flous radiales ou donnez du mouvement avec l'outil "doigt". Pour avoir à peu près ça:
Image

Ajoutez votre touche perso au screen et c'est bon!!!!!
Résultat Final
Image

PJ059 wrote:
[EN] Small update :

Since Ricardosan asked it, I made this little tuto :


[FR] HOW TO ADD REALISTIC SMOKE ON A SCREEN :
-----------------------------------------

What you need :
- Ps smoke brushes (for GIMP users : since 2.4 GIMP can handle Ps brushes)

- No smoke for video shooting ( Made by me^^. Place it in : "TmUnitedForever\GameData\Vehicles\Media\Texture\Image)

-------------------------------------------
Tuto

First, choose (or take) a screen where adding smoke will be easy. Avoid top or back views because the result might be ugly. 3/4 front view is perfect.
Example for this tuto:
Image

Applying smoke is really easy, choose the adequate brush and a light foreground color (white or light silver). Then, apply, by rotating the brush if needed...
Image

Now you just need to erase the areas that must not be covered. Use a pencil softened to 50 % and with a size of approximately 14 pixels (no need to be precise... :D). For the wheels, make tests. Duplicate your layers (just in case if you make a mistake, but they will be deleted later to keep a good transparency) and test some radial blurs or give some movement with the « finger » tool. To get something like that :
Image

Add your personal touch and that's all !!!!
Final resultl
Image


Thanks PJ :D

_________________
Image


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 9 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
Powered by phpBB