Please enable / Bitte aktiviere JavaScript!
Veuillez activer / Por favor activa el Javascript![ ? ]
UMV-RP | Forum

 [Tuto] Faire des séries de screens avec photoshop

:

0 Membres et 1 Invité sur ce sujet

Hors ligne Dryxio

  • *
  • 1306
    • Voir le profil
  • Nom InGame: Scott Dunford
Salut, je vais vous apprendre à faire des séries de screens à l'aide de photoshop, pour avoir un rendu comme sur les screens ici :
http://umv-rp.fr/forum/index.php/topic,10078.0.html

Déjà, il faut savoir que Photoshop est à la base payant, mais vous pouvez trouver des versions tipiak sur internet.


La première partie se fait en jeu, il faut que vous capturez en premier temps la scène en elle même, le screen qui sera en fond, sans le chat, ni la minimap en bas à gauche.

Pour enlever la minimap vous tapez la commande "/showhud ", et pour le chat vous tapez "/showchat". (pour remettre le chat vous appuyez sur F8 et vous tapez "showchat") et pour prendre le screen vous appuyez sur F12.

Donc jusque là vous avez un screen où l'on voit globalement la scène. Comme ceci par exemple : http://image.noelshack.com/fichiers/2015/27/1435732751-mta-screen-2015-06-30-20-01-12.png

Maintenant, il faut que l'on prenne juste le chat pour pouvoir l'ajouter au screen par la suite, pour se faire, vous faites réapparaitre le chat en faisant F8 et en tapant "showchat".
Quand c'est fait, il faut que vous faites en sorte que le chat soit sur une couleur unie, par exemple vous regardez le ciel, le chat sera donc sur fond bleu, et là vous prenez le screen.
ATTENTION : Il faut pas qu'il y est des nuages derrière le texte sinon ça posera problème vu que les nuages sont blancs, comme le chat.

Vous devriez avoir un screen comme ça :
http://image.noelshack.com/fichiers/2015/27/1435732989-mta-screen-2015-06-30-20-03-04.png

(là, on peut voir que le chat est sur une couleur unie, l'orange).

En résumé, vous avez jusque là :

Un screen de la scène
Un (ou plusieurs) screens du chat, sur fond de couleur unie.

Maintenant on passe sur le bureau.

Vous allez récuperer vos screens dans C:\Program Files (x86)\MTA San Andreas 1.4\screenshots
OU dans C:\ProgramFiles\MTA San Andreas 1.4\screenshots


et mettez où vous voulez, moi je les met sur le bureau, dans un dossier spécial pour les screens, pour mieux m'y retrouver.

Donc maintenant vous ouvrez Photoshop, et vous cliquez sur Fichier > Nouveau, et vous mettez les dimensions que vous voulez pour votre screen.
Voilà les dimensions que j'utilise :


Donc vous faites ok. Vous devriez obtenir logiquement un rectangle comme ceci :



Maintenant vous faites Fichier > Importer et vous sélectionnez votre premier screen, puis vous l'agrandissez un peu pour plus avoir de bords blancs, et pour pas voir l'interface de MTA.

Pour l'agrandir, j'utilise les carrés aux 4 coins de l'image, je maintiens SHIFT et je glisse jusqu'à ce que ça me plait.
(maintenir Shift sert à maintenir les proportions, pour pas que votre screen paresse tout écrasé après).


Voilà ce que ça donne avant
:


Et après:



Maintenant on va mettre les logs (le chat) sur le screen.

Vous faites Fichier > Ouvrir et vous ouvrez votre deuxième screen.

Sur la barre de gauche, avec tous les "outils", vous devriez avoir cette icone (la 4 ème en partant du haut)
:

Si vous ne l'avez pas, vous devriez avoir ça à la place :

Si vous avez la première, restez cliquez dessus, et sélectionnez l'outil "Baguette magique", comme ceci :

Maintenant vous prenez l'outil baguette magique, et vous cliquez sur la couleur de fond du chat, donc ici le orange, et ça devrait donc sélectionnez toutes les parties contenant du orange, et isoler votre texte, comme ça : http://puu.sh/iJcpM/239ad48532.jpg



Vous appuyez sur SUPPR pour supprimer le fond orange, et voilà le travail !



Bon, maintenant il reste un peu de orange dans l'intérieur de certains lettres, pour les enlever, vous sélectionnez tout le chat avec l'outil rectangle de sélection , puis vous allez dans "Sélection" (à côté de "Fichier", "Edition", "Image" etc.. dans la barre en haut), puis vous cliquez sur "Plage de couleurs"

Vous devriez avoir un truc comme ça :
(mettez la tolérance à 100)



Maintenant, avec la pipette, vous allez cliquer sur la couleur qui est resté dans l'intérieur de vos lettre (ici le orange). Si l'image est trop dézoomé, vous faites ALT + Molette vers le haut pour zoomer, puis vous appuyez sur OK.
Et là ça devrait vous sélectionner la couleur qui est à l'intérieur de toutes vos lettres, vous n'avez plus qu'à appuyer sur SUPPR pour supprimer la couleur.

Et voilà, vous avez votre chat tout propre, prêt à être importer sur le premier screen.

Pour se faire, vous avez juste à sélectionner la partie du chat que vous voulez mettre, puis vous faites CTRL+C pour copier, vous allez sur le premier screen, et vous faites CTRL+V pour coller.


Vous callez le texte où vous voulez avec l'outil déplacement .

Je vais vous donner une petite technique afin que le texte soit plus joli, c'est de rajouter un contour.

Pour se faire, regardez à droite, vous devrez avoir un truc comme ça :

Avec peut être un calque 2/3/4 etc..., si vous avez rajouter d'autre texte..

Bref, moi mon calque 1, c'est le texte que j'ai rajouté, donc vous double cliquez soit sur le carré à gauche, soit dans le vide, à droite de "Calque 1".

Vous allez maintenant dans "Contour", tout en bas, et vous mettez 1 pixel en taille.

Vous pouvez vous amuser à mettre une ombre interne pour rendre le truc encore plus stylé (ce que je fais pas sur mes screens), pour ça, vous faites la même manip' que pour le truc du calque 1, , vous double cliquez sur le carré, et vous allez dans "Ombre interne", et vous vous amusez à régler la taille, la distance etc...

Voilà comment ça peut rendre :




Hors ligne Howard Clayton

  • *
  • 246
    • Voir le profil
  • Nom InGame: Howard Clayton
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #1 le: 01 07 2015, 10:00:16 »
Merci beaucoup, pour la suite de mes screens, je vais utiliser ces techniques si sa ne te dérange pas. ^^'

Si t'as pas de raison de vivre, trouves une raison de crever.

Hors ligne Florian_Fartello

  • Bg d'la terre.
  • *
  • 2573
    • Voir le profil
  • Nom InGame: Florian Fartello
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #2 le: 01 07 2015, 10:38:12 »
Très bon tutoriel, merci du partage :)

Hors ligne Memphis

  • *
  • 3624
    • Voir le profil
  • Nom InGame: N/A
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #3 le: 01 07 2015, 10:54:09 »
C'est clair qu'avec photoshop, le rendu est mieux. Merci!
74 Grove Street Willbrooks est un gang de rue basé sur le mouvement Gangster Disciples. Ils seraient une trentaine de membre actifs à résider à Grove Street et ses environs. Leurs principaux rivals sont toutes les bandes des Black Disciples ainsi que la quasi totalité des gangs Surenos

YOUTUBE CHANNEL - 74 GROVE STREET WILLBROOKS

Hors ligne Dryxio

  • *
  • 1306
    • Voir le profil
  • Nom InGame: Scott Dunford
Re : Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #4 le: 01 07 2015, 11:42:15 »
Merci beaucoup, pour la suite de mes screens, je vais utiliser ces techniques si sa ne te dérange pas. ^^'

Si je l'ai partagé, c'est pas pour rien. :)

Hors ligne Zerka

  • *
  • 88
  • www.youtube.com/user/WeehxTeam
    • Voir le profil
  • Nom InGame: Jeezy DeJordan - Jeezy Antetokounmpo
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #5 le: 01 07 2015, 12:30:46 »
Très bon tutoriel, merci Wilson !

Hors ligne DADINHO

  • CIDADE DEL LUZ, Grandé, DADINHO
  • *
  • 1410
  • " Grand Dé, Dadens, Dadinho "
    • Voir le profil
  • Nom InGame: " Le D "
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #6 le: 01 07 2015, 15:37:55 »
Cool! Il me manque plus que photoshop..   :'(

Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #7 le: 01 07 2015, 18:42:20 »
J'demande 50k € pour avoir participé au tuto x)

Hors ligne DOZZENTI ДОЗЗЕНТИ

  • DOZZENTI aka LE PROPRIO DE LA BOMBASSE ̿̿ ̿̿ ̿̿ ̿'̿'\̵͇̿̿\З= ( ▀ ͜͞ʖ▀) =Ε/̵͇̿̿/’̿’̿ ̿ ̿̿ ̿̿ ̿̿
  • *
  • 3917
  • НО НЕ ЛАКЕЙ ЗАКОНА
    • Voir le profil
  • Nom InGame: Bᴇɴzo_Dozzᴇɴᴛɪ Анастасия_Никитична_Лебедева Cʜᴇᴏ_Zᴜᴍᴀʀʀᴀɢᴀ
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #8 le: 01 07 2015, 19:21:41 »
Merci beaucoup (mais j'fais la même sur Paint).


Sponsors de la faction :


Hors ligne Mawns

  • *
  • 1345
  • Drinkin', jackin' and shootin'-that's how he roll.
    • Voir le profil
  • Nom InGame: Judge Morston
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #9 le: 11 07 2015, 00:27:23 »
Merci pour le tuto, c'est cool :)

Hors ligne Vee Weyans

  • *
  • 392
    • Voir le profil
  • Nom InGame: Vee
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #10 le: 11 07 2015, 00:28:46 »
T'as une super qualité d'image ^^

Hors ligne Tнoмаѕ

  • *
  • 2639
  • « Don't think, just do ! »
    • Voir le profil
  • Nom InGame: Mickaël Johnson.
Re : Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #11 le: 11 07 2015, 00:35:04 »
Très bon tutoriel, merci du partage :)

Game Helpeur


Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #12 le: 18 07 2015, 20:05:25 »
Super le tuto ! J'avais pas penser !

Mickael_Victor

Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #13 le: 14 12 2015, 01:32:59 »
Pour le CS6 sa ne le supprime pas,je fait comment ?

Hors ligne Tony McGee

  • *
  • 201
  • Je vie pour mon club, et je mourrais pour lui.
    • Voir le profil
  • Nom InGame: Tony McGee
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #14 le: 22 01 2016, 08:17:08 »
Ou bien, façon pourrit pour le chat:
Tu mes le chat à côté, tu prend l'outil texte et tu écris ce qu'il y a marqué et tu le déplace ou tu veut qu'il soit ...

Hors ligne Fiker

  • Madara Uchiwa, shinobi légendaire du Clan Uchiwa.
  • *
  • 543
  • Skurt.
    • Voir le profil
  • Nom InGame: Fiker Hair, Kris Kor.
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #15 le: 22 01 2016, 12:57:09 »
Très bien détaillé, merci.

Hors ligne Zerka

  • *
  • 88
  • www.youtube.com/user/WeehxTeam
    • Voir le profil
  • Nom InGame: Jeezy DeJordan - Jeezy Antetokounmpo
Re : [Tuto] Faire des séries de screens avec photoshop
« Réponse #16 le: 31 12 2016, 02:39:54 »
UP, ça aide tjrs

Hors ligne Roddy

  • *
  • 657
    • Voir le profil
  • Nom InGame: Roddy Safety
Membre de confiance d'UMV-RP - Roddy Safety
Disponible par MP ou bien sur TS à l'adresse suivante : ts.umv-rp.fr
Bon jeu sur UMV-RP