Comment réaliser facilement et gratuitement vos tutos...

GO TO ADMIN PANEL > ADD-ONS AND INSTALL VERTIFORO SIDEBAR TO SEE FORUMS AND SIDEBAR

Aego

Pilier du Forum
Membre du personnel
#1
[img title=http://www.3dvf.com/forum/images/vignette/1/178/120.jpg]http://www.3dvf.com/forum/images/vignette/1/178/120.jpg[/img]

Dans cet aperçu sur " comment réaliser des tutoriaux ", nous allons laisser de côté les solutions payantes pour nous intéresser plus spécialement aux solutions gratuites, en Français de préférence...

Ce thread est surtout destiné à vous montrer les diverses options possible, j'en ferais une version plus détaillée s'il y en a un réel besoins parmi vous, la plupart de ces logiciels étant très simples à appréhender ;)

Plusieurs cas de figures s'offrent à nous : Le tutorial en ligne au format .html, ainsi que les formats portables en .pdf ou .chm, en pour finir le tutorial vidéo.

Commençons par le tutorial basique, .html ou autres...

Nous allons utiliser pour celà quelques excellent freewares, à savoir :

-Gadwin Printscreen pour les captures d'écran
- Gimp pour la retouche,
- Open Office pour les sortie .pdf et .html
- et enfin ABC Amber chm merger pour créer nos .chm à partir des fichiers .html issus d'Open Office

Il existe bien entendu d'autres solutions logicielles gratuites ( on pourrait par exemple utiliser Komposer pour l'HTML ), je donne là mes préférées et prioritairement en version Françaises

1ere partie : La capture avec Gadwin Printscreen

Il existe en fait pas mal de solution pour faire ses captures, mais je trouve particulièrement intéressant ce soft, de par ses possibilités et son extrême souplesse

C'est à peine si un tutoriel est nécessaire pour lui en fait, je n'en fait donc qu'un simple présentation en expliquant mes réglages

Voici comment se présente l'interface :

[img title=http://www.3dvf.com/forum/static/mesimages/11707/1.jpg]http://www.3dvf.com/forum/static/mesimages/11707/1.jpg[/img]

L'écran 1 se passe de commentaires...

[img title=http://www.3dvf.com/forum/static/mesimages/11707/2.jpg]http://www.3dvf.com/forum/static/mesimages/11707/2.jpg[/img]

Dans l'écran 2, j'ai préféré utiliser une sélection d'écran plus souple par sélection rectangulaire...

[img title=http://www.3dvf.com/forum/static/mesimages/11707/3.jpg]http://www.3dvf.com/forum/static/mesimages/11707/3.jpg[/img]

Dans l'écran 3, je lui explique de créer un fichier pour chaque captures et de le mettre dans un dossier à part : en fait, cette configuration permet de capturer des écrans " à la chaine " et de pouvoir conserver une bonne fluidité de travail sans devoir accepter ou éditer chaque captures...

[img title=http://www.3dvf.com/forum/static/mesimages/11707/4.jpg]http://www.3dvf.com/forum/static/mesimages/11707/4.jpg[/img]

Enfin, l'écran 4 donne accès aux options de sauvegarde

Comme vous le voyez, plus simple, c'est impossible :)

Partie 2 à venir : Modifier les images dans Gimp
 

Aego

Pilier du Forum
Membre du personnel
#2
Partie 2 : Modifier ses images dans Gimp...

Ce n'est bien sur absolument pas un tuto sur Gimp, mais un exemple de fonction intéressante ;)

Imaginons que nous avons fait ce screenshot :



Gimp est un puissant logiciel de retouche d'images et permet donc de redimensionner, régler la luminosité, les contrastes etc..., hors, ce que nous désirons ici, c'est simplement extraire le Medit de Max pour une capture plus ciblée...

Il suffit simplement d'en faire une sélection, puis de faire " édition/ coller comme/ nouvelle image ".



Gimp nous fera une image au format désiré, il ne nous restera plus qu'à enregistrer cette dernière dans notre répertoire pour l'inclure dans notre tuto ( c'est aussi la méthode basique pour créer des gabarits à partir de blueprints par exemple...)



On pourrais par exemple rajouter aussi un watermark avec un logo ou son adresse internet...

PS : Je ferais bientôt une petite série de tutos plus axés sur les fonctionnalités de Gimp ;)

Partie 3 à venir, la mise en page et l'exportation dans Open Office...
 

Aego

Pilier du Forum
Membre du personnel
#3
Bon, là non plus, c'est pas un tuto sur Open office bien sur, mais l'exemple de ce qu'il permet pour ceux ne le connaissant pas ;)

Je vais utiliser Writer, on pourrait bien sur utiliser Draw...

La méthode est extrèmement simple :

Déjà on crée son tuto ( bah oué ;))



Pour inclure les images, on fait simplement : " Insertion/ Images/ A partir d'un fichier "



On peut redimensionner à la volée, créer des zones de texte, etc...

Il suffit après d'exporter dans le format désiré, .pdf ou .html ( avec une ruse dans ces derniers cas si on veut créer des liens vers d'autres pages, ou le compiler en .chm qui est de créer des pages distinctes en fonction des chapitres et qu'on pourra appeler par la suite en créant un menu...)



On peut aussi par exemple créer ses hyperliens...



Open Office est très puissant pour la mise en page, un survol de la documentation est très utile ;)

Partie suivante, créer son .chm et lui adjoindre un menu
 

Aego

Pilier du Forum
Membre du personnel
#4
Bah en fait, j'ai trouvé un super tuto sur la réalisation des .chm sur le net, je met donc le lien ici, ce sera plus simple ;)

Il utilise Microsoft HTML Help Workshop qui est en fait une solution plus simple en y réfléchissant que mon ABC Amber chm merger...

http://www.siteduzero.com/tutoriel-3-34738-creer-un-fichier-chm.html

Ca me laisse plus de temps pour m'attaquer aux tutos vidéo ;)

Donc, pour cela, on va séparer les choses en plusieurs sections :

La capture : Une solution quasiment obligatoire, l'excellent CamStudio

Camstudio ( je vous met directement ce lien pour le trouver plus simplement en Français )

Editer son fichier son : Un super outil très proche d'un SoundForge et qui sera sûrement utile à Corentin, hihi ( 'fin pas qu'à lui d'ailleurs :D )

Audacity

Le montage vidéo et l'encodage : Plusieurs solutions possibles

Virtual Dub ( malheureusement en Anglais lui... )

Windows Movie Maker ( en fait une solution très simple et très puissante, bizarrement souvent dédaignée car estampillée " Microsoft " )

Vidéo Spin de chez Pinnacle, une version allégée et gratuite d'Avid Studio, mais que j'aime moins j'avoue...

Chacune de ces dernières solutions ayant avantages et inconvénients comme nous le verrons...

La suite bientôt :)
 

Aego

Pilier du Forum
Membre du personnel
#6
Merci de et éclaircissement, j'ai tendance à utiliser de vieilles versions de logiciels moi :)

J'essaie surtout de donner des pistes vers les outils gratuits utilisables que faire un vrai tuto, j'espère que ça donnera des vocations ;)
 

Aego

Pilier du Forum
Membre du personnel
#7
Présentation de Camstudio :

Camstudio est en fait un petit soft de capture fonctionnant un peu sur le principe de Camtasia ( avec d'ailleur de très nombreuses similitudes...)

Voici comment il se présente :



Les fonctions sont en fait très rapidement compréhensibles, on vois que l'on peut enregistrer directement en .avi ou en .swf par un simple swich ( à droite de mon petit sablier dans l'image au dessus ), ou en allant dans ses menus



Personnellement, j'utilise comme toujours une capture de région



On a accès très simplement aux codecs vidéo...



...ainsi qu'aux codecs audio



Vous voyez ici une partie de mes réglages récents, prévus pour une publication sans montage ultérieur, mais je vous conseille d'utiliser plutôt des codecs sans compression si vous désirez par la suite éditer votre vidéo dans des softs comme Virtual Dub ou Win Movie Maker ( ou autres ;)), ce qui évitera une perte de qualité évidente...

Partie suivante: Monter votre vidéo et la publier...
 

Aego

Pilier du Forum
Membre du personnel
#8
Petit oubli : Imaginons que nous voulions éditer la partie son de notre vidéo avant le montage final....

Plusieurs solution existent, mais je vous conseille un petit utilitaire sympa : Video mp3 Extractor

Voici comment il se présente



Plus simple, y'a pas, on sélectionne sa vidéo, on choisis la qualité de son export et on lance :)

Il suffira ensuite d'éditer notre fichier .mp3 dans Audacity et de le rajouter au montage dans un de nos logiciels de compositing...
 
Haut