Gérez votre site :

52 704 Webmasters - 775 394 Membres INSCRIPTION - Mot de passe oublié ?

Discussion du forum

News

Vous êtes sur la discussion (Tuto imagee ) Banniere

Ouvert (Tuto imagee ) Banniere
de *~ςค๓เllє~* (mon-dragon - créé le 31 aout 2011 à 5h 06
68 reponses - 677 vues
modifié il y a 13 ans
Bonjour,

Je fait ce tuto pour aider les webmasters
a creer leur propre bannieres.

_Avant de commencer, il va vous falloir un programme adéquat pour faire du traitement photos. Vous pourriez très bien utiliser l'outil Microsoft Paint inclus dans Windows, mais ce programme reste très limité. Certains outils très utiles, comme la baguette magique, n'existent pas, le programme ne gère pas les calques, et en plus, seules les 3 dernières actions effectuées peuvent être annulées.

D'autres produits sont très performants comme Adobe Photoshop ou Paint Shop Pro, mais ceux-ci sont payants et même très chers.
Dans les produits gratuits, vous avez The Gimp qui est Open Source. Il est extrêmement performant, mais la prise en main de ce logiciel n'est pas très évidente pour des débutants.

Je vous propose donc d'opter pour Paint.NET. Ce logiciel est gratuit et sa prise en main est relativement simple. Une fois que vous aurez appris les quelques notions de base de ce logiciel, vous n'aurez aucune peine à faire vos propres montages photos.

Les liens pour le télécharger sont disponibles sur le site suivant : http://www.getpaint.net/download.html.

Enregistrez le programme sur votre disque dur, puis installez-le. N'oubliez pas de choisir la langue Français.


_Il va aussi nous falloir quelques image.

Pour faire cette baniere, il nous faut:

-un personnage ou un annimal dans une image avec un fond transparent, nommer renders.Nous prendrons ceci: http://bildberg.eu/QLi3sgRy.png
-Un fond graphique, c'est a dire un fond avec une texture. Nous prendrons ceci: http://bildberg.eu/baRUsWc5.jpg
-Un motif, pour agrementer la banniere. Nous prendrons ceci: http://bildberg.eu/yOb2nCpy.jpg

1_Enregistrez ces trois images dans votre ordinateur.
2_Ouvrez paint.Net et choisissez la taille de votre banniere (je vous conseille 750*300)

3-Choisissez un bleu clair(moi je prend bleu, mais vous pouvez prendre une autr couleur). Cliquez a present sur la petite fleche
a deux coter qui se trouve a present entre les petits carres bleu et blanc. Choisissez un bleu legeregement plus foncer que le precedent.
4- A present, appuyez sur la touche G du clavier. Cliquez sur votre zone de dessin et bidouillez un peu jusqu'a obtenir un degrader qui vous plait.

5-Creez deux nouveau claque. vous apellerez le 3 eme "Renders" (en bat a droite de la fenetre calque--> proprietee )
6- allez dans votre fichier ou vous avez mis le renders. Clique droit sur le renders-->ouvrir avec--> paint.net)

7-faites sur M le clavier et cliquez sur votre renders. Faites ensuite ctrl+C. Retournez sur votre degrader (en haut a droite) et selectionnez
le calque "renders". Faites ensuite ctrl+v. Cliquez sur NE PAS AGRANDIR. Placez votre renders comme le souhaitez (sur cet exemple, il n' apparait pas en entier). Normalement, vous devriez avor ceci: http://bildberg.eu/8SavK6Ky.png


8-Selectionnez le calque 2. Avec un bleu encore plus fonce, faites des traits harmonieux, comme ceci: http://bildberg.eu/cUjXv63x.png
9-selectionnez le calque renders et ajoutez deux nouveaux calques. selectionnez le calque 4, cliquez sur proprietee, et reglez comme ceci: Mode: Ecran - Opacitee: 133.
Selectionnez ensuite le calque 5 et reglez comme ceci: Mode: Ecran - Opacitee: 144.

10- Allez chercher votre texture (clique droit dessus, ouvrir avec--> paint.net _____ cliquez sur M, cliquez sur la texture, faites ctrl+c, revenez sur votre banniere, selectionnez le calque 4, et faites ctrl+v, cliquez ensuite sur ne pas agrandir)
Refaites ensuite la meme chose pour les motifs, mais en selectionnant le calque 5 au lieu du 4.



Moi j'obtient ceci: http://bildberg.eu/ikx6gd4X.png



Voila, vous avez votre banniere, si vous souhaitez mettre le nom de votre site dessus, suivez ce second tutoriel:

enregistrez le fichier paint.net sous JPG.
Ouvrez power point, inserez votre banniere presque finie.
Inserez un texte contenant le nom de votre site au dessus de la banniere, mettez une police et une couleur qui vous convient
Faites enregistrer sous fichier d'echange Jpg (ou un truc du genre).

Mais la, il y a du blanc autour. Ouvrez n'importe quel logiciel de retouche photo et rognez le blanc.


FIN
Voici les réponses de cette discussion : (page 2/2)

le 25 sept 2011 à 11h 53 (il y a 13 ans)
En ligne Alona (teckel-passion
Ouais je sais me servir de Gimp, mais le truc c'est que enfaite ma bannière, j'arrive pas a l'ouvrir dans une fenêtre web... =/
donc je ne peu pas la mettre sur mon site ='(
le 25 sept 2011 à 11h 58 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Ah...
T'as du enregistrer en .xcf
A la fin de ton enregistrent, ajoutes une autre extension : png, gif, jpeg... ou autre par exemple ^^
Mais gardes le xcf, cela te permet de modifier l'image si tu en as besoin (garde les calques... alors que les autres types de sauvegardes ne gardent pas les calques en mémoire)
Voila j'espère t'avoir aidé et que c'est ca ^^
le 25 sept 2011 à 12h 10 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
Strano && Number : Moi aussi, des fois j'utilise paint et gimp, car certaines fonctions ne sont que sur gimp et inversemment .
le 25 sept 2011 à 12h 10 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Ouais exactement ^^
le 25 sept 2011 à 12h 11 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
Ton image est magnifique, mais ou trouve-tu des planetes ?
le 25 sept 2011 à 12h 12 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Merci :D
Mes planète je les fais... :$
C'est mon secret Smiley
Je ferais peut etre un petit tuto plus tard ^^
le 25 sept 2011 à 12h 26 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
oh.... :( mais , tu les fait avec quel logiciel ?
le 25 sept 2011 à 12h 28 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
gimp ^^
Mdr'
tkt pas je t'expliquerais si tu veux :)
le 25 sept 2011 à 12h 42 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
ok :D
le 25 sept 2011 à 13h 03 (il y a 13 ans)
En ligne Alona (teckel-passion
Merci Strano && Number, maintenant j'ai la bannière =)
http://img11.hostingpics.net/pics/884655Bannire.jpg
le 25 sept 2011 à 13h 06 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
elle est bien reussie :)
Mais je serai toi, je mettrai peut etre un fond ou alors je mettrai le fond en transparent
le 25 sept 2011 à 13h 20 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Yeah nice :D
De rien ;) Chu la pour ca (XD)
Sinon moi je pense que le fond transparent peut aller, selon si le fond de son site a une couleur accommodante ^^
Par contre je ne pense pas que ce soit transparent : le JPG n'admet pas les transparences.
La qualité de l'image est moyenne ^^
Je ne sais pas si ce sont les images de base, mais essaye de ré-ouvrir ton xcf et d’enregistrer en png, qui a une qualité bien meilleure et qui affiche la transparence ;)
PS : C'est toujours Number6406 sur les forums ^^ :D
le 25 sept 2011 à 13h 21 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Ah pardon, j'ai mal lu ton message camille ^^
Mdr'
Oui ce serait pas mal de mettre transparent ou cadre ou fond ^^
le 25 sept 2011 à 13h 56 (il y a 13 ans)
En ligne Alona (teckel-passion
D'accord merci pour les conseilles =D
le 25 sept 2011 à 13h 58 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
de rien ^^
le 25 sept 2011 à 17h 13 (il y a 13 ans)
En ligne Dawn (the-elevage-pokemon
Camille tu pourrais me répondre, hein ? Smiley
le 25 sept 2011 à 17h 31 (il y a 13 ans)
En ligne Dawn (the-elevage-pokemon
J'en ai marre
le 25 sept 2011 à 17h 59 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Elle n'a peut-être pas que ca à faire...
le 25 sept 2011 à 18h 57 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
euh desoler, j'avais pas lu ton message
le 27 sept 2011 à 16h 25 (il y a 13 ans)
En ligne Alona (teckel-passion
j'ai refait la bannière. donc est ce que vous pouvez dire ce que vous en pensez?
http://img11.hostingpics.net/pics/805704Bannnire.png
le 27 sept 2011 à 17h 58 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
Elle est beaucoup mieux :)
le 28 sept 2011 à 7h 41 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Stylé ;)
Mais on voit trop les pixels sur les bords des chiens ^^'
Comnt tu as fait en fait pour enlever le contour? ^^'
le 28 sept 2011 à 15h 17 (il y a 13 ans)
En ligne Alona (teckel-passion
Merci. enfaite.. je sais plus Smiley
le 28 sept 2011 à 15h 18 (il y a 13 ans)
En ligne Alona (teckel-passion
Le contour de la bannière?
le 30 sept 2011 à 19h 35 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
Non des chiens
le 1 oct 2011 à 17h 09 (il y a 13 ans)
En ligne Alona (teckel-passion
Je sais pas, j ai jamais enlevée le contour =) ils étaient déjà comme ça !
le 2 oct 2011 à 9h 09 (il y a 13 ans)
Modo En ligne Number6406 (monvirtuel
ah ^^
Ca fait vraiment pixélisé :s
le 13 oct 2011 à 7h 53 (il y a 13 ans)
En ligne *~ςค๓เllє~* (mon-dragon
up!
Poster un message
Veuillez vous connecter pour poster sur le forum.

Webidev | v2.10.0 | © Webidev 2007 - 2024 | Contact