Quelques explications sur le fonctionnement du topic :
- Dans le premier message se trouvera la liste des tutoriaux. Si vous en avez un à ajouter mais que vous n'êtes pas modérateur, proposez le tutorial dans le topic et nous l'ajouterons à la liste (sauf si c'est une n00berie, mais osef).
- Postez des réponses pour demander des précisions sur un tutorial, pour demander un tutorial qui vous semble manquer à la liste, pour proposer le vôtre come je l'ai déjà dit, et aussi pour commenter un tutorial en place (voire le critiquer, mais de manière construite s'il vous plaît, et pas "oué je conprant ri1 sa veus dir ke ton tuto il é nulle é toi ossi kikoolol").
- S'il y a déjà un tutorial pour un trucage donné, n'hésitez pas à proposer le vôtre, les doublons font partie du jeu si je puis dire. Une personne qui ne comprend pas un tutorial peut tout à fait y arriver avec un autre qui propose une approche différente de la technique en question.
- EDIT : Lorsque vous proposez un tutorial, précisez dedans où à côté quel programme vous avez utilisé pour le faire, pour plus de clarté. merci d'avance.

Il est formellement interdit de :
- Faire tout ce qui est interdit sur le forum en général, reportez vous au règlement (youpi, comme ça j'ai pas à tout recopier).
- Passer commande d'un trucage à qui que ce soit, allez faire ça ailleurs.
- Guider quelqu'un en direct : j'entends par là les explications détaillées étape par étape de type " - Cinquante-sixième étape : tu fais ceci, cela, comme ci, comme ça, regarde, je te fais un screenshot. - Je conprant pa kikoolol." et ainsi de suite. Faites ça par MP si vous avez du temps à perdre, et sinon, essayez de vous envoler (à vos risques et périls).
- Dire "Je comprends rien, j'abandonne" : c'est du flood. Vous pouvez dire "Je ne comprends pas ce point précis, quelqu'un peut m'aider ?" mais sinon, ça ne sert à rien. Et surtout pas "J'y arrive pas, quelqu'un peut me la faire ?" parce que c'est une commande pas très habilement masquée.
- Exposer vos créations, et ce même si c'est déguisé derrière un "Merci à tel auteur de tel tuto, grâce à lui/elle j'ai réussi à faire ça". Les remerciements aux auteurs sont bien sûr autorisés, mais essayez de les accompagner de commentaires constructifs sur le tuto en question. Bien sûr, vous pouvez présenter le making-of d'une de vos créations, à titre de tutorial ou d'explication complémentaire.
- Voler un tutorial : vous ne devez proposer que vos tutoriaux, ou bien ceux dont l'auteur vous a donné l'autorisation de les poster.

Note aux modérateurs
Afin de contribuer à la clarté du topic, merci de respecter ces quelques codes lorsque vous ajoutez un tutorial à la liste :
- Lorsqu'il n'y a aucun tutorial à ce sujet :

Code:

- Tutorial de [...] : [lien du tuto image ou spoil du tuto texte]

(merci de placer le tuto dans la partie appropriée *sort*)
- Lorsqu'il y a déjà un tuto :

Code:

- Tutoriaux de [...] : Tuto de untel :[lien du tuto image ou spoil du tuto texte] Tuto de untel :[lien du tuto image ou spoil du tuto texte]

Merci d'avance

Lors de ce tutoriel, nous ferons comment scratcher, à partir de rien du tout (du pur scratch donc, oublié la fusion...), sur Paint (ou sur n'importe quel autre programme qui permet de faire du Pixel Art).


Alors, tout d'abord, le sujet, quel Pokemon scratcher ?
Pour ma part, je fais scratcher un Pokemon de ma création (d'abord dessiné sur papier), mais vous pouvez très bien faire un scratch d'un Pokemon déjà existant (si par exemple, dans toutes les poses existante de Pikachu, aucune ne vous plaise, vous pouvez très bien en faire une nouvelle) ou encore partir d'un dessin d'un dessinateur (beaucoup de dessinateurs dessinent de très beau Artwork Pokemon, mais étant mauvais en Pixel Art, ils n'arrivent pas à les scratcher, vous pouvez proposer vos service mais dans ce cas, n'oublié pas de citer l'inventeur de ce Pokemon).

Voilà mon dessin :





Et pour faciliter la compréhension du tutoriel, voici un tableau regroupant toutes les étapes :




Tout d'abord, on commence par dessiner les formes. Faites des aplats de couleur formant les membres de votre scratch (1A).

Maintenant, on va commencer à ombrer le corps principal.
Pour cela, il suffit de prendre la même couleur utiliser pour le corps et la foncer un peu plus (1B).

Appliquer les ombres de manière logique (dans mon exemple, le chapeau cache du soleil, et donc, il génère de l'ombre; la jambe allant en arrière, étant en arrière justement, sera plus sombre).
Faite pareil en fonçant encore un peu plus (1C) dans les parties logiquement encore plus sombre.

Une fois que c'est fait, il faut faire les contours.
Le meilleur moyen de voir comment travailler les contours, c'est de prendre exemple sur les sprites officiels. Vous remarquerez donc que les contours ne sont pas uniquement noir, ni uniquement en couleurs foncés. C'est un peu des deux, et parfois, les contours sont même d'une couleur pas très foncé.
En bref, ça se fait au felling. Il faut travailler, regarder ce que ça donne et corriger ce qui cloche.
N'oubliez pas de mettre du noir tout de même, autrement, le sprite n'aura pas un aspect "officiel" (1D).

Une fois que c'est fini, faite pareil pour les autres éléments (2A, 2B, 2C, 2D, 3A, 3B, 3C et 3D)

Logiquement, une fois tout ceci fait, votre scratch est "terminer", enfin, en théorie du moins.
Si vous voulez un scratch de qualité, et va falloir l'analyser sous tous les angles, corriger ça ou ça si ça cloche, quitte à modifier complètement un élément si quelques pixels incorrigibles salissent le sprite.

Pour ma part, je continue en travaillant les petits éléments jusqu'ici resté sur le coté, comme les griffes (4A).

N'étant pas satisfait de la palette de couleur que j'avais créé, je l'ai modifié (4B). D'ailleurs, j'ai fait plusieurs tests, mais aucun résultat ne me plaisé, j'ai donc utiliser comme palette de couleurs des palette de Pokemon Officiel.

Aussi, n'hésitez pas à régler tout ce qui cloche. Dans mon exemple, au fil de mon travail, j'ai rajouté du contour à ces pieds par exemple, retravaillé les yeux aussi et retravaillé l'ombrage du visage (4A, 4B, 4C et 4D).

Une fois que vous êtes VRAIMENT satisfait de votre travail, vous pouvez enfin considérer que c'est fini (4D)


Voila, j'espère vous avoir été utile.
N'oubliez pas qu'il n'y a pas de méthode ou de logiciel miracle.
La clef pour avoir un scratch qui déchire tout, c'est de s'acharner, toujours vouloir faire mieux, et ne pas se décourager, car c'est avec le temps et l'expérience que vous arriverez à faire des scratch aussi beau, voir plus, que les sprites officiel

http://img79.imageshack.us/img79/34/tutorialapubliiersurpoknz2.png
puis les ressources a utiliser:
attaques
http://img83.imageshack.us/img83/4771/spritesattaquesml4.png
les pokemon et les cadres avec barre de HP etc
http://img116.imageshack.us/img116/463/outilstutoecrncombatsez9.png
et les ecrans (c'est utile)
http://img180.imageshack.us/img180/8088/ecranscombatkx1.png

1) Après avoir enregistré tous les sprites dont vous avez besoin, faites-en une copie (de chaque) au cas où. Ouvrez-les avec Paint (si c'est pas des .bmp, clic droit>ouvrir avec>Paint).
Je considère que vous connaissez les rudiments de l'utilisation de Paint. Sinon, demandez-moi et je reprendrai l'explication point par point... si j'ai le temps.
Voici toutes les images dont vous aurez besoin : un dresseur, une équipe de 6 pokémon en rectangles, des icônes de badges ou de pokémon (mais je n'ai pas trouvé de sprites), des fonds déjà créés ou tout simplement le fond blanc que vous pouvez recolorier... ou laisser tel quel.
Copiez-collez ces images sur le même document Paint (plus pratique). Zoomez pour voir un peu mieux ce que vous faites.
2)Dresseur et pokémon préféré : Pour éviter les problèmes de carré blanc, utilisez la transparence. c'est le deuxième dessin avec des polygones en dessous de la barre d'outils de gauche. Assurez-vous que le sprite du personnage est sur fond blanc, puis sélectionnez-le et déplacez-le vers la card. Pareil pour le pokémon mais là je n'ai pas de sprites, je suppose que l'imagerie du pokédex doit convenir, c'est une question de taille et je n'ai pas vérifié.
3)Equipe : Choisissez 6 images de pokémon en rectangles. ici je n'ai mis que les 202 RS parce que c'est les seuls que j'ai trouvés, sinon les autres peuvent être créés à partir d'autres images. Déplacez-les vers les emplacements correspondants sur la card. Là, je vous conseille d'enregistrer, je ne le dirai pas à chaque fois mais il faut le faire régulièrement.
4)Icônes : Vous avez le choix entre huit badges et huit icônes de pokémon, mais j'ai pas trouvé de sprites de pokémon. J'en mettrai si j'en trouve.
Sélectionnez les badges (tous à la fois, normalement ils sont à la bonne distance), toujours avec la transparence, et déplacez-les vers les petits carrés en bas de la card, attention toutefois à ce qu'ils soient bien positionnés.
5)Texte : Le pseudo et la signature s'écrivent avec la fonction texte (symbole "A"). Vous devez dézoomer avant de l'utiliser. Faites un cadre de texte dans l'encadré à côté de "Trainer's card" et tapez votre pseudo, vous pouvez changer la police et la taille (clic droit dans le cadre>barre d'outils texte). La couleur est celle sélectionnée pour le crayon.
Même chose pour la signature, à mettre entre l'équipe et les badges.
On peut aussi utiliser les lettres du jeu.
6)N'oubliez pas de réduire la taille de la feuille Paint à la taille d la card, au pixel près, pour éviter de vous retrouver avec un contour blanc (le zoom est utile...).
Et surtout : http://imageshack.us/ pour montrer vos oeuvres !

NIVEAU REQUIS : Il est impératif de BIEN savoir remplir une t-card (voir tutoriaux n°1 et 2).
MATERIEL : Rien de plus que Paint... éventuellement un logiciel d'animation.

Partie 1
Partie 2
Partie 3
Partie 4
Partie 5
Partie 6
Partie 7

Là encore, vive imageshack.us…

Page 1 - Introduction et suggestions
Page 2 - Sprites
Page 3 - Création !

L'image de départ : http://img5.hostingpics.net/pics/260288tuto.png

Le site où trouver les artwork pokémon : http://www.jeuxvideopc.com/screenshots/28975-pokemon-version-perle/

Le logo Pokémon : http://img5.hostingpics.net/pics/830596tuto_logo.png

Le mot "VERSION" : http://host.images.free.fr/images/q1wbrgsq.png

Partie 1 :
http://img41.imageshack.us/img41/8512/tutobd1.png
Partie 2 :
http://img41.imageshack.us/img41/5053/tutobd2.png
Partie 3 :
http://img41.imageshack.us/img41/9181/tutobd3.png

Le pixel over est l'art de faire passer une image NON-Pixel-art en pixel art.

Commencer a prendre une photo ou quelque chose d'autre QUI EST NON PIXEL ART!
Voila nous alons commencer avec cette imiage:

Comme vous pouvez vous en apercevoir c'est une photo de renard ce qui n'est pas un pixel-art mais ça va bientot en devenir un!


Vous commencer a faire les contours sur l'image (enfin vous les repassez) avec une couleur bien voyante! et si possible AVEC LES COURBES!!Et voila ce que sa donne:

Et si possible détails y compris!




Voila commencez a gommer TOUT SAUF LES CONTOURS QUE VOUS AVEZ TRACES!
Et encore voila le résultat:

Voila a présent commencer a faire les détails....
Exemple:

Voila vous pouvez a présent colorier avec remplissage l'image que vous avec crée si possible créer des ombrages!Et voila le résultat!

[spoil]]Ressources :
C4D numéro 1
C4D numéro 2
C4D numéro 3
C4D numéro 4
C4D numéro 5
C4D numéro 6
Render

tuto :

Pour info, je ne fournit PAS le render, donc cherchez pas

http://www.noelshack.com/uploads/19236058629.png
http://www.noelshack.com/uploads/6th7qk049250.jpg
http://www.noelshack.com/uploads/171027378.jpg
http://www.noelshack.com/uploads/48581746520071130221309041446.png
http://www.noelshack.com/uploads/img_1179589661_158_lg063318.jpg

Render :

C4D :

Brush :
http://redheadstock.deviantart.com/art/Light-Beams-Rays-Brushes-72493128

Encore un tuto sponsorisé Sora/Cassy...
LEs ressources sont à enregistrer.
LE tuto est applicable à photoshop, et en partie sur Gimp.
render :

C4D :



Brush :
http://redheadstock.deviantart.com/art/Light-Beams-Rays-Brushes-72493128

Et enfin le tuto :

Nous commençons par les ressources.

Render : Il est au choix. Cependant... J'apprécie les rendus Final Fantasy !

Le smudge : Ici encore c'est au choix... Prenez une forme que vous aimez temps que vous préservez les réglages et la taille.

Les C4D et autre importation : pas dur, cliquez sur les liens !
http://www.pixenli.com/image1243025933099111100.html
http://www.pixenli.com/images/1243025970037703600.jpg
http://www.pixenli.com/image1243026030047545700.html

Et le plus important... LE tutoriel ! THE tutoriel !



Remerciement spécial à Sephiroxx donc

JE poste sur render graphique... Autant le poster ici.
Encore pour photoshop. Mais faut en connaitre un minimum, j'explique pas tout, et je fournis pas tout ! Faut savoir se fournir !!

Fournitures :
Render ( :lovein: )


C4D ( pas dans l'ordre )




Et le tuto, en 3 parties :




Scuse les 2-3 conneries glissées par si par là, pas su résister

Bien le bonjour... Voici mon dernier tutoriel pour photoshop, adaptable sur Gimp si vous savez vous débrouiller !

Les ressources :

Brush :
http://emelody.deviantart.com/art/Smoke-Brush-76549131
http://metal-cx.deviantart.com/art/Abstract-Lighting-Brush-set-01-16988727

C4D facultatif :
http://www.pixenli.com/images/1245663219043118700.jpg

Et enfin, le tuto :




Voila... Bonne chance !

Tuto àmwa c/c de RG :
Alors... On commence avec le matériel :
Brush, seul truc à charger :
http://booklover323.deviantart.com/art/Light-Beam-Brushes-GIMP-79350025
Stock utilisé dans ce tutoriel :
http://www.pixenli.com/images/1245942802032208000.jpg

Premièrement : bonne chance !
Deuxièmement : Je vous conseille de lire le tuto en entier avant de vous lancer, c'est plus prudent!
Et enfin, voici la bête :


Voilaaa
Quelques résultats sont les bienvenus !

Le tuto

Le soleil
http://img204.imageshack.us/img204/8761/1mybrush512lu2.png
Les brushes vectos:

Tutoriel The Gimp

Difficulté:moyen/facile ça dépend de vous

Technique:Smudge et c4d

Ressources:
C4D 1

C4D 2

C4D 3

C4D 4

C4D 5

C4D 6.

LE TUTO:
Et bien pourquoi j'ai pas mis le render ? car tout simplement il est de mauvaise qualité.

>>> Utilisez Photofiltre !
Les créations pixelisés n'ont pas beaucoup de couleurs, et donc Tofiltre n'enlèvera aucune qualité à vos créations.
>>> Mais comment faire ?
Colorez le fond d'une couleur qui n'apparait pas sur le sprite ou la Card !
Cliquez ensuite sur l'icone encadrée :



Sélectionnez la couleur de fond, qui est à faire disparaitre.
Préférez mettre la Tolérance à 0, et cliquez sur "Aperçu", pour voir ce que ça donne, puis sur OK.

Voilà. =)

Bonjour à tous !
Aujourd'hui, je vais partager avec vous ma façon de procéder pour créer un .gif animé facilement.

Le tutoriel sera en deux partie car j'utiliserais deux programmes, mais avant tout, il faut les télécharger

Game Maker :

Game Maker est un logiciel destiné à la création de jeux-vidéo, mais son éditeur de sprite va nous être très utile pour créer nos .gif animé

Télécharger Game Maker 6.1
Télécharger Game Maker 7

Si vous êtes sur Vista, téléchargez Game Maker 7 car Game Maker 6.1 ne fonctionne pas sous Vista.


Microsoft Gif Animator :

Microsoft Gif Animator est un logiciel gratuit qui permet d'assembler des images .gif afin d'en faire un .gif animé.
On pourra choisir la durée de chaque frame, si l'animation doit se répéter et s'il y a de la transparence ou non.

Télécharger Microsoft Gif Animator


Une fois les logiciels téléchargés, installez-les évidemment



Partie 1 -- Assemblage du .gif avec Game Maker

Ici, je vais me servir de ce sprite set pour faire mon .gif animé :



/!\ : Notez l'affreuse couleur flashy qui pique aux yeux en arrière plan. C'est fait exprès, ça va me servir pour plus tard.
Un conseil donc, si vous comptez mettre un fond transparent, je vous conseil d'utiliser une couleur très repérable en fond, ça vous évitera bien des soucis par la suite.

Voila, maintenant, ouvrons Game Maker.
Vous avez ceci :



Faites un clic droit sur le dossier Sprites et sélectionnez Create Sprite.
Une petite fenêtre s'ouvre. Cliquez sur Edit Sprite. Une autre fenêtre s'ouvre encore (le Sprite Editor), c'est ici que tout va se passer.
Je ne vais pas vous détailler toutes les options, je vais vous parler seulement des fonctions qui nous intéresse ici.

Cliquez sur File, voici le menu :



Voila tout ce que nous allons utiliser, rien de plus

New... : Ici on laisse tomber. C'est seulement utile si vous voulez dessiner vos frames directement sur Game Maker. Mais le plus simple, ça reste quand même d'importer des images
Create form File... : Pas très intéressant, laissez tomber.
Add form File... : Idem, oubliez.
Save as Gif... : Une fois votre sprite animé créé, faudra l'enregistrer grâce à cette commande.
Save as Sprite... : Si jamais vous avez envie d'enregistrer votre sprite animé sous la forme d'un sprite set, hé bien cette fonction est faite pour vous x)
Create form Sprite... : Ah, voila qui est bien utile ! C'est ça qu'on va utiliser
On utilise cette option pour créer le sprite, si après on veut rajouter des images, on utilisera plutôt la fonction suivante.
Add form Sprite... : même chose que Create form Sprite sauf qu'il sert à rajouter des sprite à l'animation et non à créer une animation (vous ne pourrez pas redéfinir la taille d'un sprite avec cette option par contre).
Close saving changes : C'est pour sauvegarder les changements de ce sprite sous Game Maker. Si vous utilisez Game Maker juste pour les .gif animé, faite pas attention.


On clique donc sur Create form Sprite et on va cherchez son image.
Voila ce qu'on obtient :



Les paramètres important ici sont number of images (le nombre de frame que compose votre sprite animé), image per row (je sais pas exactement ce que ça signifie, mais ça correspond au nombre de colonne qui compose votre sprite set), image width (largeur en pixel d'une frame) et image height (hauteur en pixel d'une frame).
Les autres options servent à séparer vos frames (essayez si ça vous intéresse).

Une fois que c'est bon, on clique sur OK.

On reviens à l'éditeur de sprite, on a nos frames, et si on coche Show Preview, on a une idée de ce que donne l'animation (on peut régler la vitesse avec Speed évidemment).
/!\ : Notez que c'est le pixel le plus en bas à gauche qui définit la transparence sur Game Maker. Mais ceci n'a aucune importance pour un .gif animé (donc, ne vous en faite pas si le pixel en bas à gauche n'est pas de la couleur souhaité).

Si rien qu'avec ça, votre animation est fini, ok, reste plus qu'à l'enregistrer en cliquant sur Save as Gif.
Autrement, si vous avez des choses à rajouter, utilisez maintenant Add form Sprite et allez chercher ce qui vous manque.

Remarquez aussi qu'on peut couper/copier/coller les frames et les réorganiser en cliquant sur les flèches bleus.

Une fois votre sprite enregistré en .gif, vous en avez terminé avec Game Maker.
/!\ : Ce n'est pas fini, regardez le résultat obtenu avec simplement Game Maker :



Pas de fond transparent, pas de répétition, aucun contrôle sur la vitesse, bref, pas brillant du tout, n'est-ce pas...
Passons donc à la deuxième partie, histoire d'avoir un bien beau .gif animé et tout et tout =D



Partie 2 -- Finalisation du .gif animé avec Microsoft Gif Animator

Lancez Microsoft Gif Animator et ouvrez le .gif que vous venez de faire avec Game Maker.

Tout d'abord, on va choisir si l'animation se répète ou non.
Cliquez sur l'onglet Animation.
Looping n'est pas coché par défaut, cochez-le si vous voulez qu'il y ait répétition.
Entrez un nombre dans Repeat Count si vous voulez que le .gif animé se répète un nombre de fois, ou cochez Repeat Forever si vous voulez qu'il se répète à l'infini.

Maintenant, passons à la transparence et à la durée des frames.
Cliquez sur l'onglet Image.
Ici, on peut définir frame par frame la vitesse et la transparence.
Mais bon, imaginez qu'il y ait 58 frames à votre animation, va vous falloir de la patience de faire frame par frame hein...
Vous pouvez toujours cliquez sur Select All (c'est trois petites étoiles blanches, le raccourci clavier correspondant est Ctrl+L).

Maintenant, voyons les paramètres.
Duration : C'est, en centième de seconde, la durée d'une frame. Si vous sélectionnez toutes les frames, elles auront toute la même "duration" (oh lol).
/!\ : Bien que la vitesse est censé être en centième de seconde, ce n'est pas la réalité exacte. De plus, la vitesse d'un .gif animé varie parfois d'un navigateur web à l'autre.

Undraw Method : Ici, c'est pour la transparence.
Si vous voulez mette une couleur en transparence, choisissez Restore Bakground plutôt que Undefined, et cochez Transparency.
Quand vous cochez Transparency, se met en évidence. C'est ici que le gros défaut de Microsoft Gif Animator réside... Vous devez choisir la couleur de transparence, mais impossibel de le faire si vous avez sélectionné plus d'une frame... Il va falloir le faire frame par frame (ce qui peut prendre beaucoup de temps si vous avez beaucoup de frames :x).
Sélectionnez donc frame par frame votre couleur de transparence (il faut cliquez sur le carré noir pour avoir une liste de couleur, vous devez choisir dans cette liste la couleur de transparence, ce qui n'ets pas toujours évident... D'où le fait d'avoir une couleur bien flashant comme couleur de transparence peut aider ici =D Je vous l'avez dit ).

Voici la palette de couleur de mon exemple :



Sachez que les couleurs que vous utilisez pour vos sprite son en générale ceux de la premières lignes.
Enfin, plus vous utilisez de couleur, plus ça devient compliqué à s'y retrouver... Encore un autre défaut de Microsoft Gif Animator... Mais vu qu'il est gratuit et qu'il fait bien son boulot, moi, je lui pardonne


Et voila le résultat =D




Bon, le tutoriel est très long, mais en pratique, ça prend très peu de temps, et c'est pas dur.

Si vous avez des questions/suggestions, n'hésitez pas.

Ce tutorial a pour objet de vous apprendre le fonctionnement de sites d'hébergement d'images comme Imageshack.

http://imageshack.us/

Si tout va bien, vous devriez voir une page comme celle-ci :

Etape 1

Cliquez maintenant sur le bouton "Parcourir" (entouré en rouge sur la capture d'écran ci-dessus).
Une fenêtre comme ceci devrait apparaître :

-

Sélectionnez l'image que vous voulez héberger et cliquez sur "Ouvrir". La référence de votre image devrait s'afficher dans l'encadré à côté de "Parcourir", comme sur l'image ci-dessous (encadré en bleu cyan) :

- http://img120.imageshack.us/img120/4249/57519809my5.jpg

Il ne vous reste plus qu'à cliquer sur "Host it !" (entouré en rouge). Le bouton sur lequel vous venez de cliquer devrait devenir presque blanc et afficher "uploading".
Selon la taille de l'image, son format et le débit de votre connexion internet, l'attente peut être plus ou moins longue. Au bout d'un certain temps, une page comme celle-ci s'affiche :

- http://img120.imageshack.us/img120/6842/62723880pg5.jpg

Vous devez sélectionner le dernier lien qui vous est proposé (celui appelé "Direct link to image").

Lorsque vous rédigez votre post sur le forum, vous avez deux possibilités.

- Pour afficher directement votre image dans le corps de votre message, entrez le lien que vous avez pris tout à l'heure, entre les balises [img] et [/img].

Code:

[img] adresse de l'image[/img]

Exemple :

Code:

[img]http://img252.imageshack.us/img252/1026/tcardcm6.png[/img]

Donne :


- Pour créer un lien menant à l'image (conseillé pour les très grandes images qui risqueraient de déformer les pages du forum, cela fonctionne comme pour n'importe quel lien : entrez le lien que vous avez pris tout à l'heure, entre les balises [url] et [/url].

Code:

[url] adresse de l'image[/url]

Exemple :

Code:

[url]http://img252.imageshack.us/img252/1026/tcardcm6.png[/url]

Donne : http://img252.imageshack.us/img252/1026/tcardcm6.png

... J'espère vous avoir aidés, et surtout, n'hésitez pas à poser la question si un quelconque point ne vous paraît pas clair !

Ce tutorial a pour objet de vous apprendre le fonctionnement de sites d'hébergement d'images comme Imageshack.

http://imageshack.us/

Si tout va bien, vous devriez voir une page comme celle-ci :

Etape 1

Cliquez maintenant sur le bouton "Parcourir" (entouré en rouge sur la capture d'écran ci-dessus).
Une fenêtre comme ceci devrait apparaître :

-

Sélectionnez l'image que vous voulez héberger et cliquez sur "Ouvrir". La référence de votre image devrait s'afficher dans l'encadré à côté de "Parcourir",

comme sur l'image ci-dessous (encadré en bleu cyan) :

- http://img120.imageshack.us/img120/4249/57519809my5.jpg

Il ne vous reste plus qu'à cliquer sur "Host it !" (entouré en rouge). Le bouton sur lequel vous venez de cliquer devrait devenir presque blanc et afficher

"uploading".
Selon la taille de l'image, son format et le débit de votre connexion internet, l'attente peut être plus ou moins longue. Au bout d'un certain temps, une

page comme celle-ci s'affiche :

- http://img120.imageshack.us/img120/6842/62723880pg5.jpg

Vous devez sélectionner le dernier lien qui vous est proposé (celui appelé "Direct link to image").

Lorsque vous rédigez votre post sur le forum, vous avez deux possibilités.

- Pour afficher directement votre image dans le corps de votre message, entrez le lien que vous avez pris tout à l'heure, entre les balises [img] et [/img].

Code:

[img] adresse de l'image[/img]

Exemple :

Code:

[img]http://img252.imageshack.us/img252/1026/tcardcm6.png[/img]

Donne :


- Pour créer un lien menant à l'image (conseillé pour les très grandes images qui risqueraient de déformer les pages du forum, cela fonctionne comme pour

n'importe quel lien : entrez le lien que vous avez pris tout à l'heure, entre les balises [url] et [/url].

Code:

[url] adresse de l'image[/url]

Exemple :

Code:

[url]http://img252.imageshack.us/img252/1026/tcardcm6.png[/url]

Donne : http://img252.imageshack.us/img252/1026/tcardcm6.png

... J'espère vous avoir aidés, et surtout, n'hésitez pas à poser la question si un quelconque point ne vous paraît pas clair !