30 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto CrystalXP] Comment rédiger un tuto ?

 
n°26872
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 25-01-2012 à 19:34:21  
 

http://www.crystalxp.net/forum/mesimages/295797/creer un tuto.png

Salut tout le monde ! Moi, c'est V@l et nous allons apprendre ensemble à rédiger un tutoriel.
Pour cela, je vous propose un petit guide, avec quelques petits conseils, et surtout, plein de belles images (ou pas :paf:) !

 

http://www.crystalxp.net/forum/icones/message/icon13.gif ATTENTION ! Avant de rédiger votre tutoriel, vérifiez par une recherche si il n'existe déjà pas, et n'oubliez pas, le tuto devra être utile. Un tuto du genre "Comment utiliser l'outil pinceau" ne sert absolument à rien !

 


http://www.crystalxp.net/forum/icones/message/icon16.gif 1. Créer un nouveau sujet.

 

Pour pouvoir poster un tuto, il faut d'abord créer un nouveau sujet. Pour faire ça, il vous suffit de cliquer sur ce bouton qui se situe en haut de page :
http://www.crystalxp.net/forum/themes_static/images_forum/1/newsujet.gif
Mais attention ! Postez dans la bonne catégorie, sinon, on vous gueulera dessus "MAUVAISE CATÉGORIE SALE NOOB !!!!*" !
Regardez l'image ci-dessous. Le rectangle rouge indique où il faudra poster votre tutoriel.
*Ne vous inquiétez pas, je doute fortement que ça arrive un jour !

 

http://www.crystalxp.net/forum/mesimages/295797/tuto1.png

 

C'est bon ? Vous êtes dans la bonne catégorie ? Vous avez cliqué sur le bouton "Nouveau Topic" ?
Bien. Mais attention ! Le titre du sujet est TRÈS important ! Il permet de signaler le sujet du tutoriel. (EX : "Faire une userbar" )
Il est aussi obligatoire d'indiquer des balises pour votre tutoriel. Il permettra de le déplacer dans la catégorie appropriée quand il sera validé !
 :info:  Par exemple, si votre tuto est fait sous Photoshop, la balise sera "[Tuto Photoshop]" !

 


http://www.crystalxp.net/forum/icones/message/icon16.gif 2. Rédaction : Astuces utiles.

 

Un tuto bien écrit et organisé est évidemment 1000x mieux qu'un tuto ékri c0m sa, illisible et complètement bordélique. C'est pour ça qu'il est fortement conseillé de...

 :ar: Avoir une orthographe lisible. On ne demande pas de ne faire aucune faute de français, mais juste d'éviter les fautes volontaires, et surtout BANNIR le langage SMS.
 :ar: Être le plus clair possible, et ne pas hésiter à donner des explications. Chose conseillée : Diviser votre tutoriel en différentes parties selon les différentes étapes de la création.
 :ar: Des couleurs, des styles de calques pour organiser son tuto est une bonne idée. Mais éviter d'en abuser et d'utiliser des couleurs trop
flashy aussi !
 :ar: Ne pas lésiner sur les images. Elles donnent un "support" au lecteur, et elles lui montreront à quoi il devra s'attendre. On en reparlera en détail.

 


http://www.crystalxp.net/forum/icones/message/icon16.gif 3. Les images.

 

Comme je l'ai dit au dessus, les images sont HYPER-importantes. Mais attention ! Une image c'est bien, mais montrer tout votre écran pour afficher une zone d'une centaine de pixels, ça va pas.
C'est pourquoi il faut penser à cadrer ses images. On va voir comment faire ça.

 

D'abord, comment prendre une capture d'écran ? Si vous êtes sous Windows Vista ou Seven, vous pourrez utiliser l'outil Capture. L'utiliser est très simple, vous pouvez choisir de faire des captures de plusieurs façons et vous pouvez le modifier directement avec des stylets et des surligneurs. Si vous n'êtes pas sous Windows Vista/7, ou pas sous Windows tout court, vous devrez utiliser la fameuse touche "PrintScreen" ou "Impr. Écran". Mais attention, il ne faudra pas la poster comme ça ! Il faudra la retoucher.
Regardez cette image. C'est l'exemple parfait de l'image baclée, prise à l'arrache !

 

http://www.crystalxp.net/forum/mesimages/295797/tuto2.png2..png

 

Ça, c'est ce qu'il ne faut PAS FAIRE ! Regardez ! Sur toute l'image, plus de la moitié ne sert à rien ! Alors, comment faire ?
Hé bien, sous Paint, vous pouvez coller l'image, la déplacer, et utiliser les points pour recadrer. Sous Photoshop, je conseille l'outil Recadrage  :pscrop: . Il vous suffira de tracer un rectangle qui va entourer la zone à garder.
Là, je suis en train de recadrer ma capture d'écran. On voit que je ne garde que la zone de travail.

 

http://www.crystalxp.net/forum/mesimages/295797/tuto3.PNG1..png

 

Si vous trouvez que vous avez mal fait votre rectangle, gardez en tête que vous pouvez toujours le modifier avec les petits carrés.

 

Un autre truc à faire, c'est encadrer, ou surligner une zone, pour mettre en évidence un bouton, ou une icône.
Ici, j'ai "surligné" deux zones, en faisant simplement 2 rectangles, et en diminuant leur opacité.

 

http://www.crystalxp.net/forum/mesimages/295797/tuto4.png

 

Je pense que c'est évident, le texte qui devrait accompagner cette image parlerait de 2 effets de calque, le Biseautage et estampage et le Contour.

 

Un autre point important : L'hébergement des images. Évitez les sites tels que ImageShack ou autres. Car l'image peut être facilement supprimée.
CystalXP propose un outil qui permet d'héberger des images et d'accéder à un répertoire pour voir les images postées ! Donc, utilisez le ! Ça évitera des mauvaises surprises !

 

Un conseil de Mutsu : Faire attention au poids et à la taille des images. Tout le monde n'a pas de connexion hyprarapide. Utilisez un format pas très lourd, comme le PNG et le GIF.

 


Voilà. Ce tuto touche à sa fin. Mais, il est loin d'être terminé, car je compte sur vous ! Vous pensez que j'ai oublié un truc ? Qu'il faut changer ceci et cela ? N'hésitez pas à me le dire, et il sera ajouté à ce tuto ! Sur ce, je vous dis au revoir, et à vos claviers !


Message édité par V@l le 28-01-2012 à 22:29:40

---------------
EPIC RAP BATTLES OF HISTORY !
answer
mood
GoogleAds
profil
Posté le 25-01-2012 à 19:34:21  
 

answer
n°26873
autigone
Bonjour la Terre.
Profil : Big Penguin
Avatar
profil
Posté le 25-01-2012 à 21:30:42  
 

Ah ben je vois que le Wormzien est devenu un vrai Minecraftzien.  :smile:  
 
Bonne initiative, c'est agréable de voir que tu t'appliques à fond dans la rédaction.
J'ai cru voir un "s'il il" au début, par contre.
 
Bon travail. Dommage qu'il n'y ait plus assez de gens sur le forum, avant cela aurait été très utile.
 

answer
n°26874
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 25-01-2012 à 21:47:12  
 

Hé oui ! De lombric, je suis passé à cubique !
Merci pour la faute, j'ai corrigé ;)


---------------
EPIC RAP BATTLES OF HISTORY !
answer
n°26875
autigone
Bonjour la Terre.
Profil : Big Penguin
Avatar
profil
Posté le 25-01-2012 à 21:49:15  
 

au fait c'est completement pas le sujet, je m'en excuse, mais tu as fini ton projet de jeu (worms) ou c'est tombé a l'eau ?

answer
n°26876
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 25-01-2012 à 21:51:12  
 

Alors, en fait, cette fois, c'est avec un gamemaker C++, crée avec gamemaker !
On attendra sa sortie avant de commencer vraiment le jeu.


---------------
EPIC RAP BATTLES OF HISTORY !
answer
n°26877
Mutsu
Carpe Diem
Profil : Penguin Pro
Avatar
profil
Posté le 25-01-2012 à 23:06:08  
 

Bonne idée, ça évitera les tuto un peu difficile à comprendre et plein d'effets inutiles ^^
 
Trois petite chose à noter
1. t'as une/des images un peu grandes qui déforment la page pendant le chargement. je pense que c'est la grande impression écran. Tu peu d'ailleurs ajouter de faire attention à la taille des images et le poids des images ("Enregistrer pour le Web" ).
 
2. Je trouve un peu bordélique/dense le début du tuto, jusqu'à "les images". Cela dépend peut être de l'écran que t'as, chez toi ça peut être bien grâce à un grand écran avec une bonne résolution, mais moi je suis sur un portable en 1280x800 :he:
 
3. Tu vouvoie ça me perturbe. Tout le monde se tutoie sur un forum. :boulay:


Message édité par Mutsu le 25-01-2012 à 23:07:27

---------------
.::Mon iGloo::. http://img683.imageshack.us/img683/5245/mutsunoel.png .::Mon Flickr::.
 
Hey mon ami ! T'aime ça la procrastination ? Viens Procrastiner en pixel avec graphic-guestbook !!!
answer
n°26879
V@l
Graphiste cubique
Profil : Top Penguin
Avatar
profil
Posté le 26-01-2012 à 18:17:19  
 

1. Ajouté le conseil, mais normalement, la capture en 1680x1050 devrait être redimensionnée...
 
2. Bordélique ? Comment ça ?
 
3. Ah bon ? Faut voir si ça choque les autres aussi. Si il faut je changerais.


---------------
EPIC RAP BATTLES OF HISTORY !
answer
n°26880
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 26-01-2012 à 18:24:43  
 

Merci V@lou pour le tutoriel, plutôt utile quand on est nouveau ;)
 
Sinon personnellement j'aime bien Imageshack.us, j'ai toujours uploadé sur ce serveur : simple, rapide. J'ai regardé mes vieux tutoriels Photofiltre (à l'époque je n'avais pas Photoshop... :mdr: ), sur une vingtaine d'images deux seulement ont disparues. Sachant que ces tutoriels datent de 2005 et 2006 on aurait pu s'attendre à lire un bloc de texte sans images. :xeyes: Une bonne solution pour garder tes images, s'inscrire, plus de mauvaises surprises. Tu as même un espace de gestion des images hébergées.  
 
Les gens ont peut être des expériences différentes,  
mais je trouve Megaupload Imageshack pour ma part plutôt bien foutu :he: !


---------------
http://img19.imageshack.us/img19/4344/borsalinovecto1.pnghttp://img403.imageshack.us/img403/2802/damu4.png  http://img403.imageshack.us/img403/6213/iglooxp1.png
Borsalino: l'essayer, c'est l'adopter ! :love:
answer
n°26881
Mutsu
Carpe Diem
Profil : Penguin Pro
Avatar
profil
Posté le 26-01-2012 à 21:08:28  
 

Citation :

1. Ajouté le conseil, mais normalement, la capture en 1680x1050 devrait être redimensionnée...


Pendant le chargement elle reste à la taille d'origine, une fois chargée elle est redimensionnée. J'ai un débit de m*rde donc j'aai le temps de voir ce détails ^^
 

Citation :

2. Bordélique ? Comment ça ?


Dense est le mot le plus juste, mais c'est peu être juste moi. (j'suis chiant)
 

Citation :

3. Ah bon ? Faut voir si ça choque les autres aussi. Si il faut je changerais.


C'est peut être moi aussi ça :he:


---------------
.::Mon iGloo::. http://img683.imageshack.us/img683/5245/mutsunoel.png .::Mon Flickr::.
 
Hey mon ami ! T'aime ça la procrastination ? Viens Procrastiner en pixel avec graphic-guestbook !!!
answer

Aller à :
Ajouter une réponse