DLGamer
Rejoignez la communauté FM sur Facebook

Tutoriel pour réaliser des screens pour vos RdP !

D'un point de vue aussi bien taquetique que tèquenique, les récits de partie sans chichi, c'est ici !

Modérateur : Staff FM

Répondre
Avatar du membre
DarkBlade
Réputation Mondiale
Réputation Mondiale
Messages : 1500
Enregistré le : dim. 04 janv. 2015 14:19
Club préféré : Sochaux
Localisation : Le plus loin possible de ta tronche
Contact :

Tutoriel pour réaliser des screens pour vos RdP !

Message par DarkBlade » mar. 29 août 2017 13:11

Bonjour à tous ! Dans ce post nous allons voir comment préparer vos captures d'écrans/screens pour les intégrer dans vos prochain RdP !


Il sera en 3 parties :

- Réalisation de captures d'écran/screenshot
- Modification et création des images avec une bordure autour pour apporter un style
- Comment uploader vos créations


Je précise que tous les screens ici ont été si besoins retravaillés de base sauf 1 exprès !


I - Prendre une capture d'écran


Pour faire un screen, il existe plusieurs alternatives existantes :

-Prendre un screen depuis l’outil Steam
-Depuis l’outil capture d’écran
-Le raccourci clavier capture d’écran
-Utiliser un logiciel tiers


Commençons de suite par le premier outil !


1 – Utiliser l’outil capture d’écran Steam


Dirigez vous sur votre FM et rendez vous sur le menu dont vous voulez prendre une capture.


Image


Dès que cela est fait, appuyez sur la touche F12 (Elle est paramétrée comme raccourci de base dans les paramètres de l’application, si cela n’est pas le cas rendez-vous sur votre Steam, en haut à gauche, cliquez sur Steam-Paramètres, dans la petite fenêtre, rendez-vous dans le menu « Dans un Jeu » et le raccourci capture d’écran est affiché, vous pouvez le modifiez à votre guise). Une notification en bas à droite ainsi qu’un son vous confirmera la prise de la capture.



Vous remarquerez que la photo est trop grande pour être lisible, il va falloir garde la partie qui nous intéresse.

Une fois la capture d’écran faite, elle sera disponible dans le chemin suivant :

C:\Steam\userdata\296326385\760\remote\482730\screenshots

A savoir que Steam prendra l’écran de jeu complet, vous n’aurez qu’à rogner après vous-même la photo.


2- L’outil Capture d’écran Windows


Tout d’abord, rendez-vous sur le menu de jeu que vous souhaitez sauvegarder.

Dans le Menu Démarrer, entrez dans votre barre de recherche « capture » . Vous devriez avoir ce résultat apparaitre dans votre barre de recherche


Image

Cliquez dessus et une icône comme ceci devrait apparaitre


Image


Cliquez sur Nouveau et sélectionnez la partie a sauvegarder en faisant un clic gauche maintenu pour glisser jusqu'à la zone souhaitée et relâcher pour terminer la capture.Vous aurez ensuite ce menu apparaître


Image


Vous n’aurez plus qu’à cliquer sur le bouton Sauvegarder et choisir le chemin d’enregistrement de votre image !



3 - Le raccourci clavier capture d’écran
Choisissez votre menu à capturer. Dès que ceci est fait, appuyez sur les touches Windows+Impr ecran(à côté de F12). Vous n’aurez plus qu’à retrouver votre capture dans le menu suivant :


C:\Images\Screenshots

Windows aura sauvegardé tout l’écran. Vous n’aurez plus qu’à rogner vos images.



4 – Utilisation de logiciel tiers




Il existe beaucoup d’outil pour faire des captures d’écran (Gyazo, Lightshot, ScreenPresso, etc…)



Nous allons voir ici Lightshot et Screenpresso, deux logiciels gratuits (cliquez sur les noms pour télécharger les logiciels (gratuits).



4.1 – Screenpresso


Tout d’abord, lancez Screenpresso si ce n’est déjà fait (perso il est lancé au démarrage). Il apparaitra dans la barre des tâches avec son logo

Rendez-vous sur le jeu et arrêtez-vous sur le menu à capturer. Appuyez ensuite sur la touhce Impr Ecran (à côté de F12 sur votre clavier)


L’écran se grisera et vous n’aurez plus qu’à cliquer et glisser pour sélectionner la zone à enregistrer (sous forme de rectangle).


Image


L’interface Screnpresso s’ouvrira depuis la barre des tâches :


Image
(he vais pas vous montrer mes screens perso namého)



Vous aurez plusieurs choix qui s’offrent à vous :
-Editer : Modifier le screen depuis l’outil assorti au logiciel
-Publier : Envoyer par mail, sur votre Cloud etc
-Sauvegarder : Enregistrer dans un endroit spécifique avec un autre nom en appuyant sur Ctrl+S


Pour ce tuto on va juste l’enregistrer en appuyant sur Ctrl+S.

A savoir que les images sont enregistrées de base après capture dans le répertoire suivant
C:\Images\Screenpresso


De base, vous pouvez en prendre 40 et à chaque nouvelle capture, la plus ancienne du dossier cité au dessus sera mise dans la corbeille. Il suffit de changer ce nombre dans les paramètres en cliquant sur la clé à molette au dessus->Paramètres->Onglet Capture->Nombre de fichiers à conserver (choisissez le nombre, j’ai mis le maxi, 10 000).




4.2- Lightshot


Lighshot fonctionne comme Screenpresso, donc lancez Lightshot, il se lancera au démarrage après première utilisation et apparaitra dans la barre de tâche comme une plume.

Rendez-vous sur votre jeu et la partie à sauvegarder. Appuyez sur la touche Impr Ecran (à côté de F12 sur votre clavier).

L’écran deviendra noir et comme Screenpresso vous n’aurez qu’à sélectionner votre zone à screener (sous forme de rectangle).
Image
Après prise de la capture un menu en bas de la zone capturée s’affichera
Image


Voici les fonctionnalités proposées dans l’ordre :


Publier sur Prntsct.com = Ctrl + D
Recherche d’image similaire sur google = Ctrl + G
Imprimer = Ctrl + P
Copier = Ctrl + C
Sauvegarder = Ctrl + S
Fermer = Ctrl + X




Si vous publiez sur le site, il vous sera donné un lien que vous n’aurez qu’à copier et mettre entre 2 balises (centrer)(img)(/img)(/centrer)

Au final les 2 applications se ressemblent beaucoup, mais mon choix s’est porté sur Screenpresso pour sa simplicité d’utilisation et une interface plus complète.


II-Modifier ses photos


Nous avons fait la première étape, il reste à modifier votre capture pour qu’elle soit lisible. Depuis la Mise du Forum le 11 Décembre 2017, l’interface « responsive » permet d’intégrer tout types de photo et de taille, elle sera directement redimensionnée par le formulaire PHPBB. Je vous conseille toutefois de garder que l’essentiel de votre image pour vous garantir la meilleure lisibilité possible !

Nous allons voir 2 différentes manières de modifier son image, voire même mettre un petit cadre autour plus que cela fasse plus joli :


- Modifier le tout sur Paint
- Modifier sur Photoshop (réalisé avec Photoshop CC 2015)



1 – Le logiciel Paint


Paint est le logiciel de base sur votre Windows et est simple d’utilisation. Vous n’avez qu’à l’ouvrir en allant le chercher dans le menu Démarrer. Une fois ceci fait, chargez votre image.

Vous aurez cette interface-ci


Image


Cliquez sur la sélection montrée par la flèche et sélectionnez la zone à sauvegarder comme ceci


Image


J’ai décidé de garder cette partie-là. Il ne vous reste plus qu’à cliquer sur le bouton Rogner pour effectuer le découpage et vous aurez ce résultat là


Image



Après avoir obtenu votre image comme sur le screen, on va passer au contour (optionnel). Sélectionner votre couleur en cliquant sur couleur 1 puis la couleur de votre choix (j’ai décidé de choisir rouge) et cliquez sur le rectangle. Etirez le pour qu’il prenne les bords de la photo. Si vous n’avez rien touché aux réglages de base, il créera un cadre de la couleur de votre choix à ajouter sur la photo. Et voici le rendu final !


Image


2- Utiliser Adobe Photoshop


Comme je le rappelle, Photoshop est payant ! Il vous faudra l’acheter ou trouver un crack sur le net. Une version d’essai de 30 jours est toujours disponible sur le site d’Adobe.



Ouvrez PS et ajoutez votre photo. Si elle vous semble flou, c’est que l’application a décidé de la visionner à un zoom plus petit (66% ou autre). Il suffit de cliquer sur la loupe dans la barre d’outil à gauche et mettez le zoom à 100%


Image


Avant toute chose, cliquez sur le verrou pour débloquer l’arrière-plan, sinon la réalisation de l’image ne sera pas possible

Cliquez sur l’outil de Rognage (Raccourci C) : Si vous ne le trouvez pas : cliquez longuement sur le raccourci qui le remplace : un menu de ce genre apparaitra et vous le trouverez dedans


Image


Sélectionnez la zone à garder et appuyez sur Entrée. Si jamais vous voulez recommencer appuyez sur Ctrl+Z pour revenir en arrière.


Une fois votre photo redimensionnée, cliquez sur l’Onglet Edition et choisissez Contour


Image


Choisissez la taille du contour et sa couleur. Je vous conseille au maximum 10 pixels et l’idéal reste 5 pixels.


Image


Une fois cela fait, enregistrez là en l’exportant sous forme d’image PNG (si vous enregistrez normalement vous aurez le fichier du projet créé et non l’image) et choisissez votre chemin d’exportation


Image


Et voici votre image finie !
Image



III – Uploader les images sur le forum






Pour se faire, vous pouvez utiliser plusieurs hébergeurs d’image comme Imgur, Noelshack, FMShots ou Zupimages, etc... Pour ce faire on verra comment uploader avec 5 sites différents

- Utiliser Noelshack
- Utiliser Imgur

1 – Utiliser Noelshack


Rendez vous sur http://www.noelshack.com. Vous aurez cette interface


Image


Ouvrez votre dossier images que vous voulez uploader et sélectionnez toutes (Ctrl+A).
Ensuite glissez les sur le site en maintenant le clic gauche de la souris et glissez le sur le site et relâchez la souris sur le site


Image


L’upload sera en train de se faire


Image


Ensuite pour mettre votre image sur le site, cliquez le sur l’onglet « liens » de vos images comme ceci


Image


Prenez le lien URL de l’image, le forum étant très mal fait et cliquez sur sélectionner, cela sélectionnera tout le lien et vous n’aurez plus qu’à le copier puis le coller entre des balises (centrer)(img)(/centrer)(/img) (je mets les balises en parenthèses car sinon les crochets les activeraient).


Image
Et vous n’avez plus qu’à écrire votre post
2 – Utiliser Imgur
Imgur est comme Noelshack, un hébergeur d’images mais plus connu que ce dernier. Les deux sites ont presque la même méthode d’utilisation à un détail près : Imgur est un réseau de partage d’images, donc il existe des catégories, albums etc…

Rendez-vous sur http://www.imgur.com. Vous aurez cette interface


Image


J’ai caché des images compromettantes :75 :


Ensuite créez-vous un compte (je l’ai fait avec Facebook c’était simple et rapide)

Image

Une fois fait, retournez sur imgur en étant connecté et défilez le menu de votre compte en haut à droite et cliquez sur Images


Image

Il ne vous reste plus qu’à faire comme pour Noelshack et glissez vos images. Vous les verrez apparaitre de cette manière.

Image

Cliquez sur une des photos, une interface avec des liens apparaitra


Image


Cliquez sur « Copy » à côté du lien BBCode montré parla flèche, sachant qu’imgur fournit automatiquement les balises images, il ne vous reste plus qu’à mettre une balise centrer !

Image
Il ne vous reste plus qu’à poster le tout !


Voilà la fin de cette mise à jour, j’espère qu’elle vous aura servi et que les nouveaux récistes suivront ces conseils car des screens à l’arraché où on ne voit rien ne donnent pas forcément envie de lire vos périples footballistiques. Sur ce, bon jeu à tous !
Modifié en dernier par DarkBlade le mar. 20 févr. 2018 8:45, modifié 3 fois.


Avatar du membre
Babos
Webmaster
Webmaster
Messages : 5773
Enregistré le : sam. 23 oct. 2004 18:41
Partie actuelle : Toulouse FC
Club préféré : PSG
Localisation : Paris
Contact :

Re: Tutoriel pour réaliser des screens pour vos RdP !

Message par Babos » mar. 14 nov. 2017 18:21

Super le tuto dis donc. Merci !
- Wesh wesh, FM.net est reviendu !
- Rejoignez-nous sur Facebook & Twitter


Avatar du membre
DarkBlade
Réputation Mondiale
Réputation Mondiale
Messages : 1500
Enregistré le : dim. 04 janv. 2015 14:19
Club préféré : Sochaux
Localisation : Le plus loin possible de ta tronche
Contact :

Re: Tutoriel pour réaliser des screens pour vos RdP !

Message par DarkBlade » mar. 14 nov. 2017 18:39

Babos a écrit : ↑
mar. 14 nov. 2017 18:21
Super le tuto dis donc. Merci !
Merci :107:
Avec la MAJ graphique du forum je ferai peut être 2/3 modifs pour les upload d'images :wink:

EDIT : MAJ du Tuto sans les hébergeurs intégrés. Si jamais Babos les réintègre au forum, ils seront de nouveau disponible dans la partie Upload !

EDIT 2 : Ajout des hébergeurs intégrés

EDIT 3 : Retrait des hébergeurs intégrés et peut-être une vidéo de prévue pour approfondir ce tuto
Modifié en dernier par DarkBlade le mar. 20 févr. 2018 8:46, modifié 1 fois.


Avatar du membre
Segmann229
Réputation Mondiale
Réputation Mondiale
Messages : 1437
Enregistré le : sam. 03 déc. 2016 14:11
Partie actuelle : La Fuite
Club préféré : Stade Briochin
Version : FM 2017
Localisation : Inconnue. (Tant que tu ne te retourne pas)

Re: Tutoriel pour réaliser des screens pour vos RdP !

Message par Segmann229 » ven. 12 janv. 2018 17:38

Hosting pics ferme vraiment?


Avatar du membre
DarkBlade
Réputation Mondiale
Réputation Mondiale
Messages : 1500
Enregistré le : dim. 04 janv. 2015 14:19
Club préféré : Sochaux
Localisation : Le plus loin possible de ta tronche
Contact :

Re: Tutoriel pour réaliser des screens pour vos RdP !

Message par DarkBlade » ven. 12 janv. 2018 17:48

Il va falloir reupload tout vos screens sur d'autres hébergeurs

Pour les Rangers vais devoir faire de même:75:


Répondre

Retourner vers « Récits de Partie »

DLGamer